diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
new file mode 100644
index 0000000..b2b0f3d
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,49 @@
+---
+name: "Bug report \U0001F41E"
+about: Report something that doesn't work
+title: ""
+labels: bug
+assignees: ""
+projects: ""
+---
+
+<!--
+A Bug is a superset of regressions, but it doesn't have to have worked on One Platform previously. Please provide as much relevant info as possible.
+
+Before opening a new issue, please search existing issues https://github.com/Kites-Foundation/hello-munnar-frontend/issues, https://github.com/Kites-Foundation/hello-munnar-backend
+-->
+
+## Describe the bug
+
+<!-- A clear and concise description of what the bug is. -->
+
+## Steps to reproduce
+
+<!--
+1. Do '...'
+2. Click on '....'
+3. See error
+
+For the fastest support, provide a working demo or minimal reproduction using tools such as [codepen](https://codepen.io/) or [jsfiddle](https://jsfiddle.net/)
+-->
+
+## Expected behavior
+
+<!-- A clear and concise description of what you expected to happen. -->
+
+## Screenshots
+
+<!-- If applicable, add screenshots to help explain your problem. -->
+
+## Environment
+
+- Operating System(s): Linux/macOS/Windows [Variant and Version]
+- Browser: Firefox/Chrome/Safari [Version] / Other (please specify)
+- Node Version (please specify)
+## Tell us more about your product/project and timeline to help prioritize this issue
+
+<!--
+* What product/project does this impact?
+* List product/project release(s) and timelines.
+* Is this a customer reported blocking issue?
+-->
diff --git a/.github/ISSUE_TEMPLATE/chore.md b/.github/ISSUE_TEMPLATE/chore.md
new file mode 100644
index 0000000..d422239
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/chore.md
@@ -0,0 +1,26 @@
+---
+name: "Chore \U0001F527"
+about: Internal things, technical debt, and to-do tasks to be performed.
+title: ""
+labels: chore
+assignees: ""
+projects: ""
+---
+
+<!-- Separate suggestions for updates to configuration or build processes and libraries / Internal things, technical debt, and to-do tasks to be performed should be reported in separate issues.-->
+
+## Is your chore related to a problem? Please describe
+
+<!-- A clear and concise description of what the problem is.-->
+
+## Describe the solution you'd like
+
+<!-- A clear and concise description of what you want to happen. -->
+
+## Describe alternatives you've considered
+
+<!--A clear and concise description of any alternative solutions or features you've considered. -->
+
+## Additional context
+
+<!-- Add any other context or screenshots about the task here. -->
diff --git a/.github/ISSUE_TEMPLATE/documentation_proposal.md b/.github/ISSUE_TEMPLATE/documentation_proposal.md
new file mode 100644
index 0000000..ad39d7f
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/documentation_proposal.md
@@ -0,0 +1,32 @@
+---
+name: "Documentation proposal \U0001F4D6"
+about: Propose documentation improvements / additions
+title: ""
+labels: documentation
+assignees: ""
+projects: ""
+---
+
+<!--For any improvements or additions to existing documentation please be as precise and concise as possible:-->
+
+## Is your suggestion related to code documentation or product documentation problem
+
+<!--
+* Code / Product: [e.g. Code, Product]
+* File / Document Name: [e.g. README.md, package.json]
+-->
+
+## Describe your suggestion
+
+<!-- A clear and concise description of what changes you are proposing. In the case of multiple documents, please create separate issues.  -->
+
+## Describe any reference material that might be helpful
+
+<!--
+1. Name and description of reference material.
+2. Name and description of reference material.
+-->
+
+## Additional context
+
+<!-- Add any other context or screenshots about the proposal here. -->
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
new file mode 100644
index 0000000..19e9c46
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -0,0 +1,24 @@
+---
+name: "Feature request \U0001F4A1"
+about: Suggest an idea for this project
+title: ""
+labels: enhancement
+assignees: ""
+projects: ""
+---
+
+## Is your feature request related to a problem? Please describe
+
+<!-- A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] -->
+
+## Describe the solution you'd like
+
+ <!-- A clear and concise description of what you want to happen. -->
+
+## Describe alternatives you've considered
+
+ <!--A clear and concise description of any alternative solutions or features you've considered. -->
+
+## Additional context
+
+ <!-- Add any other context or screenshots about the enhancement here. -->
diff --git a/.github/ISSUE_TEMPLATE/question.md b/.github/ISSUE_TEMPLATE/question.md
new file mode 100644
index 0000000..ab4e54d
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/question.md
@@ -0,0 +1,21 @@
+---
+name: "Question \U0001F914"
+about: Usage question or discussion about anything related to the platform
+title: ""
+labels: question
+assignees: ""
+---
+
+<!--
+  To make it easier for us to help you, please include as much useful information as possible.
+
+  Before opening a new issue, please search existing issues https://github.com/1-Platform/one-platform/issues
+-->
+
+## Summary
+
+<!-- Provide a short summary -->
+
+## Relevant information
+
+<!-- Provide as much useful information as you can -->
diff --git a/.github/ISSUE_TEMPLATE/regression_report.md b/.github/ISSUE_TEMPLATE/regression_report.md
new file mode 100644
index 0000000..9a52e9e
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/regression_report.md
@@ -0,0 +1,48 @@
+---
+name: "Regression report \U0001F570"
+about: Tell us about something that worked at one point and now doesn't
+title: ""
+labels: regression
+assignees: ""
+---
+
+<!--For regression reports, please provide as much relevant info as possible.-->
+
+## Potential Commit/PR that introduced the regression
+
+<!-- If you have time to investigate, what PR/date introduced this issue. -->
+
+## Describe the regression
+
+<!-- A clear and concise description of what the regression is. -->
+
+## Steps to reproduce
+
+<!--
+1. Do '...'
+2. Click on '....'
+3. See error
+
+For the fastest support, provide a working demo or minimal reproduction using tools such as [codepen](https://codepen.io/) or [jsfiddle](https://jsfiddle.net/)
+-->
+
+## Expected behavior
+
+<!-- A clear and concise description of what you expected to happen. -->
+
+## Screenshots
+
+<!-- If applicable, add screenshots to help explain your problem. -->
+
+## Environment
+
+- Operating System(s): Linux/macOS/Windows [Variant and Version]
+- Browser: Firefox/Chrome/Safari [Version] / Other (please specify)
+
+## Tell us more about your product/project and timeline to help prioritize this issue
+
+<!--
+* What product/project does this impact?
+* List product/project release(s) and timelines.
+* Is this a customer reported blocking issue?
+-->
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
new file mode 100644
index 0000000..23e990d
--- /dev/null
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,39 @@
+<!--
+Follow the steps to create the PR:
+
+Subject: "feat/fix/docs(#issue_id): <PR Subject>"
+Assignees: "Kites-hackathon-squad"
+-->
+
+# Closes/Fixes/Resolves
+
+### <!-- Any of the keywords: Closes/Fixes/Resolves followed by #issue_id (should be separated by a space only) -->
+
+# Explain the feature/fix
+
+<!-- Provide a clear explaination of the feature/fix implemented -->
+
+## Does this PR introduce a breaking change
+
+<!-- Yes/No -->
+
+<!-- If this PR contains a breaking change, please describe the impact and migration path for existing applications below. -->
+
+## Screenshots
+
+<!-- If applicable, add screenshots to help explain your problem. -->
+
+<details>
+<summary>View Screenshots</summary>
+
+<!-- Add your screenshots below this line -->
+
+</details>
+
+### Ready-for-merge Checklist
+
+- [ ] Expected files: all files in this pull request are related to one feature request or issue (no stragglers)?
+- [ ] Does the change have appropriate unit tests?
+- [ ] Did tests pass?
+- [ ] Did you update or add any necessary documentation (README.md, WHY.md, etc.)?
+- [ ] Was this feature demo'd and the design review approved?
diff --git a/.github/sonar.yml b/.github/sonar.yml
new file mode 100644
index 0000000..d75d56a
--- /dev/null
+++ b/.github/sonar.yml
@@ -0,0 +1,24 @@
+name: Sonar Scan
+on:
+  push:
+    branches:
+      - main
+      - develop
+
+    tags:
+      - v*
+  pull_request:
+    types: [opened, synchronize, reopened]
+jobs:
+  sonarcloud:
+    name: SonarCloud
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0  # Shallow clones should be disabled for a better relevancy of analysis
+      - name: SonarCloud Scan
+        uses: SonarSource/sonarcloud-github-action@master
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}  # Needed to get PR information, if any
+          SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 76c922a..22ab1fa 100644
--- a/.gitignore
+++ b/.gitignore
@@ -17,6 +17,7 @@
 .env.development.local
 .env.test.local
 .env.production.local
+.eslintcache
 
 npm-debug.log*
 yarn-debug.log*
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..dd7e6e5
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,2 @@
+src/index.css
+.github
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..f231b07
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,12 @@
+{
+    "useTabs": false,
+    "tabWidth": 4,
+    "semi": true,
+    "singleQuote": false,
+    "jsxSingleQuote": false,
+    "trailingComma": "es5",
+    "bracketSpacing": true,
+    "jsxBracketSameLine": true,
+    "arrowParens": "always",
+    "endOfLine": "lf"
+}
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
index 6cdca76..46d95f2 100644
--- a/CODE_OF_CONDUCT.md
+++ b/CODE_OF_CONDUCT.md
@@ -14,22 +14,22 @@ appearance, race, religion, or sexual identity and orientation.
 Examples of behavior that contributes to creating a positive environment
 include:
 
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
+-   Using welcoming and inclusive language
+-   Being respectful of differing viewpoints and experiences
+-   Gracefully accepting constructive criticism
+-   Focusing on what is best for the community
+-   Showing empathy towards other community members
 
 Examples of unacceptable behavior by participants include:
 
-* The use of sexualized language or imagery and unwelcome sexual attention or
- advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
- address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
- professional setting
+-   The use of sexualized language or imagery and unwelcome sexual attention or
+    advances
+-   Trolling, insulting/derogatory comments, and personal or political attacks
+-   Public or private harassment
+-   Publishing others' private information, such as a physical or electronic
+    address, without explicit permission
+-   Other conduct which could reasonably be considered inappropriate in a
+    professional setting
 
 ## Our Responsibilities
 
diff --git a/craco.config.js b/craco.config.js
new file mode 100644
index 0000000..354563a
--- /dev/null
+++ b/craco.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+    style: {
+        postcss: {
+            plugins: [require("tailwindcss"), require("autoprefixer")],
+        },
+    },
+};
diff --git a/package-lock.json b/package-lock.json
index 1fa22af..2853e57 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,6 +44,11 @@
           "version": "5.7.1",
           "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
           "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
         }
       }
     },
@@ -55,6 +60,13 @@
         "@babel/types": "^7.12.11",
         "jsesc": "^2.5.1",
         "source-map": "^0.5.0"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
+        }
       }
     },
     "@babel/helper-annotate-as-pure": {
@@ -286,6 +298,26 @@
         "@babel/helper-validator-identifier": "^7.10.4",
         "chalk": "^2.0.0",
         "js-tokens": "^4.0.0"
+      },
+      "dependencies": {
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "@babel/parser": {
@@ -1126,6 +1158,17 @@
         "minimist": "^1.2.0"
       }
     },
+    "@craco/craco": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@craco/craco/-/craco-6.1.0.tgz",
+      "integrity": "sha512-JD09kzTJCfz8XjsH6iGn+Qu/8LBWOc4ed2K8MYoZTgd49oIbD+XwHwViToi2vyO4V72DZmrp0gQQvgFM7bw0Jw==",
+      "requires": {
+        "cross-spawn": "^7.0.0",
+        "lodash": "^4.17.15",
+        "semver": "^7.3.2",
+        "webpack-merge": "^4.2.2"
+      }
+    },
     "@csstools/convert-colors": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@csstools/convert-colors/-/convert-colors-1.4.0.tgz",
@@ -1168,6 +1211,14 @@
         }
       }
     },
+    "@fullhuman/postcss-purgecss": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-3.1.3.tgz",
+      "integrity": "sha512-kwOXw8fZ0Lt1QmeOOrd+o4Ibvp4UTEBFQbzvWldjlKv5n+G9sXfIPn1hh63IQIL8K8vbvv1oYMJiIUbuy9bGaA==",
+      "requires": {
+        "purgecss": "^3.1.3"
+      }
+    },
     "@hapi/address": {
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.1.4.tgz",
@@ -1242,51 +1293,6 @@
         "jest-message-util": "^26.6.2",
         "jest-util": "^26.6.2",
         "slash": "^3.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
       }
     },
     "@jest/core": {
@@ -1324,41 +1330,6 @@
         "strip-ansi": "^6.0.0"
       },
       "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
         "jest-resolve": {
           "version": "26.6.2",
           "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-26.6.2.tgz",
@@ -1401,14 +1372,6 @@
             "read-pkg": "^5.2.0",
             "type-fest": "^0.8.1"
           }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
         }
       }
     },
@@ -1478,41 +1441,6 @@
         "v8-to-istanbul": "^7.0.0"
       },
       "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
         "jest-resolve": {
           "version": "26.6.2",
           "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-26.6.2.tgz",
@@ -1555,19 +1483,6 @@
             "read-pkg": "^5.2.0",
             "type-fest": "^0.8.1"
           }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
         }
       }
     },
@@ -1579,13 +1494,6 @@
         "callsites": "^3.0.0",
         "graceful-fs": "^4.2.4",
         "source-map": "^0.6.0"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
       }
     },
     "@jest/test-result": {
@@ -1631,56 +1539,6 @@
         "slash": "^3.0.0",
         "source-map": "^0.6.1",
         "write-file-atomic": "^3.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
       }
     },
     "@jest/types": {
@@ -1693,51 +1551,6 @@
         "@types/node": "*",
         "@types/yargs": "^15.0.0",
         "chalk": "^4.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
       }
     },
     "@nodelib/fs.scandir": {
@@ -1764,26 +1577,18 @@
       }
     },
     "@npmcli/move-file": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@npmcli/move-file/-/move-file-1.1.0.tgz",
-      "integrity": "sha512-Iv2iq0JuyYjKeFkSR4LPaCdDZwlGK9X2cP/01nJcp3yMJ1FjNd9vpiEYvLUgzBxKPg2SFmaOhizoQsPc0LWeOQ==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@npmcli/move-file/-/move-file-1.1.1.tgz",
+      "integrity": "sha512-LtWTicuF2wp7PNTuyCwABx7nNG+DnzSE8gN0iWxkC6mpgm/iOPu0ZMTkXuCxmJxtWFsDxUaixM9COSNJEMUfuQ==",
       "requires": {
         "mkdirp": "^1.0.4",
-        "rimraf": "^2.7.1"
+        "rimraf": "^3.0.2"
       },
       "dependencies": {
         "mkdirp": {
           "version": "1.0.4",
           "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
           "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw=="
-        },
-        "rimraf": {
-          "version": "2.7.1",
-          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
-          "requires": {
-            "glob": "^7.1.3"
-          }
         }
       }
     },
@@ -1979,6 +1784,35 @@
         "loader-utils": "^2.0.0"
       }
     },
+    "@tailwindcss/postcss7-compat": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss7-compat/-/postcss7-compat-2.0.2.tgz",
+      "integrity": "sha512-KM8kjG5dd8qoXBX2a6r3r1TOqhFh8NtFBheG9qpVPwSjrD8wRdoM7s+Xz56HEA1XmeN64gEKqjmY6vm55DiS3Q==",
+      "requires": {
+        "@fullhuman/postcss-purgecss": "^3.0.0",
+        "autoprefixer": "^9",
+        "bytes": "^3.0.0",
+        "chalk": "^4.1.0",
+        "color": "^3.1.3",
+        "detective": "^5.2.0",
+        "didyoumean": "^1.2.1",
+        "fs-extra": "^9.0.1",
+        "html-tags": "^3.1.0",
+        "lodash": "^4.17.20",
+        "modern-normalize": "^1.0.0",
+        "node-emoji": "^1.8.1",
+        "object-hash": "^2.0.3",
+        "postcss": "^7",
+        "postcss-functions": "^3",
+        "postcss-js": "^2",
+        "postcss-nested": "^4",
+        "postcss-selector-parser": "^6.0.4",
+        "postcss-value-parser": "^4.1.0",
+        "pretty-hrtime": "^1.0.3",
+        "reduce-css-calc": "^2.1.6",
+        "resolve": "^1.19.0"
+      }
+    },
     "@testing-library/dom": {
       "version": "7.29.4",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-7.29.4.tgz",
@@ -1992,51 +1826,6 @@
         "dom-accessibility-api": "^0.5.4",
         "lz-string": "^1.4.4",
         "pretty-format": "^26.6.2"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
       }
     },
     "@testing-library/jest-dom": {
@@ -2084,35 +1873,11 @@
           "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         },
-        "css": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/css/-/css-3.0.0.tgz",
-          "integrity": "sha512-DG9pFfwOrzc+hawpmqX/dHYHJG+Bsdb0klhyi1sDneOgGOXy9wQIC8hzyVp1e4NRYDBdxcylvywPkkXCHAzTyQ==",
-          "requires": {
-            "inherits": "^2.0.4",
-            "source-map": "^0.6.1",
-            "source-map-resolve": "^0.6.0"
-          }
-        },
         "has-flag": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
           "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
         },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        },
-        "source-map-resolve": {
-          "version": "0.6.0",
-          "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.6.0.tgz",
-          "integrity": "sha512-KXBr9d/fO/bWo97NXsPIAW1bFSBOuCnjbNTBMO7N59hsv5i9yzRDfcYwwt0l04+VqnKC+EwzvJZIP/qkuMgR/w==",
-          "requires": {
-            "atob": "^2.1.2",
-            "decode-uri-component": "^0.2.0"
-          }
-        },
         "supports-color": {
           "version": "7.2.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -2330,13 +2095,6 @@
       "integrity": "sha512-7npvPKV+jINLu1SpSYVWG8KvyJBhBa8tmzMMdDoVc2pWUYHN8KIXlPJhjJ4LT97c4dXJA2SHL/q6ADbDriZN+Q==",
       "requires": {
         "source-map": "^0.6.1"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
       }
     },
     "@types/webpack": {
@@ -2350,13 +2108,6 @@
         "@types/uglify-js": "*",
         "@types/webpack-sources": "*",
         "source-map": "^0.6.0"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
       }
     },
     "@types/webpack-sources": {
@@ -2377,9 +2128,9 @@
       }
     },
     "@types/yargs": {
-      "version": "15.0.12",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.12.tgz",
-      "integrity": "sha512-f+fD/fQAo3BCbCDlrUpznF1A5Zp9rB0noS5vnoormHSIPFKL0Z2DcUJ3Gxp5ytH4uLRNxy7AwYUC9exZzqGMAw==",
+      "version": "15.0.13",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.13.tgz",
+      "integrity": "sha512-kQ5JNTrbDv3Rp5X2n/iUu37IJBDU2gsZ5R/g1/KHOOEc5IKfUFjXT6DENPGduh08I/pamwtEq4oul7gUqKTQDQ==",
       "requires": {
         "@types/yargs-parser": "*"
       }
@@ -2666,6 +2417,16 @@
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.1.tgz",
       "integrity": "sha512-K0Ptm/47OKfQRpNQ2J/oIN/3QYiK6FwW+eJbILhsdxh2WTLdl+30o8aGdTbm5JbffpFFAg/g+zi1E+jvJha5ng=="
     },
+    "acorn-node": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
+      "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==",
+      "requires": {
+        "acorn": "^7.0.0",
+        "acorn-walk": "^7.0.0",
+        "xtend": "^4.0.2"
+      }
+    },
     "acorn-walk": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
@@ -3004,6 +2765,14 @@
       "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.1.1.tgz",
       "integrity": "sha512-5Kgy8Cz6LPC9DJcNb3yjAXTu3XihQgEdnIg50c//zOC/MyLP0Clg+Y8Sh9ZjjnvBrDZU4DgXS9C3T9r4/scGZQ=="
     },
+    "axios": {
+      "version": "0.21.1",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.1.tgz",
+      "integrity": "sha512-dKQiRHxGD9PPRIUNIWvZhPTPpl1rf/OxTYKsqKUDjBwYylTvV7SjSHJb9ratfyzM6wCdLCOYLzs73qpg5c4iGA==",
+      "requires": {
+        "follow-redirects": "^1.10.0"
+      }
+    },
     "axobject-query": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",
@@ -3050,51 +2819,6 @@
         "chalk": "^4.0.0",
         "graceful-fs": "^4.2.4",
         "slash": "^3.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
       }
     },
     "babel-loader": {
@@ -3536,11 +3260,6 @@
         "type-is": "~1.6.17"
       },
       "dependencies": {
-        "bytes": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
-          "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg=="
-        },
         "debug": {
           "version": "2.6.9",
           "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -3736,9 +3455,9 @@
       "integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug="
     },
     "bytes": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
-      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg="
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
+      "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg=="
     },
     "cacache": {
       "version": "15.0.5",
@@ -3845,6 +3564,11 @@
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.2.0.tgz",
       "integrity": "sha512-c7wVvbw3f37nuobQNtgsgG9POC9qMbNuMQmTCqZv23b6MIz0fcYpBiOlv9gEN/hdLdnZTDQhg6e9Dq5M1vKvfg=="
     },
+    "camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA=="
+    },
     "caniuse-api": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
@@ -3857,9 +3581,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001179",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001179.tgz",
-      "integrity": "sha512-blMmO0QQujuUWZKyVrD1msR4WNDAqb/UPO1Sw2WWsQ7deoM5bJiicKnWJ1Y0NS/aGINSnKPIWBMw5luX+NDUCA=="
+      "version": "1.0.30001181",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001181.tgz",
+      "integrity": "sha512-m5ul/ARCX50JB8BSNM+oiPmQrR5UmngaQ3QThTTp5HcIIQGP/nPBs82BYLE+tigzm3VW+F4BJIhUyaVtEweelQ=="
     },
     "capture-exit": {
       "version": "2.0.0",
@@ -3880,13 +3604,48 @@
       "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw="
     },
     "chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
+      "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
       "requires": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
       }
     },
     "char-regex": {
@@ -3974,13 +3733,6 @@
       "integrity": "sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA==",
       "requires": {
         "source-map": "~0.6.0"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
       }
     },
     "clean-stack": {
@@ -4021,6 +3773,26 @@
         "@types/q": "^1.5.1",
         "chalk": "^2.4.1",
         "q": "^1.1.2"
+      },
+      "dependencies": {
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "collect-v8-coverage": {
@@ -4082,9 +3854,9 @@
       }
     },
     "commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
+      "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA=="
     },
     "common-tags": {
       "version": "1.8.0",
@@ -4096,6 +3868,12 @@
       "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
       "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs="
     },
+    "compare-versions": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-3.6.0.tgz",
+      "integrity": "sha512-W6Af2Iw1z4CB7q4uU4hv646dW9GQuBM+YpC0UvUCWSD8w90SJjp+ujJuXaEMtAXBtSqGfMPuFOVn4/+FlaqfBA==",
+      "dev": true
+    },
     "component-emitter": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
@@ -4131,6 +3909,11 @@
         "vary": "~1.1.2"
       },
       "dependencies": {
+        "bytes": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+          "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg="
+        },
         "debug": {
           "version": "2.6.9",
           "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -4355,22 +4138,13 @@
       }
     },
     "cross-spawn": {
-      "version": "6.0.5",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
-      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
-      "requires": {
-        "nice-try": "^1.0.4",
-        "path-key": "^2.0.1",
-        "semver": "^5.5.0",
-        "shebang-command": "^1.2.0",
-        "which": "^1.2.9"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "5.7.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
-        }
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "requires": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
       }
     },
     "crypto-browserify": {
@@ -4397,21 +4171,13 @@
       "integrity": "sha1-ojD2T1aDEOFJgAmUB5DsmVRbyn4="
     },
     "css": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
-      "integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/css/-/css-3.0.0.tgz",
+      "integrity": "sha512-DG9pFfwOrzc+hawpmqX/dHYHJG+Bsdb0klhyi1sDneOgGOXy9wQIC8hzyVp1e4NRYDBdxcylvywPkkXCHAzTyQ==",
       "requires": {
-        "inherits": "^2.0.3",
+        "inherits": "^2.0.4",
         "source-map": "^0.6.1",
-        "source-map-resolve": "^0.5.2",
-        "urix": "^0.1.0"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
+        "source-map-resolve": "^0.6.0"
       }
     },
     "css-blank-pseudo": {
@@ -4512,15 +4278,13 @@
       "requires": {
         "mdn-data": "2.0.4",
         "source-map": "^0.6.1"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
       }
     },
+    "css-unit-converter": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/css-unit-converter/-/css-unit-converter-1.1.2.tgz",
+      "integrity": "sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA=="
+    },
     "css-what": {
       "version": "3.4.2",
       "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
@@ -4669,11 +4433,6 @@
           "version": "2.0.14",
           "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
           "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
         }
       }
     },
@@ -4839,6 +4598,11 @@
         }
       }
     },
+    "defined": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz",
+      "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM="
+    },
     "del": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/del/-/del-4.1.1.tgz",
@@ -4953,6 +4717,21 @@
         }
       }
     },
+    "detective": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.0.tgz",
+      "integrity": "sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==",
+      "requires": {
+        "acorn-node": "^1.6.1",
+        "defined": "^1.0.0",
+        "minimist": "^1.1.1"
+      }
+    },
+    "didyoumean": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.1.tgz",
+      "integrity": "sha1-6S7f2tplN9SE1zwBcv0eugxJdv8="
+    },
     "diff-sequences": {
       "version": "26.6.2",
       "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-26.6.2.tgz",
@@ -5178,9 +4957,9 @@
       "integrity": "sha512-7vmuyh5+kuUyJKePhQfRQBhXV5Ce+RnaeeQArKu1EAMpL3WbgMt5WG6uQZpEVvYSSsxMXRKOewtDk9RaTKXRlA=="
     },
     "electron-to-chromium": {
-      "version": "1.3.645",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.645.tgz",
-      "integrity": "sha512-T7mYop3aDpRHIQaUYcmzmh6j9MAe560n6ukqjJMbVC6bVTau7dSpvB18bcsBPPtOSe10cKxhJFtlbEzLa0LL1g=="
+      "version": "1.3.649",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.649.tgz",
+      "integrity": "sha512-ojGDupQ3UMkvPWcTICe4JYe17+o9OLiFMPoduoR72Zp2ILt1mRVeqnxBEd6s/ptekrnsFU+0A4lStfBe/wyG/A=="
     },
     "elliptic": {
       "version": "6.5.3",
@@ -5301,6 +5080,13 @@
       "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
       "requires": {
         "is-arrayish": "^0.2.1"
+      },
+      "dependencies": {
+        "is-arrayish": {
+          "version": "0.2.1",
+          "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+          "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0="
+        }
       }
     },
     "error-stack-parser": {
@@ -5425,12 +5211,6 @@
           "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
           "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ="
         },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "optional": true
-        },
         "type-check": {
           "version": "0.3.2",
           "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
@@ -5485,97 +5265,18 @@
         "v8-compile-cache": "^2.0.3"
       },
       "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
+        "globals": {
+          "version": "12.4.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
+          "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
           "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
+            "type-fest": "^0.8.1"
           }
         },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "cross-spawn": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-          "requires": {
-            "path-key": "^3.1.0",
-            "shebang-command": "^2.0.0",
-            "which": "^2.0.1"
-          }
-        },
-        "globals": {
-          "version": "12.4.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
-          "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
-          "requires": {
-            "type-fest": "^0.8.1"
-          }
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
         "ignore": {
           "version": "4.0.6",
           "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
           "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg=="
-        },
-        "path-key": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-          "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="
-        },
-        "shebang-command": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-          "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-          "requires": {
-            "shebang-regex": "^3.0.0"
-          }
-        },
-        "shebang-regex": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-          "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        },
-        "which": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-          "requires": {
-            "isexe": "^2.0.0"
-          }
         }
       }
     },
@@ -5766,9 +5467,9 @@
       },
       "dependencies": {
         "emoji-regex": {
-          "version": "9.2.0",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.0.tgz",
-          "integrity": "sha512-DNc3KFPK18bPdElMJnf/Pkv5TXhxFU3YFDEuGLDRtPmV4rkmCjBkCSEp22u6rBHdSN9Vlp/GK7k98prmE1Jgug=="
+          "version": "9.2.1",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.1.tgz",
+          "integrity": "sha512-117l1H6U4X3Krn+MrzYrL57d5H7siRHWraBs7s+LjRuFK7Fe7hJqnJ0skWlinqsycVLU5YAo6L8CsEYQ0V5prg=="
         }
       }
     },
@@ -6029,6 +5730,51 @@
         "p-finally": "^1.0.0",
         "signal-exit": "^3.0.0",
         "strip-eof": "^1.0.0"
+      },
+      "dependencies": {
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          }
+        },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A="
+        },
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM="
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
       }
     },
     "exit": {
@@ -6311,9 +6057,9 @@
       "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc="
     },
     "fastq": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.10.0.tgz",
-      "integrity": "sha512-NL2Qc5L3iQEsyYzweq7qfgy5OtXCmGzGvhElGEd/SoFWEMOEczNh5s5ocaF01HDetxz+p8ecjNPA6cZxxIHmzA==",
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.10.1.tgz",
+      "integrity": "sha512-AWuv6Ery3pM+dY7LYS8YIaCiQvUaos9OB1RyNgaOWnaX+Tik7Onvcsf8x8c+YtDeT0maYLniBip2hox5KtEXXA==",
       "requires": {
         "reusify": "^1.0.4"
       }
@@ -6435,6 +6181,15 @@
         "path-exists": "^4.0.0"
       }
     },
+    "find-versions": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/find-versions/-/find-versions-4.0.0.tgz",
+      "integrity": "sha512-wgpWy002tA+wgmO27buH/9KzyEOQnKsG/R0yrcjPT9BOFm0zRBVQbZ95nRGXWMywS8YR5knRbpohio0bcJABxQ==",
+      "dev": true,
+      "requires": {
+        "semver-regex": "^3.1.2"
+      }
+    },
     "flat-cache": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
@@ -6543,6 +6298,16 @@
             }
           }
         },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
         "fill-range": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
@@ -6607,6 +6372,14 @@
           "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
           "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
         },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        },
         "to-regex-range": {
           "version": "2.1.1",
           "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
@@ -6842,6 +6615,16 @@
         "ini": "^1.3.5",
         "kind-of": "^6.0.2",
         "which": "^1.3.1"
+      },
+      "dependencies": {
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
       }
     },
     "globals": {
@@ -7017,6 +6800,26 @@
         "minimalistic-crypto-utils": "^1.0.1"
       }
     },
+    "hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "requires": {
+        "react-is": "^16.7.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.13.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+        }
+      }
+    },
+    "hookrouter": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/hookrouter/-/hookrouter-1.2.5.tgz",
+      "integrity": "sha512-9OLve2u+JZDCOgPnxJu5dvg/mU1w2ZWWlSOFxCKcGQKRSH1MXI8tMwEgm64mQfjZLET/7yFRTUrZ4hUYoK0ezw=="
+    },
     "hoopy": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz",
@@ -7107,8 +6910,20 @@
         "param-case": "^3.0.3",
         "relateurl": "^0.2.7",
         "terser": "^4.6.3"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+          "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="
+        }
       }
     },
+    "html-tags": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.1.0.tgz",
+      "integrity": "sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg=="
+    },
     "html-webpack-plugin": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-4.5.0.tgz",
@@ -7336,6 +7151,72 @@
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
       "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw=="
     },
+    "husky": {
+      "version": "4.3.8",
+      "resolved": "https://registry.npmjs.org/husky/-/husky-4.3.8.tgz",
+      "integrity": "sha512-LCqqsB0PzJQ/AlCgfrfzRe3e3+NvmefAdKQhRYpxS4u6clblBoDdzzvHi8fmxKRzvMxPY/1WZWzomPZww0Anow==",
+      "dev": true,
+      "requires": {
+        "chalk": "^4.0.0",
+        "ci-info": "^2.0.0",
+        "compare-versions": "^3.6.0",
+        "cosmiconfig": "^7.0.0",
+        "find-versions": "^4.0.0",
+        "opencollective-postinstall": "^2.0.2",
+        "pkg-dir": "^5.0.0",
+        "please-upgrade-node": "^3.2.0",
+        "slash": "^3.0.0",
+        "which-pm-runs": "^1.0.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+          "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^6.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+          "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^5.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+          "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+          "dev": true,
+          "requires": {
+            "yocto-queue": "^0.1.0"
+          }
+        },
+        "p-locate": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+          "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^3.0.2"
+          }
+        },
+        "pkg-dir": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-5.0.0.tgz",
+          "integrity": "sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==",
+          "dev": true,
+          "requires": {
+            "find-up": "^5.0.0"
+          }
+        }
+      }
+    },
     "iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -7536,9 +7417,9 @@
       }
     },
     "is-arrayish": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0="
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
     },
     "is-binary-path": {
       "version": "2.1.0",
@@ -7881,13 +7762,6 @@
         "debug": "^4.1.1",
         "istanbul-lib-coverage": "^3.0.0",
         "source-map": "^0.6.1"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
       }
     },
     "istanbul-reports": {
@@ -7909,41 +7783,6 @@
         "jest-cli": "^26.6.0"
       },
       "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
         "jest-cli": {
           "version": "26.6.3",
           "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-26.6.3.tgz",
@@ -7963,14 +7802,6 @@
             "prompts": "^2.0.1",
             "yargs": "^15.4.1"
           }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
         }
       }
     },
@@ -7984,16 +7815,6 @@
         "throat": "^5.0.0"
       },
       "dependencies": {
-        "cross-spawn": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-          "requires": {
-            "path-key": "^3.1.0",
-            "shebang-command": "^2.0.0",
-            "which": "^2.0.1"
-          }
-        },
         "execa": {
           "version": "4.1.0",
           "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
@@ -8030,32 +7851,6 @@
           "requires": {
             "path-key": "^3.0.0"
           }
-        },
-        "path-key": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-          "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="
-        },
-        "shebang-command": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-          "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-          "requires": {
-            "shebang-regex": "^3.0.0"
-          }
-        },
-        "shebang-regex": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-          "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
-        },
-        "which": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-          "requires": {
-            "isexe": "^2.0.0"
-          }
         }
       }
     },
@@ -8085,117 +7880,37 @@
         "pretty-format": "^26.6.0",
         "stack-utils": "^2.0.2",
         "throat": "^5.0.0"
+      }
+    },
+    "jest-config": {
+      "version": "26.6.3",
+      "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-26.6.3.tgz",
+      "integrity": "sha512-t5qdIj/bCj2j7NFVHb2nFB4aUdfucDn3JRKgrZnplb8nieAirAzRSHP8uDEd+qV6ygzg9Pz4YG7UTJf94LPSyg==",
+      "requires": {
+        "@babel/core": "^7.1.0",
+        "@jest/test-sequencer": "^26.6.3",
+        "@jest/types": "^26.6.2",
+        "babel-jest": "^26.6.3",
+        "chalk": "^4.0.0",
+        "deepmerge": "^4.2.2",
+        "glob": "^7.1.1",
+        "graceful-fs": "^4.2.4",
+        "jest-environment-jsdom": "^26.6.2",
+        "jest-environment-node": "^26.6.2",
+        "jest-get-type": "^26.3.0",
+        "jest-jasmine2": "^26.6.3",
+        "jest-regex-util": "^26.0.0",
+        "jest-resolve": "^26.6.2",
+        "jest-util": "^26.6.2",
+        "jest-validate": "^26.6.2",
+        "micromatch": "^4.0.2",
+        "pretty-format": "^26.6.2"
       },
       "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
-    "jest-config": {
-      "version": "26.6.3",
-      "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-26.6.3.tgz",
-      "integrity": "sha512-t5qdIj/bCj2j7NFVHb2nFB4aUdfucDn3JRKgrZnplb8nieAirAzRSHP8uDEd+qV6ygzg9Pz4YG7UTJf94LPSyg==",
-      "requires": {
-        "@babel/core": "^7.1.0",
-        "@jest/test-sequencer": "^26.6.3",
-        "@jest/types": "^26.6.2",
-        "babel-jest": "^26.6.3",
-        "chalk": "^4.0.0",
-        "deepmerge": "^4.2.2",
-        "glob": "^7.1.1",
-        "graceful-fs": "^4.2.4",
-        "jest-environment-jsdom": "^26.6.2",
-        "jest-environment-node": "^26.6.2",
-        "jest-get-type": "^26.3.0",
-        "jest-jasmine2": "^26.6.3",
-        "jest-regex-util": "^26.0.0",
-        "jest-resolve": "^26.6.2",
-        "jest-util": "^26.6.2",
-        "jest-validate": "^26.6.2",
-        "micromatch": "^4.0.2",
-        "pretty-format": "^26.6.2"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "jest-resolve": {
-          "version": "26.6.2",
-          "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-26.6.2.tgz",
-          "integrity": "sha512-sOxsZOq25mT1wRsfHcbtkInS+Ek7Q8jCHUB0ZUTP0tc/c41QHriU/NunqMfCUWsL4H3MHpvQD4QR9kSYhS7UvQ==",
+        "jest-resolve": {
+          "version": "26.6.2",
+          "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-26.6.2.tgz",
+          "integrity": "sha512-sOxsZOq25mT1wRsfHcbtkInS+Ek7Q8jCHUB0ZUTP0tc/c41QHriU/NunqMfCUWsL4H3MHpvQD4QR9kSYhS7UvQ==",
           "requires": {
             "@jest/types": "^26.6.2",
             "chalk": "^4.0.0",
@@ -8234,14 +7949,6 @@
             "read-pkg": "^5.2.0",
             "type-fest": "^0.8.1"
           }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
         }
       }
     },
@@ -8254,51 +7961,6 @@
         "diff-sequences": "^26.6.2",
         "jest-get-type": "^26.3.0",
         "pretty-format": "^26.6.2"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
       }
     },
     "jest-docblock": {
@@ -8319,51 +7981,6 @@
         "jest-get-type": "^26.3.0",
         "jest-util": "^26.6.2",
         "pretty-format": "^26.6.2"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
       }
     },
     "jest-environment-jsdom": {
@@ -8442,51 +8059,6 @@
         "jest-util": "^26.6.2",
         "pretty-format": "^26.6.2",
         "throat": "^5.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
       }
     },
     "jest-leak-detector": {
@@ -8507,51 +8079,6 @@
         "jest-diff": "^26.6.2",
         "jest-get-type": "^26.3.0",
         "pretty-format": "^26.6.2"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
       }
     },
     "jest-message-util": {
@@ -8568,51 +8095,6 @@
         "pretty-format": "^26.6.2",
         "slash": "^3.0.0",
         "stack-utils": "^2.0.2"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
       }
     },
     "jest-mock": {
@@ -8649,41 +8131,6 @@
         "slash": "^3.0.0"
       },
       "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
         "read-pkg": {
           "version": "5.2.0",
           "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
@@ -8711,14 +8158,6 @@
             "read-pkg": "^5.2.0",
             "type-fest": "^0.8.1"
           }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
         }
       }
     },
@@ -8759,41 +8198,6 @@
         "throat": "^5.0.0"
       },
       "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
         "jest-resolve": {
           "version": "26.6.2",
           "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-26.6.2.tgz",
@@ -8836,14 +8240,6 @@
             "read-pkg": "^5.2.0",
             "type-fest": "^0.8.1"
           }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
         }
       }
     },
@@ -8881,41 +8277,6 @@
         "yargs": "^15.4.1"
       },
       "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
         "jest-resolve": {
           "version": "26.6.2",
           "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-26.6.2.tgz",
@@ -8958,19 +8319,11 @@
             "read-pkg": "^5.2.0",
             "type-fest": "^0.8.1"
           }
-        },
-        "strip-bom": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
-          "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
+        },
+        "strip-bom": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
+          "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w=="
         }
       }
     },
@@ -9006,41 +8359,6 @@
         "semver": "^7.3.2"
       },
       "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
         "jest-resolve": {
           "version": "26.6.2",
           "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-26.6.2.tgz",
@@ -9083,14 +8401,6 @@
             "read-pkg": "^5.2.0",
             "type-fest": "^0.8.1"
           }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
         }
       }
     },
@@ -9105,51 +8415,6 @@
         "graceful-fs": "^4.2.4",
         "is-ci": "^2.0.0",
         "micromatch": "^4.0.2"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
       }
     },
     "jest-validate": {
@@ -9163,51 +8428,6 @@
         "jest-get-type": "^26.3.0",
         "leven": "^3.1.0",
         "pretty-format": "^26.6.2"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
       }
     },
     "jest-watch-typeahead": {
@@ -9222,51 +8442,6 @@
         "slash": "^3.0.0",
         "string-length": "^4.0.1",
         "strip-ansi": "^6.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
       }
     },
     "jest-watcher": {
@@ -9281,51 +8456,6 @@
         "chalk": "^4.0.0",
         "jest-util": "^26.6.2",
         "string-length": "^4.0.1"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
       }
     },
     "jest-worker": {
@@ -9624,6 +8754,11 @@
         "lodash._reinterpolate": "^3.0.0"
       }
     },
+    "lodash.toarray": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.toarray/-/lodash.toarray-4.4.0.tgz",
+      "integrity": "sha1-JMS/zWsvuji/0FlNsRedjptlZWE="
+    },
     "lodash.uniq": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
@@ -9995,6 +9130,11 @@
         "minimist": "^1.2.5"
       }
     },
+    "modern-normalize": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/modern-normalize/-/modern-normalize-1.0.0.tgz",
+      "integrity": "sha512-1lM+BMLGuDfsdwf3rsgBSrxJwAZHFIrQ8YR61xIqdHo0uNKI9M52wNpHSrliZATJp51On6JD0AfRxd4YGSU0lw=="
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
@@ -10115,6 +9255,14 @@
         }
       }
     },
+    "node-emoji": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-1.10.0.tgz",
+      "integrity": "sha512-Yt3384If5H6BYGVHiHwTL+99OzJKHhgp82S8/dktEK73T26BazdgZ4JZh92xSVtGNJvz9UbXdNAc5hcrXV42vw==",
+      "requires": {
+        "lodash.toarray": "^4.4.0"
+      }
+    },
     "node-forge": {
       "version": "0.10.0",
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
@@ -10203,17 +9351,6 @@
         "shellwords": "^0.1.1",
         "uuid": "^8.3.0",
         "which": "^2.0.2"
-      },
-      "dependencies": {
-        "which": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-          "optional": true,
-          "requires": {
-            "isexe": "^2.0.0"
-          }
-        }
       }
     },
     "node-releases": {
@@ -10266,6 +9403,13 @@
       "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=",
       "requires": {
         "path-key": "^2.0.0"
+      },
+      "dependencies": {
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A="
+        }
       }
     },
     "nth-check": {
@@ -10324,6 +9468,11 @@
         }
       }
     },
+    "object-hash": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.1.1.tgz",
+      "integrity": "sha512-VOJmgmS+7wvXf8CjbQmimtCnEx3IAoLxI3fp2fbWehxrWBcAQFbk+vcwb6vzR0VZv/eNCJ/27j151ZTwqW/JeQ=="
+    },
     "object-inspect": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.9.0.tgz",
@@ -10456,6 +9605,12 @@
         "is-wsl": "^2.1.1"
       }
     },
+    "opencollective-postinstall": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz",
+      "integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==",
+      "dev": true
+    },
     "opn": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz",
@@ -10696,9 +9851,9 @@
       "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM="
     },
     "path-key": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
-      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A="
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="
     },
     "path-parse": {
       "version": "1.0.6",
@@ -10843,6 +9998,15 @@
         }
       }
     },
+    "please-upgrade-node": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz",
+      "integrity": "sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==",
+      "dev": true,
+      "requires": {
+        "semver-compare": "^1.0.0"
+      }
+    },
     "pnp-webpack-plugin": {
       "version": "1.6.4",
       "resolved": "https://registry.npmjs.org/pnp-webpack-plugin/-/pnp-webpack-plugin-1.6.4.tgz",
@@ -10884,19 +10048,26 @@
         "chalk": "^2.4.2",
         "source-map": "^0.6.1",
         "supports-color": "^6.1.0"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        },
-        "supports-color": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+      },
+      "dependencies": {
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
           "requires": {
-            "has-flag": "^3.0.0"
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
           }
         }
       }
@@ -11161,6 +10332,52 @@
         "postcss": "^7.0.2"
       }
     },
+    "postcss-functions": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-functions/-/postcss-functions-3.0.0.tgz",
+      "integrity": "sha1-DpTQFERwCkgd4g3k1V+yZAVkJQ4=",
+      "requires": {
+        "glob": "^7.1.2",
+        "object-assign": "^4.1.1",
+        "postcss": "^6.0.9",
+        "postcss-value-parser": "^3.3.0"
+      },
+      "dependencies": {
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "postcss": {
+          "version": "6.0.23",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+          "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+          "requires": {
+            "chalk": "^2.4.1",
+            "source-map": "^0.6.1",
+            "supports-color": "^5.4.0"
+          }
+        },
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
     "postcss-gap-properties": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-2.0.0.tgz",
@@ -11187,6 +10404,15 @@
         "postcss": "^7.0.2"
       }
     },
+    "postcss-js": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-2.0.3.tgz",
+      "integrity": "sha512-zS59pAk3deu6dVHyrGqmC3oDXBdNdajk4k1RyxeVXCrcEDBUBHoIhE4QTsmhxgzXxsaqFDAkUZfmMa5f/N/79w==",
+      "requires": {
+        "camelcase-css": "^2.0.1",
+        "postcss": "^7.0.18"
+      }
+    },
     "postcss-lab-function": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-2.0.1.tgz",
@@ -11456,6 +10682,15 @@
         "postcss": "^7.0.6"
       }
     },
+    "postcss-nested": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-4.2.3.tgz",
+      "integrity": "sha512-rOv0W1HquRCamWy2kFl3QazJMMe1ku6rCFoAAH+9AcxdbpDeBr6k968MLWuLjvjMcGEip01ak09hKOEgpK9hvw==",
+      "requires": {
+        "postcss": "^7.0.32",
+        "postcss-selector-parser": "^6.0.2"
+      }
+    },
     "postcss-nesting": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-7.0.1.tgz",
@@ -11793,11 +11028,6 @@
             "nanoid": "^3.1.20",
             "source-map": "^0.6.1"
           }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
         }
       }
     },
@@ -11883,6 +11113,12 @@
       "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
       "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw="
     },
+    "prettier": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.2.1.tgz",
+      "integrity": "sha512-PqyhM2yCjg/oKkFPtTGUojv7gnZAoG80ttl45O6x2Ug/rMJw4wcc9k6aaf2hibP7BGVCCM33gZoGjyvt9mm16Q==",
+      "dev": true
+    },
     "pretty-bytes": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.5.0.tgz",
@@ -11928,14 +11164,14 @@
           "version": "1.1.4",
           "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "react-is": {
-          "version": "17.0.1",
-          "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.1.tgz",
-          "integrity": "sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA=="
         }
       }
     },
+    "pretty-hrtime": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
+      "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE="
+    },
     "process": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
@@ -11981,6 +11217,13 @@
         "loose-envify": "^1.4.0",
         "object-assign": "^4.1.1",
         "react-is": "^16.8.1"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.13.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+        }
       }
     },
     "proxy-addr": {
@@ -12057,6 +11300,29 @@
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
       "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
     },
+    "purgecss": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-3.1.3.tgz",
+      "integrity": "sha512-hRSLN9mguJ2lzlIQtW4qmPS2kh6oMnA9RxdIYK8sz18QYqd6ePp4GNDl18oWHA1f2v2NEQIh51CO8s/E3YGckQ==",
+      "requires": {
+        "commander": "^6.0.0",
+        "glob": "^7.0.0",
+        "postcss": "^8.2.1",
+        "postcss-selector-parser": "^6.0.2"
+      },
+      "dependencies": {
+        "postcss": {
+          "version": "8.2.4",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.2.4.tgz",
+          "integrity": "sha512-kRFftRoExRVXZlwUuay9iC824qmXPcQQVzAjbCCgjpXnkdMCJYBu2gTwAaFBzv8ewND6O8xFb3aELmEkh9zTzg==",
+          "requires": {
+            "colorette": "^1.2.1",
+            "nanoid": "^3.1.20",
+            "source-map": "^0.6.1"
+          }
+        }
+      }
+    },
     "q": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
@@ -12130,13 +11396,6 @@
         "http-errors": "1.7.2",
         "iconv-lite": "0.4.24",
         "unpipe": "1.0.0"
-      },
-      "dependencies": {
-        "bytes": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
-          "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg=="
-        }
       }
     },
     "react": {
@@ -12211,14 +11470,21 @@
             "node-releases": "^1.1.61"
           }
         },
-        "cross-spawn": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
           "requires": {
-            "path-key": "^3.1.0",
-            "shebang-command": "^2.0.0",
-            "which": "^2.0.1"
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "escape-string-regexp": {
+              "version": "1.0.5",
+              "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+              "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
+            }
           }
         },
         "escape-string-regexp": {
@@ -12239,30 +11505,12 @@
             "slash": "^3.0.0"
           }
         },
-        "path-key": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-          "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="
-        },
-        "shebang-command": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-          "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-          "requires": {
-            "shebang-regex": "^3.0.0"
-          }
-        },
-        "shebang-regex": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-          "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
-        },
-        "which": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
           "requires": {
-            "isexe": "^2.0.0"
+            "has-flag": "^3.0.0"
           }
         }
       }
@@ -12282,10 +11530,34 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.8.tgz",
       "integrity": "sha512-HvPuUQnLp5H7TouGq3kzBeioJmXms1wHy9EGjz2OURWBp4qZO6AfGEcnxts1D/CbwPLRAgTMPCEgYhA3sEM4vw=="
     },
+    "react-icons": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.1.0.tgz",
+      "integrity": "sha512-FCXBg1JbbR0vWALXIxmFAfozHdVIJmmwCD81Jk0EKOt7Ax4AdBNcaRkWhR0NaKy9ugJgoY3fFvo0PHpte55pXg=="
+    },
     "react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+      "version": "17.0.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.1.tgz",
+      "integrity": "sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA=="
+    },
+    "react-redux": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.2.tgz",
+      "integrity": "sha512-8+CQ1EvIVFkYL/vu6Olo7JFLWop1qRUeb46sGtIMDCSpgwPQq8fPLpirIB0iTqFe9XYEFPHssdX8/UwN6pAkEA==",
+      "requires": {
+        "@babel/runtime": "^7.12.1",
+        "hoist-non-react-statics": "^3.3.2",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.7.2",
+        "react-is": "^16.13.1"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.13.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+        }
+      }
     },
     "react-refresh": {
       "version": "0.8.3",
@@ -12356,6 +11628,22 @@
         "webpack-dev-server": "3.11.0",
         "webpack-manifest-plugin": "2.2.0",
         "workbox-webpack-plugin": "5.1.4"
+      },
+      "dependencies": {
+        "resolve": {
+          "version": "1.18.1",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.18.1.tgz",
+          "integrity": "sha512-lDfCPaMKfOJXjy0dPayzPdF1phampNWr3qFCjAu+rw/qbQmr5jWH5xN2hwh9QKfw9E5v4hwV7A+jrCmL8yjjqA==",
+          "requires": {
+            "is-core-module": "^2.0.0",
+            "path-parse": "^1.0.6"
+          }
+        },
+        "semver": {
+          "version": "7.3.2",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
+          "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ=="
+        }
       }
     },
     "read-pkg": {
@@ -12473,6 +11761,36 @@
         "strip-indent": "^3.0.0"
       }
     },
+    "reduce-css-calc": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-2.1.8.tgz",
+      "integrity": "sha512-8liAVezDmUcH+tdzoEGrhfbGcP7nOV4NkGE3a74+qqvE7nt9i4sKLGBuZNOnpI4WiGksiNPklZxva80061QiPg==",
+      "requires": {
+        "css-unit-converter": "^1.1.1",
+        "postcss-value-parser": "^3.3.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+        }
+      }
+    },
+    "redux": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-4.0.5.tgz",
+      "integrity": "sha512-VSz1uMAH24DM6MF72vcojpYPtrTUu3ByVWfPL1nPfVRb5mZVTve5GnNCUV53QM/BZ66xfWrm0CTWoM+Xlz8V1w==",
+      "requires": {
+        "loose-envify": "^1.4.0",
+        "symbol-observable": "^1.2.0"
+      }
+    },
+    "redux-thunk": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.3.0.tgz",
+      "integrity": "sha512-km6dclyFnmcvxhAcrQV2AkZmPQjzPDjgVlQtR0EQjxZPyJ0BnMf3in1ryuR8A2qU0HldVRfxYXbFSKlI3N7Slw=="
+    },
     "regenerate": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
@@ -12700,11 +12018,11 @@
       "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
     },
     "resolve": {
-      "version": "1.18.1",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.18.1.tgz",
-      "integrity": "sha512-lDfCPaMKfOJXjy0dPayzPdF1phampNWr3qFCjAu+rw/qbQmr5jWH5xN2hwh9QKfw9E5v4hwV7A+jrCmL8yjjqA==",
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz",
+      "integrity": "sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==",
       "requires": {
-        "is-core-module": "^2.0.0",
+        "is-core-module": "^2.1.0",
         "path-parse": "^1.0.6"
       }
     },
@@ -12755,6 +12073,26 @@
           "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
           "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
         },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
         "emojis-list": {
           "version": "2.1.0",
           "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
@@ -12787,19 +12125,6 @@
             "source-map": "^0.6.1",
             "supports-color": "^6.1.0"
           }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        },
-        "supports-color": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
         }
       }
     },
@@ -12831,6 +12156,29 @@
           "version": "0.3.5",
           "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-0.3.5.tgz",
           "integrity": "sha1-8dgClQr33SYxof6+BZZVDIarMZA="
+        },
+        "css": {
+          "version": "2.2.4",
+          "resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
+          "integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
+          "requires": {
+            "inherits": "^2.0.3",
+            "source-map": "^0.6.1",
+            "source-map-resolve": "^0.5.2",
+            "urix": "^0.1.0"
+          }
+        },
+        "source-map-resolve": {
+          "version": "0.5.3",
+          "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
+          "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+          "requires": {
+            "atob": "^2.1.2",
+            "decode-uri-component": "^0.2.0",
+            "resolve-url": "^0.2.1",
+            "source-map-url": "^0.4.0",
+            "urix": "^0.1.0"
+          }
         }
       }
     },
@@ -12913,14 +12261,6 @@
           "requires": {
             "randombytes": "^2.1.0"
           }
-        },
-        "supports-color": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
         }
       }
     },
@@ -13193,9 +12533,24 @@
       }
     },
     "semver": {
-      "version": "7.3.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
-      "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ=="
+      "version": "7.3.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.4.tgz",
+      "integrity": "sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw==",
+      "requires": {
+        "lru-cache": "^6.0.0"
+      }
+    },
+    "semver-compare": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
+      "integrity": "sha1-De4hahyUGrN+nvsXiPavxf9VN/w=",
+      "dev": true
+    },
+    "semver-regex": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/semver-regex/-/semver-regex-3.1.2.tgz",
+      "integrity": "sha512-bXWyL6EAKOJa81XG1OZ/Yyuq+oT0b2YLlxx7c+mrdYPaPbnj6WgVULXhinMIeZGufuUBu/eVRqXEhiv4imfwxA==",
+      "dev": true
     },
     "send": {
       "version": "0.17.1",
@@ -13362,17 +12717,17 @@
       }
     },
     "shebang-command": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
-      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
       "requires": {
-        "shebang-regex": "^1.0.0"
+        "shebang-regex": "^3.0.0"
       }
     },
     "shebang-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
-      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM="
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
     },
     "shell-quote": {
       "version": "1.7.2",
@@ -13406,13 +12761,6 @@
       "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=",
       "requires": {
         "is-arrayish": "^0.3.1"
-      },
-      "dependencies": {
-        "is-arrayish": {
-          "version": "0.3.2",
-          "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-          "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
-        }
       }
     },
     "sisteransi": {
@@ -13501,6 +12849,23 @@
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
           "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
+        },
+        "source-map-resolve": {
+          "version": "0.5.3",
+          "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
+          "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+          "requires": {
+            "atob": "^2.1.2",
+            "decode-uri-component": "^0.2.0",
+            "resolve-url": "^0.2.1",
+            "source-map-url": "^0.4.0",
+            "urix": "^0.1.0"
+          }
         }
       }
     },
@@ -13630,20 +12995,17 @@
       "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw=="
     },
     "source-map": {
-      "version": "0.5.7",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-      "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
     },
     "source-map-resolve": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
-      "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.6.0.tgz",
+      "integrity": "sha512-KXBr9d/fO/bWo97NXsPIAW1bFSBOuCnjbNTBMO7N59hsv5i9yzRDfcYwwt0l04+VqnKC+EwzvJZIP/qkuMgR/w==",
       "requires": {
         "atob": "^2.1.2",
-        "decode-uri-component": "^0.2.0",
-        "resolve-url": "^0.2.1",
-        "source-map-url": "^0.4.0",
-        "urix": "^0.1.0"
+        "decode-uri-component": "^0.2.0"
       }
     },
     "source-map-support": {
@@ -13653,13 +13015,6 @@
       "requires": {
         "buffer-from": "^1.0.0",
         "source-map": "^0.6.0"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
       }
     },
     "source-map-url": {
@@ -13755,9 +13110,9 @@
       }
     },
     "ssri": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.0.tgz",
-      "integrity": "sha512-aq/pz989nxVYwn16Tsbj1TqFpD5LLrQxHf5zaHuieFV+R0Bbr4y8qUsOA45hXT/N4/9UNXTarBjnjVmjSOVaAA==",
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz",
+      "integrity": "sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==",
       "requires": {
         "minipass": "^3.1.1"
       }
@@ -14069,9 +13424,9 @@
       }
     },
     "supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+      "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
       "requires": {
         "has-flag": "^3.0.0"
       }
@@ -14123,8 +13478,33 @@
         "stable": "^0.1.8",
         "unquote": "~1.1.1",
         "util.promisify": "~1.0.0"
+      },
+      "dependencies": {
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
+    "symbol-observable": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
+      "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ=="
+    },
     "symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -14159,6 +13539,35 @@
         }
       }
     },
+    "tailwindcss": {
+      "version": "npm:@tailwindcss/postcss7-compat@2.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss7-compat/-/postcss7-compat-2.0.3.tgz",
+      "integrity": "sha512-R43aiSzwlybDMhDld8vkSIKPSLXxbbmotZ+I2GIrX+IzFNy9JAByC7Ncf9A81Dg0JLBWHY5m769lBbBnJCF8cw==",
+      "requires": {
+        "@fullhuman/postcss-purgecss": "^3.1.3",
+        "autoprefixer": "^9",
+        "bytes": "^3.0.0",
+        "chalk": "^4.1.0",
+        "color": "^3.1.3",
+        "detective": "^5.2.0",
+        "didyoumean": "^1.2.1",
+        "fs-extra": "^9.1.0",
+        "html-tags": "^3.1.0",
+        "lodash": "^4.17.20",
+        "modern-normalize": "^1.0.0",
+        "node-emoji": "^1.8.1",
+        "object-hash": "^2.1.1",
+        "postcss": "^7",
+        "postcss-functions": "^3",
+        "postcss-js": "^2",
+        "postcss-nested": "^4",
+        "postcss-selector-parser": "^6.0.4",
+        "postcss-value-parser": "^4.1.0",
+        "pretty-hrtime": "^1.0.3",
+        "reduce-css-calc": "^2.1.8",
+        "resolve": "^1.19.0"
+      }
+    },
     "tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
@@ -14229,11 +13638,6 @@
           "version": "2.20.3",
           "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
           "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
         }
       }
     },
@@ -14307,11 +13711,6 @@
           "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
           "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
         },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        },
         "terser": {
           "version": "5.5.1",
           "resolved": "https://registry.npmjs.org/terser/-/terser-5.5.1.tgz",
@@ -15400,11 +14799,6 @@
             "randombytes": "^2.1.0"
           }
         },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        },
         "ssri": {
           "version": "6.0.1",
           "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.1.tgz",
@@ -15852,14 +15246,6 @@
             "ansi-regex": "^2.0.0"
           }
         },
-        "supports-color": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        },
         "to-regex-range": {
           "version": "2.1.1",
           "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
@@ -15987,6 +15373,14 @@
         }
       }
     },
+    "webpack-merge": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-4.2.2.tgz",
+      "integrity": "sha512-TUE1UGoTX2Cd42j3krGYqObZbOD+xF7u28WB7tfUordytSjbWTIjK/8V0amkBfTYN4/pB/GIDlJZZ657BGG19g==",
+      "requires": {
+        "lodash": "^4.17.15"
+      }
+    },
     "webpack-sources": {
       "version": "1.4.3",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
@@ -15994,13 +15388,6 @@
       "requires": {
         "source-list-map": "^2.0.0",
         "source-map": "~0.6.1"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
       }
     },
     "websocket-driver": {
@@ -16045,9 +15432,9 @@
       }
     },
     "which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
       "requires": {
         "isexe": "^2.0.0"
       }
@@ -16057,6 +15444,12 @@
       "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
       "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho="
     },
+    "which-pm-runs": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/which-pm-runs/-/which-pm-runs-1.0.0.tgz",
+      "integrity": "sha1-Zws6+8VS4LVd9rd4DKdGFfI60cs=",
+      "dev": true
+    },
     "word-wrap": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
diff --git a/package.json b/package.json
index f801347..bd6a705 100644
--- a/package.json
+++ b/package.json
@@ -3,19 +3,31 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@craco/craco": "^6.1.0",
+    "@tailwindcss/postcss7-compat": "^2.0.2",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.3",
     "@testing-library/user-event": "^12.6.2",
+    "autoprefixer": "^9.8.6",
+    "axios": "^0.21.1",
+    "hookrouter": "^1.2.5",
+    "postcss": "^7.0.35",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
+    "react-icons": "^4.1.0",
+    "react-redux": "^7.2.2",
     "react-scripts": "4.0.1",
+    "redux": "^4.0.5",
+    "redux-thunk": "^2.3.0",
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.2",
     "web-vitals": "^0.2.4"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "start": "craco start",
+    "build": "craco build",
+    "test": "craco test",
+    "eject": "react-scripts eject",
+    "pretty": "prettier --write src"
   },
   "eslintConfig": {
     "extends": [
@@ -34,5 +46,15 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "husky": "^4.3.8",
+    "prettier": "2.2.1"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run pretty",
+      "pre-push": "npm run build"
+    }
   }
 }
diff --git a/public/assets/favicon.ico b/public/assets/favicon.ico
new file mode 100644
index 0000000..925f805
Binary files /dev/null and b/public/assets/favicon.ico differ
diff --git a/public/assets/favicon.png b/public/assets/favicon.png
new file mode 100644
index 0000000..20017c2
Binary files /dev/null and b/public/assets/favicon.png differ
diff --git a/public/assets/img/activities/CAMPING.jpg b/public/assets/img/activities/CAMPING.jpg
new file mode 100644
index 0000000..2ac531c
Binary files /dev/null and b/public/assets/img/activities/CAMPING.jpg differ
diff --git a/public/assets/img/activities/CYCLING.jpg b/public/assets/img/activities/CYCLING.jpg
new file mode 100644
index 0000000..4a6e40c
Binary files /dev/null and b/public/assets/img/activities/CYCLING.jpg differ
diff --git a/public/assets/img/activities/ESTATE BUNGLOW.png b/public/assets/img/activities/ESTATE BUNGLOW.png
new file mode 100644
index 0000000..9b3d947
Binary files /dev/null and b/public/assets/img/activities/ESTATE BUNGLOW.png differ
diff --git a/public/assets/img/activities/FOODING.jpg b/public/assets/img/activities/FOODING.jpg
new file mode 100644
index 0000000..b2455a2
Binary files /dev/null and b/public/assets/img/activities/FOODING.jpg differ
diff --git a/public/assets/img/activities/HERITAGE PHOTOGRAPHY.jpg b/public/assets/img/activities/HERITAGE PHOTOGRAPHY.jpg
new file mode 100644
index 0000000..df01cd3
Binary files /dev/null and b/public/assets/img/activities/HERITAGE PHOTOGRAPHY.jpg differ
diff --git a/public/assets/img/activities/JEEP SAFARI.jpg b/public/assets/img/activities/JEEP SAFARI.jpg
new file mode 100644
index 0000000..9b1624e
Binary files /dev/null and b/public/assets/img/activities/JEEP SAFARI.jpg differ
diff --git a/public/assets/img/activities/LANDSCAPE.jpg b/public/assets/img/activities/LANDSCAPE.jpg
new file mode 100644
index 0000000..25e5b29
Binary files /dev/null and b/public/assets/img/activities/LANDSCAPE.jpg differ
diff --git a/public/assets/img/activities/MEMORIALS.jpg b/public/assets/img/activities/MEMORIALS.jpg
new file mode 100644
index 0000000..80345ac
Binary files /dev/null and b/public/assets/img/activities/MEMORIALS.jpg differ
diff --git a/public/assets/img/activities/PHOTOGRAPH.jpg b/public/assets/img/activities/PHOTOGRAPH.jpg
new file mode 100644
index 0000000..230da34
Binary files /dev/null and b/public/assets/img/activities/PHOTOGRAPH.jpg differ
diff --git a/public/assets/img/activities/RELIGIOUS ARCHITECTS.jpg b/public/assets/img/activities/RELIGIOUS ARCHITECTS.jpg
new file mode 100644
index 0000000..fa2ece8
Binary files /dev/null and b/public/assets/img/activities/RELIGIOUS ARCHITECTS.jpg differ
diff --git a/public/assets/img/activities/ROCKCLIMBING.jpg b/public/assets/img/activities/ROCKCLIMBING.jpg
new file mode 100644
index 0000000..735d496
Binary files /dev/null and b/public/assets/img/activities/ROCKCLIMBING.jpg differ
diff --git a/public/assets/img/activities/SITE SEEING.jpg b/public/assets/img/activities/SITE SEEING.jpg
new file mode 100644
index 0000000..fa53a83
Binary files /dev/null and b/public/assets/img/activities/SITE SEEING.jpg differ
diff --git a/public/assets/img/activities/SUNRISE.jpg b/public/assets/img/activities/SUNRISE.jpg
new file mode 100644
index 0000000..9b96f0e
Binary files /dev/null and b/public/assets/img/activities/SUNRISE.jpg differ
diff --git a/public/assets/img/activities/TEA PLANTATION.jpg b/public/assets/img/activities/TEA PLANTATION.jpg
new file mode 100644
index 0000000..875d138
Binary files /dev/null and b/public/assets/img/activities/TEA PLANTATION.jpg differ
diff --git a/public/assets/img/activities/THEME PARK.jpg b/public/assets/img/activities/THEME PARK.jpg
new file mode 100644
index 0000000..ae8648d
Binary files /dev/null and b/public/assets/img/activities/THEME PARK.jpg differ
diff --git a/public/assets/img/activities/TREKKING.jpg b/public/assets/img/activities/TREKKING.jpg
new file mode 100644
index 0000000..723d4f6
Binary files /dev/null and b/public/assets/img/activities/TREKKING.jpg differ
diff --git a/public/assets/img/activities/WEDDING PHOTOGRAPHY.jpg b/public/assets/img/activities/WEDDING PHOTOGRAPHY.jpg
new file mode 100644
index 0000000..668037b
Binary files /dev/null and b/public/assets/img/activities/WEDDING PHOTOGRAPHY.jpg differ
diff --git a/public/assets/img/activities/WILDLIFE.jpg b/public/assets/img/activities/WILDLIFE.jpg
new file mode 100644
index 0000000..3ef4a26
Binary files /dev/null and b/public/assets/img/activities/WILDLIFE.jpg differ
diff --git a/public/assets/img/activities/festival.jpg b/public/assets/img/activities/festival.jpg
new file mode 100644
index 0000000..e733751
Binary files /dev/null and b/public/assets/img/activities/festival.jpg differ
diff --git a/public/assets/img/activities/shoping.jpeg b/public/assets/img/activities/shoping.jpeg
new file mode 100644
index 0000000..3a8d37f
Binary files /dev/null and b/public/assets/img/activities/shoping.jpeg differ
diff --git a/public/assets/img/destinations/2nd MILE POINT.jpg b/public/assets/img/destinations/2nd MILE POINT.jpg
new file mode 100644
index 0000000..3d8adb7
Binary files /dev/null and b/public/assets/img/destinations/2nd MILE POINT.jpg differ
diff --git a/public/assets/img/destinations/ANAYIRANKAL BOATING.jpg b/public/assets/img/destinations/ANAYIRANKAL BOATING.jpg
new file mode 100644
index 0000000..79c916d
Binary files /dev/null and b/public/assets/img/destinations/ANAYIRANKAL BOATING.jpg differ
diff --git a/public/assets/img/destinations/BLOSSOM HYDEL PARK.jpg b/public/assets/img/destinations/BLOSSOM HYDEL PARK.jpg
new file mode 100644
index 0000000..f03bb0e
Binary files /dev/null and b/public/assets/img/destinations/BLOSSOM HYDEL PARK.jpg differ
diff --git a/public/assets/img/destinations/CHATHURANGAPARA.jpg b/public/assets/img/destinations/CHATHURANGAPARA.jpg
new file mode 100644
index 0000000..d6cb5d2
Binary files /dev/null and b/public/assets/img/destinations/CHATHURANGAPARA.jpg differ
diff --git a/public/assets/img/destinations/CHITHIRPURAM VIEW POINT.jpg b/public/assets/img/destinations/CHITHIRPURAM VIEW POINT.jpg
new file mode 100644
index 0000000..dd91142
Binary files /dev/null and b/public/assets/img/destinations/CHITHIRPURAM VIEW POINT.jpg differ
diff --git a/public/assets/img/destinations/ERAVIKULAM NATIONAL PARK.jpeg b/public/assets/img/destinations/ERAVIKULAM NATIONAL PARK.jpeg
new file mode 100644
index 0000000..198cf48
Binary files /dev/null and b/public/assets/img/destinations/ERAVIKULAM NATIONAL PARK.jpeg differ
diff --git a/public/assets/img/destinations/KANTHALLOOR JAGGERY - VETTUKAD.jpeg b/public/assets/img/destinations/KANTHALLOOR JAGGERY - VETTUKAD.jpeg
new file mode 100644
index 0000000..0d2a7c5
Binary files /dev/null and b/public/assets/img/destinations/KANTHALLOOR JAGGERY - VETTUKAD.jpeg differ
diff --git a/public/assets/img/destinations/KARIMUTTY WATERFALLS.jpeg b/public/assets/img/destinations/KARIMUTTY WATERFALLS.jpeg
new file mode 100644
index 0000000..c217225
Binary files /dev/null and b/public/assets/img/destinations/KARIMUTTY WATERFALLS.jpeg differ
diff --git a/public/assets/img/destinations/KOLUKKUMALAI SUNRISE.jpg b/public/assets/img/destinations/KOLUKKUMALAI SUNRISE.jpg
new file mode 100644
index 0000000..7029b05
Binary files /dev/null and b/public/assets/img/destinations/KOLUKKUMALAI SUNRISE.jpg differ
diff --git a/public/assets/img/destinations/KOLUKKUMALAI TEA PLANTATION AND FACTORY.jpg b/public/assets/img/destinations/KOLUKKUMALAI TEA PLANTATION AND FACTORY.jpg
new file mode 100644
index 0000000..fc6e9c2
Binary files /dev/null and b/public/assets/img/destinations/KOLUKKUMALAI TEA PLANTATION AND FACTORY.jpg differ
diff --git a/public/assets/img/destinations/LAKKAM WATERFALLS.jpeg b/public/assets/img/destinations/LAKKAM WATERFALLS.jpeg
new file mode 100644
index 0000000..1555b32
Binary files /dev/null and b/public/assets/img/destinations/LAKKAM WATERFALLS.jpeg differ
diff --git a/public/assets/img/destinations/MEESAPPULIMALA.jpg b/public/assets/img/destinations/MEESAPPULIMALA.jpg
new file mode 100644
index 0000000..982c048
Binary files /dev/null and b/public/assets/img/destinations/MEESAPPULIMALA.jpg differ
diff --git a/public/assets/img/destinations/MUNIYARA.jpg b/public/assets/img/destinations/MUNIYARA.jpg
new file mode 100644
index 0000000..9828c0e
Binary files /dev/null and b/public/assets/img/destinations/MUNIYARA.jpg differ
diff --git a/public/assets/img/destinations/POTHANMEDU VIEW POINT.jpg b/public/assets/img/destinations/POTHANMEDU VIEW POINT.jpg
new file mode 100644
index 0000000..bdbc919
Binary files /dev/null and b/public/assets/img/destinations/POTHANMEDU VIEW POINT.jpg differ
diff --git a/public/assets/img/destinations/RAMASWAMI IYER HEADWORKS DAM.jpg b/public/assets/img/destinations/RAMASWAMI IYER HEADWORKS DAM.jpg
new file mode 100644
index 0000000..1deb622
Binary files /dev/null and b/public/assets/img/destinations/RAMASWAMI IYER HEADWORKS DAM.jpg differ
diff --git a/public/assets/img/destinations/SANDALWOOD FOREST.jpeg b/public/assets/img/destinations/SANDALWOOD FOREST.jpeg
new file mode 100644
index 0000000..afd7f58
Binary files /dev/null and b/public/assets/img/destinations/SANDALWOOD FOREST.jpeg differ
diff --git a/public/assets/img/destinations/SENGULAM HYDEL PARK.jpg b/public/assets/img/destinations/SENGULAM HYDEL PARK.jpg
new file mode 100644
index 0000000..a9a1224
Binary files /dev/null and b/public/assets/img/destinations/SENGULAM HYDEL PARK.jpg differ
diff --git a/public/assets/img/destinations/SPICE GARDEN.jpg b/public/assets/img/destinations/SPICE GARDEN.jpg
new file mode 100644
index 0000000..3c1e853
Binary files /dev/null and b/public/assets/img/destinations/SPICE GARDEN.jpg differ
diff --git a/public/assets/img/destinations/ST.JOSEPH FARM,MARAYOOR JAGGERY,MARAYUR.jpeg b/public/assets/img/destinations/ST.JOSEPH FARM,MARAYOOR JAGGERY,MARAYUR.jpeg
new file mode 100644
index 0000000..4a9db65
Binary files /dev/null and b/public/assets/img/destinations/ST.JOSEPH FARM,MARAYOOR JAGGERY,MARAYUR.jpeg differ
diff --git a/public/assets/img/destinations/THALAIYAR TEA PLANTATION.jpeg b/public/assets/img/destinations/THALAIYAR TEA PLANTATION.jpeg
new file mode 100644
index 0000000..78640a7
Binary files /dev/null and b/public/assets/img/destinations/THALAIYAR TEA PLANTATION.jpeg differ
diff --git a/public/assets/img/destinations/THALAIYAR_TEA_PLANTATION.jpeg b/public/assets/img/destinations/THALAIYAR_TEA_PLANTATION.jpeg
new file mode 100644
index 0000000..78640a7
Binary files /dev/null and b/public/assets/img/destinations/THALAIYAR_TEA_PLANTATION.jpeg differ
diff --git a/public/assets/img/destinations/attukad waterfalls.jpg b/public/assets/img/destinations/attukad waterfalls.jpg
new file mode 100644
index 0000000..3896965
Binary files /dev/null and b/public/assets/img/destinations/attukad waterfalls.jpg differ
diff --git a/public/assets/img/destinations/kallar wf.jfif b/public/assets/img/destinations/kallar wf.jfif
new file mode 100644
index 0000000..44808ed
Binary files /dev/null and b/public/assets/img/destinations/kallar wf.jfif differ
diff --git a/public/assets/img/routes/blue.jpg b/public/assets/img/routes/blue.jpg
new file mode 100644
index 0000000..fc6e9c2
Binary files /dev/null and b/public/assets/img/routes/blue.jpg differ
diff --git a/public/assets/img/routes/green.jpg b/public/assets/img/routes/green.jpg
new file mode 100644
index 0000000..982c048
Binary files /dev/null and b/public/assets/img/routes/green.jpg differ
diff --git a/public/assets/img/routes/indigo.jpg b/public/assets/img/routes/indigo.jpg
new file mode 100644
index 0000000..32fac1a
Binary files /dev/null and b/public/assets/img/routes/indigo.jpg differ
diff --git a/public/assets/img/routes/orange.jpg b/public/assets/img/routes/orange.jpg
new file mode 100644
index 0000000..9e18002
Binary files /dev/null and b/public/assets/img/routes/orange.jpg differ
diff --git a/public/assets/img/routes/red.JPG b/public/assets/img/routes/red.JPG
new file mode 100644
index 0000000..5a29fe4
Binary files /dev/null and b/public/assets/img/routes/red.JPG differ
diff --git a/public/assets/img/routes/violet.jpg b/public/assets/img/routes/violet.jpg
new file mode 100644
index 0000000..5310d94
Binary files /dev/null and b/public/assets/img/routes/violet.jpg differ
diff --git a/public/assets/img/routes/yellow.jpg b/public/assets/img/routes/yellow.jpg
new file mode 100644
index 0000000..04edb61
Binary files /dev/null and b/public/assets/img/routes/yellow.jpg differ
diff --git a/public/favicon.ico b/public/favicon.ico
index a11777c..925f805 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/index.html b/public/index.html
index aa069f2..216cef3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,21 +1,21 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
+    <head>
+        <meta charset="utf-8" />
+        <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="theme-color" content="#000000" />
+        <meta
+            name="description"
+            content="Web site created using create-react-app"
+        />
+        <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+        <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
+        <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+        <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
       Only files inside the `public` folder can be referenced from the HTML.
@@ -24,12 +24,12 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
+        <title>Hello Munnar</title>
+    </head>
+    <body>
+        <noscript>You need to enable JavaScript to run this app.</noscript>
+        <div id="root"></div>
+        <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
 
@@ -38,6 +38,5 @@
 
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
+    --></body>
 </html>
diff --git a/public/logo192.png b/public/logo192.png
index fc44b0a..20017c2 100644
Binary files a/public/logo192.png and b/public/logo192.png differ
diff --git a/public/logo512.png b/public/logo512.png
index a4e47a6..20017c2 100644
Binary files a/public/logo512.png and b/public/logo512.png differ
diff --git a/public/manifest.json b/public/manifest.json
index 080d6c7..e6b92c0 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,6 +1,6 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "Hello Munnar",
+  "name": "VIBGYOR Tourism Munnar",
   "icons": [
     {
       "src": "favicon.ico",
@@ -22,4 +22,4 @@
   "display": "standalone",
   "theme_color": "#000000",
   "background_color": "#ffffff"
-}
+}
\ No newline at end of file
diff --git a/sonar.properties b/sonar.properties
new file mode 100644
index 0000000..cc336dd
--- /dev/null
+++ b/sonar.properties
@@ -0,0 +1,12 @@
+sonar.projectKey=Kites-Foundation_hello-munnar-frontend
+sonar.organization=hellomunnar
+
+# This is the name and version displayed in the SonarCloud UI.
+#sonar.projectName=hello-munnar-frontend
+#sonar.projectVersion=1.0
+
+# Path is relative to the sonar-project.properties file. Replace "\" by "/" on Windows.
+#sonar.sources=.
+
+# Encoding of the source code. Default is default system encoding
+#sonar.sourceEncoding=UTF-8
\ No newline at end of file
diff --git a/src/App.css b/src/App.css
index 74b5e05..e69de29 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,38 +0,0 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
diff --git a/src/App.js b/src/App.js
index 3784575..0da1766 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,25 +1,12 @@
-import logo from './logo.svg';
-import './App.css';
+import React from "react";
+import PublicRouter from "./router/PublicRouter";
 
 function App() {
-  return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
-    </div>
-  );
+    return (
+        <div className="App">
+            <PublicRouter />
+        </div>
+    );
 }
 
 export default App;
diff --git a/src/App.test.js b/src/App.test.js
index 1f03afe..7c46384 100644
--- a/src/App.test.js
+++ b/src/App.test.js
@@ -1,8 +1,8 @@
-import { render, screen } from '@testing-library/react';
-import App from './App';
+import { render, screen } from "@testing-library/react";
+import App from "./App";
 
-test('renders learn react link', () => {
-  render(<App />);
-  const linkElement = screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
+test("renders learn react link", () => {
+    render(<App />);
+    const linkElement = screen.getByText(/learn react/i);
+    expect(linkElement).toBeInTheDocument();
 });
diff --git a/src/assets/images/activity-test.jpg b/src/assets/images/activity-test.jpg
new file mode 100644
index 0000000..733ecd6
Binary files /dev/null and b/src/assets/images/activity-test.jpg differ
diff --git a/src/assets/images/add-user.svg b/src/assets/images/add-user.svg
new file mode 100644
index 0000000..d0f5cf5
--- /dev/null
+++ b/src/assets/images/add-user.svg
@@ -0,0 +1 @@
+<svg id="Solid" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m272 384a96 96 0 1 0 96-96 96.108 96.108 0 0 0 -96 96zm40-8h48v-48a8 8 0 0 1 16 0v48h48a8 8 0 0 1 0 16h-48v48a8 8 0 0 1 -16 0v-48h-48a8 8 0 0 1 0-16z"/><path d="m272.6 442.613a111.947 111.947 0 0 1 71.217-167.976c-31.117-42.497-77.107-66.637-127.817-66.637-45.522 0-87.578 19.485-118.42 54.865-31.063 35.633-48.567 85.3-49.538 140.291 18.365 9.261 93.77 44.844 167.958 44.844a312.1 312.1 0 0 0 56.6-5.387z"/><circle cx="216" cy="112" r="80"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/alarm.svg b/src/assets/images/alarm.svg
new file mode 100644
index 0000000..b47f71a
--- /dev/null
+++ b/src/assets/images/alarm.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.02643 10.687L5.60643 9.26703L4.89976 9.9737L7.01976 12.0937L11.0198 8.0937L10.3131 7.38703L7.02643 10.687ZM11.5578 2.20703L14.6291 4.77036L13.7758 5.7937L10.7024 3.2317L11.5578 2.20703ZM4.44176 2.20703L5.29643 3.23103L2.22443 5.7937L1.37109 4.7697L4.44176 2.20703ZM7.99976 3.66703C6.40837 3.66712 4.8822 4.29938 3.75698 5.42472C2.63176 6.55007 1.99967 8.07631 1.99976 9.6677C1.99985 11.2591 2.63211 12.7853 3.75745 13.9105C4.8828 15.0357 6.40904 15.6678 8.00043 15.6677C8.7884 15.6677 9.56865 15.5124 10.2966 15.2108C11.0246 14.9092 11.6861 14.4672 12.2432 13.91C12.8004 13.3528 13.2423 12.6913 13.5438 11.9633C13.8453 11.2353 14.0005 10.455 14.0004 9.66703C14.0004 8.87906 13.8451 8.09881 13.5436 7.37083C13.242 6.64285 12.7999 5.9814 12.2427 5.42425C11.6855 4.8671 11.024 4.42516 10.296 4.12365C9.568 3.82215 8.78774 3.66699 7.99976 3.66703ZM7.99976 14.3337C5.42643 14.3337 3.33309 12.2404 3.33309 9.66703C3.33309 7.0937 5.42643 5.00036 7.99976 5.00036C10.5731 5.00036 12.6664 7.0937 12.6664 9.66703C12.6664 12.2404 10.5731 14.3337 7.99976 14.3337Z" />
+</svg>
diff --git a/src/assets/images/amenities.svg b/src/assets/images/amenities.svg
new file mode 100644
index 0000000..3faa7eb
--- /dev/null
+++ b/src/assets/images/amenities.svg
@@ -0,0 +1,3 @@
+<svg width="30" height="21" viewBox="0 0 30 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.5455 2.8H13.6364V12.6H2.72727V0H0V21H2.72727V16.8H27.2727V21H30V8.4C30 6.91479 29.4253 5.49041 28.4024 4.4402C27.3795 3.39 25.9921 2.8 24.5455 2.8ZM8.18182 11.2C9.2668 11.2 10.3073 10.7575 11.0745 9.96985C11.8417 9.1822 12.2727 8.11391 12.2727 7C12.2727 5.88609 11.8417 4.8178 11.0745 4.03015C10.3073 3.2425 9.2668 2.8 8.18182 2.8C7.09684 2.8 6.0563 3.2425 5.28911 4.03015C4.52191 4.8178 4.09091 5.88609 4.09091 7C4.09091 8.11391 4.52191 9.1822 5.28911 9.96985C6.0563 10.7575 7.09684 11.2 8.18182 11.2Z" />
+</svg>
diff --git a/src/assets/images/available.svg b/src/assets/images/available.svg
new file mode 100644
index 0000000..fab7971
--- /dev/null
+++ b/src/assets/images/available.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.6667 3.00033H12V1.66699H10.6667V3.00033H5.33333V1.66699H4V3.00033H3.33333C2.6 3.00033 2 3.60033 2 4.33366V13.667C2 14.4003 2.6 15.0003 3.33333 15.0003H12.6667C13.4 15.0003 14 14.4003 14 13.667V4.33366C14 3.60033 13.4 3.00033 12.6667 3.00033ZM12.6667 13.667H3.33333V7.00033H12.6667V13.667ZM3.33333 5.66699V4.33366H12.6667V5.66699H3.33333ZM7.04 12.6403L10.9933 8.68699L10.2867 7.98033L7.04 11.227L5.63333 9.82033L4.92667 10.527L7.04 12.6403Z" />
+</svg>
diff --git a/src/assets/images/avatar.svg b/src/assets/images/avatar.svg
new file mode 100644
index 0000000..0a863e8
--- /dev/null
+++ b/src/assets/images/avatar.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.579 2 2 6.579 2 12C2 17.421 6.579 22 12 22C17.421 22 22 17.421 22 12C22 6.579 17.421 2 12 2ZM12 7C13.727 7 15 8.272 15 10C15 11.728 13.727 13 12 13C10.274 13 9 11.728 9 10C9 8.272 10.274 7 12 7ZM6.894 16.772C7.791 15.452 9.287 14.572 11 14.572H13C14.714 14.572 16.209 15.452 17.106 16.772C15.828 18.14 14.015 19 12 19C9.985 19 8.172 18.14 6.894 16.772Z" />
+</svg>
diff --git a/src/assets/images/back.svg b/src/assets/images/back.svg
new file mode 100644
index 0000000..8ed43be
--- /dev/null
+++ b/src/assets/images/back.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z" /></svg>
\ No newline at end of file
diff --git a/src/assets/images/bed.svg b/src/assets/images/bed.svg
new file mode 100644
index 0000000..eed971b
--- /dev/null
+++ b/src/assets/images/bed.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="lg1"><stop offset="0" stop-color="#8b451c"/><stop offset="1" stop-color="#bf942a"/></linearGradient><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="267.686" x2="294.279" xlink:href="#lg1" y1="445.101" y2="445.101"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="461.169" x2="487.761" xlink:href="#lg1" y1="333.544" y2="333.544"/><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="71.785" x2="87.474" y1="169.048" y2="141.873"><stop offset="0" stop-color="#252336"/><stop offset="1" stop-color="#594a8e"/></linearGradient><linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="140.218" x2="140.218" y1="269.304" y2="109.654"><stop offset="0" stop-color="#594a8e"/><stop offset="1" stop-color="#7662bd"/></linearGradient><linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="267.9" x2="294.871" xlink:href="#lg1" y1="331.375" y2="331.375"/><linearGradient id="lg2"><stop offset="0" stop-color="#c5baeb"/><stop offset="1" stop-color="#e9e5f6"/></linearGradient><linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="267.9" x2="294.871" xlink:href="#lg2" y1="275.249" y2="275.249"/><linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="91.148" x2="107.777" xlink:href="#lg2" y1="257.707" y2="228.905"/><linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="100.293" x2="186.355" xlink:href="#lg2" y1="224.078" y2="224.078"/><linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="192.188" x2="208.817" xlink:href="#lg2" y1="199.456" y2="170.654"/><linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="201.333" x2="287.395" xlink:href="#lg2" y1="165.827" y2="165.827"/><linearGradient id="lg3"><stop offset="0" stop-color="#d7d1eb"/><stop offset="1" stop-color="#e7e3f3"/></linearGradient><linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="128.117" x2="272.333" xlink:href="#lg3" y1="330.593" y2="413.857"/><linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="296.816" x2="493.489" xlink:href="#lg3" y1="409.093" y2="295.544"/><g><path d="m294.279 378.203-26.593 1.837v125.587l.007-.001c.079 1.688 1.145 3.291 3.239 4.5 4.807 2.776 13.204 2.428 18.755-.777 2.855-1.648 4.39-3.73 4.565-5.743l.027-.002z" fill="url(#SVGID_1_)"/><path d="m487.761 266.645-26.593 1.837v125.587l.007-.001c.079 1.688 1.145 3.291 3.239 4.5 4.807 2.776 13.204 2.427 18.755-.777 2.855-1.648 4.39-3.73 4.565-5.742l.027-.002z" fill="url(#SVGID_2_)"/><g><path d="m238.92 16.164-24.823-14.344-.012.017c-3.219-2.14-7.541-2.592-11.366-.384l-180.089 103.975c-8.044 4.644-12.999 13.227-12.999 22.515v225.266c0 4.208 2.313 7.61 5.526 9.408l-.003.004 25.725 14.864c.068.04.135.079.203.117l.15.087.006-.009 197.67-361.501z" fill="url(#SVGID_3_)"/><path d="m35.584 368.209v-225.266c0-9.288 4.955-17.871 12.999-22.515l180.089-103.975c7.191-4.152 16.181 1.038 16.181 9.342v225.266c0 9.288-4.955 17.871-12.999 22.515l-180.09 103.975c-7.191 4.152-16.18-1.038-16.18-9.342z" fill="url(#SVGID_4_)"/></g><g><path d="m485.309 310.362-235.621-136.036c-4.693-2.71-10.475-2.71-15.168 0l-196.484 113.441c-1.635.944-2.452 2.595-2.452 4.247v56.126c0 1.652.817 3.303 2.452 4.247l235.621 136.036c4.693 2.709 10.475 2.709 15.168 0l196.485-113.44c1.659-.958 2.472-2.644 2.448-4.32h.005v-55.99h-.004c.02-1.673-.794-3.355-2.45-4.311z" fill="url(#SVGID_5_)"/><path d="m273.657 432.297-235.621-136.036c-3.27-1.888-3.27-6.607 0-8.494l196.485-113.441c4.693-2.709 10.475-2.709 15.168 0l235.621 136.036c3.27 1.888 3.27 6.607 0 8.494l-196.485 113.44c-4.693 2.711-10.475 2.711-15.168.001z" fill="#d7d1eb"/></g><g><path d="m485.309 254.236-235.621-136.036c-4.693-2.71-10.475-2.71-15.168 0l-196.484 113.44c-1.635.944-2.452 2.596-2.452 4.247v56.127c0 1.652.817 3.303 2.452 4.247l235.621 136.036c4.693 2.709 10.475 2.709 15.168 0l196.485-113.44c1.659-.957 2.472-2.644 2.448-4.32h.005v-55.99h-.004c.02-1.673-.794-3.355-2.45-4.311z" fill="url(#SVGID_6_)"/><path d="m273.657 376.171-235.621-136.036c-3.27-1.888-3.27-6.607 0-8.494l196.485-113.441c4.693-2.709 10.475-2.709 15.168 0l235.621 136.036c3.27 1.888 3.27 6.607 0 8.494l-196.485 113.44c-4.693 2.71-10.475 2.71-15.168.001z" fill="#d7d1eb"/></g><g><path d="m183.842 193.979c-.715-.62-1.542-1.097-2.437-1.407l-46.635-26.925c-2.223-1.97-5.588-2.577-8.52-.885l-64.546 37.266c-6.524 3.767-10.544 10.728-10.544 18.262 0 2.938 1.665 5.289 3.944 6.477l48.376 27.93c2.19 1.495 5.16 1.826 7.784.311l64.546-37.266c6.524-3.767 10.544-10.729 10.544-18.262.001-2.275-1.004-4.195-2.512-5.501z" fill="url(#SVGID_7_)"/><path d="m110.837 230.412 64.546-37.266c4.876-2.815 10.972.704 10.972 6.335 0 7.534-4.019 14.495-10.544 18.262l-64.547 37.266c-4.876 2.815-10.972-.704-10.972-6.335.001-7.533 4.02-14.495 10.545-18.262z" fill="url(#SVGID_8_)"/></g><g><path d="m284.882 135.727c-.715-.62-1.542-1.097-2.436-1.407l-46.635-26.924c-2.223-1.97-5.588-2.577-8.52-.885l-64.546 37.266c-6.524 3.767-10.544 10.728-10.544 18.262 0 2.938 1.665 5.289 3.944 6.477l48.376 27.93c2.19 1.495 5.16 1.826 7.784.311l64.546-37.266c6.525-3.767 10.544-10.729 10.544-18.262 0-2.275-1.005-4.194-2.513-5.502z" fill="url(#SVGID_9_)"/><path d="m211.877 172.161 64.546-37.266c4.876-2.815 10.972.704 10.972 6.335 0 7.534-4.019 14.495-10.544 18.262l-64.546 37.266c-4.876 2.815-10.972-.704-10.972-6.335 0-7.533 4.019-14.495 10.544-18.262z" fill="url(#SVGID_10_)"/></g><path d="m279.603 469.825 222.766-175.589v-4.305c0-26.451-14.112-50.893-37.019-64.118l-133.826-77.264c-13.339-7.701-29.772-7.701-43.111 0l-155.943 90.033c-21.864 12.623-35.705 35.465-36.921 60.518z" fill="#e9e5f6"/><path d="m234.94 340.489-113.213-65.363c-8.018-4.629-17.412-2.107-22.513 4.294l33.633 105.667c-.001.004-.003.009-.004.013l146.761 84.732v-51.984c-.001-31.913-17.026-61.402-44.664-77.359z" fill="url(#SVGID_11_)"/><path d="m326.578 341.163 134.298-71.795c18.784-10.042 41.493 3.568 41.493 24.868v46.983l-222.766 128.614v-50.291c0-32.792 18.057-62.919 46.975-78.379z" fill="url(#SVGID_12_)"/><path d="m331.525 148.548c-13.339-7.701-29.772-7.701-43.111 0l-155.944 90.034c-15.951 9.209-27.63 23.86-33.256 40.837l43.545 7.849c6.392-11.075 15.649-20.497 27.106-27.112l155.944-90.034c13.218-7.631 29.47-7.689 42.743-.196z" fill="#f2edff"/><path d="m132.847 385.087v-60.811c0-13.221 3.526-25.94 9.912-37.007l-21.033-12.143c-8.018-4.629-17.412-2.106-22.513 4.294-.295.889-3.763 9.997-3.763 23.282v60.811z" fill="#e9e5f6"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/caret-left.svg b/src/assets/images/caret-left.svg
new file mode 100644
index 0000000..4bd8982
--- /dev/null
+++ b/src/assets/images/caret-left.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.33366 1.33301L1.66699 7.99967L8.33366 14.6663" stroke-width="2"/>
+</svg>
diff --git a/src/assets/images/carside.svg b/src/assets/images/carside.svg
new file mode 100644
index 0000000..ba48311
--- /dev/null
+++ b/src/assets/images/carside.svg
@@ -0,0 +1,15 @@
+<svg
+                            aria-hidden="true"
+                            focusable="false"
+                            data-prefix="fas"
+                            data-icon="car-side"
+                            width="24"
+                            height="24"
+                            className="svg-inline--fa fa-car-side fa-w-20"
+                            role="img"
+                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 640 512">
+                            <path
+                                fill="currentColor"
+                                d="M544 192h-16L419.22 56.02A64.025 64.025 0 0 0 369.24 32H155.33c-26.17 0-49.7 15.93-59.42 40.23L48 194.26C20.44 201.4 0 226.21 0 256v112c0 8.84 7.16 16 16 16h48c0 53.02 42.98 96 96 96s96-42.98 96-96h128c0 53.02 42.98 96 96 96s96-42.98 96-96h48c8.84 0 16-7.16 16-16v-80c0-53.02-42.98-96-96-96zM160 432c-26.47 0-48-21.53-48-48s21.53-48 48-48 48 21.53 48 48-21.53 48-48 48zm72-240H116.93l38.4-96H232v96zm48 0V96h89.24l76.8 96H280zm200 240c-26.47 0-48-21.53-48-48s21.53-48 48-48 48 21.53 48 48-21.53 48-48 48z"></path>
+                        </svg>
\ No newline at end of file
diff --git a/src/assets/images/chat.svg b/src/assets/images/chat.svg
new file mode 100644
index 0000000..9aa611b
--- /dev/null
+++ b/src/assets/images/chat.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/clock.svg b/src/assets/images/clock.svg
new file mode 100644
index 0000000..fbb8076
--- /dev/null
+++ b/src/assets/images/clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64zm176.5 585.7l-28.6 39a7.99 7.99 0 0 1-11.2 1.7L483.3 569.8a7.92 7.92 0 0 1-3.3-6.5V288c0-4.4 3.6-8 8-8h48.1c4.4 0 8 3.6 8 8v247.5l142.6 103.1c3.6 2.5 4.4 7.5 1.8 11.1z" /></svg>
\ No newline at end of file
diff --git a/src/assets/images/close.svg b/src/assets/images/close.svg
new file mode 100644
index 0000000..8dd308e
--- /dev/null
+++ b/src/assets/images/close.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.19985 1.73059L7.99985 6.53059L12.7999 1.74513C12.8944 1.64897 13.0078 1.57347 13.133 1.52339C13.2582 1.47332 13.3924 1.44977 13.5271 1.45422C13.7915 1.47133 14.0407 1.5841 14.2281 1.77147C14.4154 1.95883 14.5282 2.20798 14.5453 2.4724C14.5466 2.60241 14.5215 2.73134 14.4715 2.85135C14.4215 2.97137 14.3476 3.07998 14.2544 3.17059L9.43985 7.99968L14.2544 12.8288C14.4435 13.012 14.5482 13.2651 14.5453 13.5269C14.5282 13.7914 14.4154 14.0405 14.2281 14.2279C14.0407 14.4153 13.7915 14.528 13.5271 14.5451C13.3924 14.5496 13.2582 14.526 13.133 14.476C13.0078 14.4259 12.8944 14.3504 12.7999 14.2542L7.99985 9.46877L3.2144 14.2542C3.11989 14.3504 3.00646 14.4259 2.88128 14.476C2.75609 14.526 2.62188 14.5496 2.48713 14.5451C2.21777 14.5311 1.96316 14.4178 1.77244 14.2271C1.58173 14.0364 1.46842 13.7818 1.4544 13.5124C1.45308 13.3824 1.47819 13.2535 1.5282 13.1335C1.5782 13.0134 1.65207 12.9048 1.74531 12.8142L6.55985 7.99968L1.73076 3.17059C1.64015 3.07875 1.56897 2.9696 1.52149 2.84964C1.474 2.72968 1.45119 2.60138 1.4544 2.4724C1.47151 2.20798 1.58428 1.95883 1.77164 1.77147C1.95901 1.5841 2.20816 1.47133 2.47258 1.45422C2.60629 1.44787 2.73987 1.46913 2.86499 1.51668C2.99012 1.56423 3.10411 1.63704 3.19985 1.73059Z" />
+</svg>
diff --git a/src/assets/images/date.svg b/src/assets/images/date.svg
new file mode 100644
index 0000000..ab70d39
--- /dev/null
+++ b/src/assets/images/date.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6667 2.00033H10V0.666992H8.66667V2.00033H3.33333V0.666992H2V2.00033H1.33333C0.6 2.00033 0 2.60033 0 3.33366V12.667C0 13.4003 0.6 14.0003 1.33333 14.0003H10.6667C11.4 14.0003 12 13.4003 12 12.667V3.33366C12 2.60033 11.4 2.00033 10.6667 2.00033ZM10.6667 12.667H1.33333V6.00033H10.6667V12.667ZM1.33333 4.66699V3.33366H10.6667V4.66699H1.33333ZM5.04 11.6403L8.99333 7.68699L8.28667 6.98033L5.04 10.227L3.63333 8.82033L2.92667 9.52699L5.04 11.6403Z" fill="black"/>
+</svg>
diff --git a/src/assets/images/destination-default.png b/src/assets/images/destination-default.png
new file mode 100644
index 0000000..33c35bf
Binary files /dev/null and b/src/assets/images/destination-default.png differ
diff --git a/src/assets/images/diary.svg b/src/assets/images/diary.svg
new file mode 100644
index 0000000..23d5d4c
--- /dev/null
+++ b/src/assets/images/diary.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 2H5C4.73478 2 4.48043 2.10536 4.29289 2.29289C4.10536 2.48043 4 2.73478 4 3V21C4 21.2652 4.10536 21.5196 4.29289 21.7071C4.48043 21.8946 4.73478 22 5 22H17C17.7956 22 18.5587 21.6839 19.1213 21.1213C19.6839 20.5587 20 19.7956 20 19V5C20 4.20435 19.6839 3.44129 19.1213 2.87868C18.5587 2.31607 17.7956 2 17 2ZM8 20H6V4H8V20ZM18 19C18 19.2652 17.8946 19.5196 17.7071 19.7071C17.5196 19.8946 17.2652 20 17 20H10V4H17C17.2652 4 17.5196 4.10536 17.7071 4.29289C17.8946 4.48043 18 4.73478 18 5V19Z"/>
+</svg>
diff --git a/src/assets/images/dummy.jpg b/src/assets/images/dummy.jpg
new file mode 100644
index 0000000..940d825
Binary files /dev/null and b/src/assets/images/dummy.jpg differ
diff --git a/src/assets/images/earth.svg b/src/assets/images/earth.svg
new file mode 100644
index 0000000..c1fe7a8
--- /dev/null
+++ b/src/assets/images/earth.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 1.5C9.9233 1.5 7.89323 2.11581 6.16651 3.26957C4.4398 4.42332 3.09398 6.0632 2.29926 7.98182C1.50454 9.90045 1.29661 12.0116 1.70175 14.0484C2.1069 16.0852 3.10693 17.9562 4.57538 19.4246C6.04383 20.8931 7.91475 21.8931 9.95155 22.2982C11.9884 22.7034 14.0996 22.4955 16.0182 21.7007C17.9368 20.906 19.5767 19.5602 20.7304 17.8335C21.8842 16.1068 22.5 14.0767 22.5 12C22.4968 9.2162 21.3896 6.54733 19.4211 4.57889C17.4527 2.61044 14.7838 1.50318 12 1.5ZM3.015 12.2955L4.0185 12.63L5.25 14.4772V15.4395C5.25004 15.6384 5.32909 15.8291 5.46975 15.9697L7.5 18V19.7828C6.17842 19.018 5.07327 17.9294 4.28863 16.6195C3.50398 15.3096 3.06568 13.8216 3.015 12.2955ZM12 21C11.3512 20.9987 10.7044 20.927 10.071 20.7863L10.5 19.5L11.8538 16.116C11.8989 16.003 11.9158 15.8808 11.9031 15.7598C11.8905 15.6388 11.8485 15.5227 11.781 15.4215L10.7228 13.8337C10.6542 13.7311 10.5614 13.6469 10.4526 13.5887C10.3437 13.5304 10.2222 13.5 10.0988 13.5H6.40125L5.46525 12.0953L7.0605 10.5H8.25V12H9.75V9.9495L12.651 4.872L11.349 4.128L10.7078 5.25H8.65125L7.8375 4.02825C8.93087 3.45128 10.1325 3.10853 11.3657 3.02188C12.5989 2.93523 13.8367 3.10658 15 3.525V6C15 6.19891 15.079 6.38968 15.2197 6.53033C15.3603 6.67098 15.5511 6.75 15.75 6.75H16.8488C16.9722 6.75002 17.0937 6.71957 17.2026 6.66135C17.3114 6.60313 17.4042 6.51894 17.4728 6.41625L18.1305 5.42925C18.9871 6.2282 19.68 7.18627 20.1705 8.25H17.115C16.9417 8.2501 16.7737 8.31023 16.6398 8.42017C16.5058 8.5301 16.414 8.68304 16.38 8.853L15.8378 12.2055C15.8121 12.3633 15.8375 12.5252 15.9104 12.6676C15.9833 12.8099 16.0997 12.9253 16.2427 12.9967L18.75 14.25L19.2637 17.292C18.4313 18.4392 17.3392 19.3732 16.0768 20.0176C14.8144 20.662 13.4174 20.9987 12 21Z" />
+</svg>
diff --git a/src/assets/images/edit-user.svg b/src/assets/images/edit-user.svg
new file mode 100644
index 0000000..5167a0d
--- /dev/null
+++ b/src/assets/images/edit-user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1.25em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 640 512"><path d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0S96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h274.9c-2.4-6.8-3.4-14-2.6-21.3l6.8-60.9l1.2-11.1l7.9-7.9l77.3-77.3c-24.5-27.7-60-45.5-99.9-45.5zm45.3 145.3l-6.8 61c-1.1 10.2 7.5 18.8 17.6 17.6l60.9-6.8l137.9-137.9l-71.7-71.7l-137.9 137.8zM633 268.9L595.1 231c-9.3-9.3-24.5-9.3-33.8 0l-37.8 37.8l-4.1 4.1l71.8 71.7l41.8-41.8c9.3-9.4 9.3-24.5 0-33.9z" fill="#626262"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/edit.svg b/src/assets/images/edit.svg
new file mode 100644
index 0000000..1a0846e
--- /dev/null
+++ b/src/assets/images/edit.svg
@@ -0,0 +1,3 @@
+<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.8994 0.524121L20.4754 1.10007C21.269 1.89468 21.149 3.30331 20.205 4.2463L8.3278 16.1235L4.47969 17.5311C3.99648 17.7088 3.52596 17.4784 3.4303 17.0186C3.39797 16.8519 3.41319 16.6793 3.47423 16.5208L4.90921 12.6395L16.7532 0.794523C17.6972 -0.148467 19.1058 -0.269514 19.8994 0.525097V0.524121ZM7.80945 1.7053C7.93764 1.7053 8.06458 1.73055 8.18301 1.77961C8.30145 1.82866 8.40906 1.90057 8.49971 1.99122C8.59036 2.08186 8.66226 2.18948 8.71132 2.30791C8.76038 2.42635 8.78563 2.55329 8.78563 2.68148C8.78563 2.80967 8.76038 2.93661 8.71132 3.05505C8.66226 3.17348 8.59036 3.2811 8.49971 3.37174C8.40906 3.46239 8.30145 3.5343 8.18301 3.58335C8.06458 3.63241 7.93764 3.65766 7.80945 3.65766H3.90472C3.38692 3.65766 2.89033 3.86336 2.52419 4.22949C2.15806 4.59563 1.95236 5.09222 1.95236 5.61002V17.3242C1.95236 17.842 2.15806 18.3386 2.52419 18.7047C2.89033 19.0709 3.38692 19.2766 3.90472 19.2766H15.6189C16.1367 19.2766 16.6333 19.0709 16.9994 18.7047C17.3656 18.3386 17.5713 17.842 17.5713 17.3242V13.4195C17.5713 13.1606 17.6741 12.9123 17.8572 12.7292C18.0402 12.5461 18.2885 12.4433 18.5474 12.4433C18.8063 12.4433 19.0546 12.5461 19.2377 12.7292C19.4208 12.9123 19.5236 13.1606 19.5236 13.4195V17.3242C19.5236 18.3598 19.1122 19.353 18.3799 20.0852C17.6477 20.8175 16.6545 21.2289 15.6189 21.2289H3.90472C2.86913 21.2289 1.87594 20.8175 1.14367 20.0852C0.411389 19.353 0 18.3598 0 17.3242V5.61002C0 4.57443 0.411389 3.58124 1.14367 2.84897C1.87594 2.11669 2.86913 1.7053 3.90472 1.7053H7.80945Z" fill="white"/>
+</svg>
diff --git a/src/assets/images/fast-food.svg b/src/assets/images/fast-food.svg
new file mode 100644
index 0000000..a025533
--- /dev/null
+++ b/src/assets/images/fast-food.svg
@@ -0,0 +1 @@
+<svg height="512pt" viewBox="0 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m305.921875 156.71875c-2.832031-3.011719-6.785156-4.71875-10.921875-4.71875h-260c-4.136719 0-8.089844 1.707031-10.921875 4.71875-2.835937 3.011719-4.300781 7.058594-4.050781 11.1875l20 330c.480468 7.917969 7.039062 14.09375 14.972656 14.09375h220c7.933594 0 14.492188-6.175781 14.972656-14.09375l20-330c.25-4.128906-1.214844-8.175781-4.050781-11.1875zm0 0" fill="#e8edf5"/><path d="m289.972656 497.90625 20-330c.25-4.128906-1.214844-8.175781-4.050781-11.1875-2.832031-3.011719-6.785156-4.71875-10.921875-4.71875h-129.960938v360h109.960938c7.933594 0 14.492188-6.175781 14.972656-14.09375zm0 0" fill="#ccd3e2"/><path d="m164.984375 122.003906c-2.808594 0-5.648437-.789062-8.179687-2.441406-6.9375-4.523438-8.894532-13.816406-4.371094-20.757812l60-92c2.769531-4.246094 7.496094-6.804688 12.566406-6.804688h60c8.285156 0 15 6.714844 15 15s-6.714844 15-15 15h-51.875l-55.5625 85.195312c-2.875 4.410157-7.675781 6.808594-12.578125 6.808594zm0 0" fill="#525c5c"/><path d="m315 182h-300c-8.285156 0-15-6.714844-15-15v-60c0-8.285156 6.714844-15 15-15h300c8.285156 0 15 6.714844 15 15v60c0 8.285156-6.714844 15-15 15zm0 0" fill="#ff455a"/><path d="m315 92h-149.960938v90h149.960938c8.285156 0 15-6.714844 15-15v-60c0-8.285156-6.714844-15-15-15zm0 0" fill="#bf0032"/><path d="m447 392h-223.957031c-12.042969 0-27.234375-8.285156-33.394531-18.636719-20.871094-35.074219 4.082031-71.363281 37.351562-71.363281h223.957031c12.042969 0 27.234375 8.285156 33.394531 18.636719 20.871094 35.074219-4.082031 71.363281-37.351562 71.363281zm0 0" fill="#ffe54e"/><path d="m492 347c0-24.8125-20.1875-45-45-45h-110v90h110c24.8125 0 45-20.1875 45-45zm0 0" fill="#ffbd1c"/><path d="m497 332h-320c-8.285156 0-15-6.714844-15-15 0-52.382812 42.617188-95 95-95h160c52.382812 0 95 42.617188 95 95 0 8.285156-6.714844 15-15 15zm0 0" fill="#cf957a"/><path d="m417 222h-80v110h160c8.285156 0 15-6.714844 15-15 0-52.382812-42.617188-95-95-95zm0 0" fill="#b27861"/><path d="m447 452h-220c-24.8125 0-45-20.1875-45-45s20.1875-45 45-45h220c24.8125 0 45 20.1875 45 45s-20.1875 45-45 45zm0 0" fill="#ff455a"/><path d="m447 452c24.8125 0 45-20.1875 45-45s-20.1875-45-45-45h-110v90zm0 0" fill="#bf0032"/><path d="m437 512h-200c-41.355469 0-75-33.644531-75-75 0-8.285156 6.714844-15 15-15h320c8.285156 0 15 6.714844 15 15 0 41.355469-33.644531 75-75 75zm0 0" fill="#cf957a"/><path d="m497 422h-160v90h100c41.355469 0 75-33.644531 75-75 0-8.285156-6.714844-15-15-15zm0 0" fill="#b27861"/><path d="m60 245c-12.558594 0-24.382812 3.101562-34.78125 8.554688l8.277344 136.613281c8.242187 3.113281 17.171875 4.832031 26.503906 4.832031 41.421875 0 75-33.578125 75-75s-33.578125-75-75-75zm0 0" fill="#ff455a"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/filter.svg b/src/assets/images/filter.svg
new file mode 100644
index 0000000..ab4a409
--- /dev/null
+++ b/src/assets/images/filter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"><g><path fill-rule="evenodd" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/food.svg b/src/assets/images/food.svg
new file mode 100644
index 0000000..a17a5f4
--- /dev/null
+++ b/src/assets/images/food.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.18332 3.4375C5.7711 3.4375 5.49628 3.85 5.49628 4.125V7.5625H4.12221V4.125C4.12221 3.7125 3.8474 3.4375 3.43518 3.4375C3.02295 3.4375 2.74814 3.85 2.74814 4.125V7.5625H1.37407V4.125C1.37407 3.7125 1.09926 3.4375 0.687035 3.4375C0.274814 3.4375 0 3.85 0 4.125V8.6625C0 9.9 0.961849 10.8625 2.06111 11V20.625C2.06111 21.45 2.61073 22 3.43518 22C4.25962 22 4.80925 21.45 4.80925 20.625V11C5.9085 10.8625 6.87035 9.9 6.87035 8.6625V4.125C6.87035 3.85 6.59554 3.4375 6.18332 3.4375ZM8.93146 4.125V12.375H10.3055V20.625C10.3055 21.45 10.8552 22 11.6796 22C12.504 22 13.0537 21.45 13.0537 20.625V0C10.7177 0 8.93146 1.7875 8.93146 4.125ZM18.5499 2.75C16.6263 2.75 15.1148 4.8125 15.1148 7.2875C14.9774 8.9375 15.8018 10.45 17.1759 11.4125V20.625C17.1759 21.45 17.7255 22 18.5499 22C19.3744 22 19.924 21.45 19.924 20.625V11.4125C21.2981 10.45 22.1225 8.9375 21.9851 7.2875C21.9851 4.8125 20.4736 2.75 18.5499 2.75Z" />
+</svg>
diff --git a/src/assets/images/heart.svg b/src/assets/images/heart.svg
new file mode 100644
index 0000000..dbff1c6
--- /dev/null
+++ b/src/assets/images/heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
+    <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd" />
+  </svg>
\ No newline at end of file
diff --git a/src/assets/images/hotel-user.svg b/src/assets/images/hotel-user.svg
new file mode 100644
index 0000000..5fc10e1
--- /dev/null
+++ b/src/assets/images/hotel-user.svg
@@ -0,0 +1,5 @@
+<svg width="31" height="34" viewBox="0 0 31 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.15152 0H25.7576C27.1238 0 28.4341 0.511733 29.4002 1.42262C30.3663 2.33352 30.9091 3.56895 30.9091 4.85714V29.1429C30.9091 30.4311 30.3663 31.6665 29.4002 32.5774C28.4341 33.4883 27.1238 34 25.7576 34H5.15152C3.78525 34 2.47494 33.4883 1.50884 32.5774C0.542747 31.6665 0 30.4311 0 29.1429V4.85714C0 3.56895 0.542747 2.33352 1.50884 1.42262C2.47494 0.511733 3.78525 0 5.15152 0ZM5.15152 2.42857C4.46838 2.42857 3.81323 2.68444 3.33018 3.13988C2.84713 3.59533 2.57576 4.21305 2.57576 4.85714V29.1429C2.57576 29.787 2.84713 30.4047 3.33018 30.8601C3.81323 31.3156 4.46838 31.5714 5.15152 31.5714H25.7576C26.4407 31.5714 27.0959 31.3156 27.5789 30.8601C28.062 30.4047 28.3333 29.787 28.3333 29.1429V4.85714C28.3333 4.21305 28.062 3.59533 27.5789 3.13988C27.0959 2.68444 26.4407 2.42857 25.7576 2.42857H5.15152Z" />
+<path d="M30.353 31.5709C29.0729 28.4866 25.2324 24.2852 15.4548 24.2852C5.67725 24.2852 1.83679 28.4866 0.556641 31.5709H30.353Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4548 21.8566C16.4696 21.8566 17.4744 21.6681 18.4119 21.302C19.3494 20.9359 20.2013 20.3992 20.9188 19.7226C21.6364 19.0461 22.2055 18.2429 22.5939 17.359C22.9822 16.475 23.1821 15.5276 23.1821 14.5709C23.1821 13.6141 22.9822 12.6667 22.5939 11.7827C22.2055 10.8988 21.6364 10.0956 20.9188 9.41909C20.2013 8.74255 19.3494 8.20589 18.4119 7.83975C17.4744 7.47361 16.4696 7.28516 15.4548 7.28516C13.4054 7.28516 11.4399 8.05276 9.9908 9.41909C8.54166 10.7854 7.72754 12.6386 7.72754 14.5709C7.72754 16.5032 8.54166 18.3563 9.9908 19.7226C11.4399 21.089 13.4054 21.8566 15.4548 21.8566Z"/>
+</svg>
diff --git a/src/assets/images/house.svg b/src/assets/images/house.svg
new file mode 100644
index 0000000..320a76d
--- /dev/null
+++ b/src/assets/images/house.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<polygon style="fill:#E9EAEF;" points="452.441,209.325 452.441,508.793 59.559,508.793 59.559,209.325 257.108,17.691 "/>
+<path style="fill:#9EB1B7;" d="M454.531,62.672V197.13l-66.873-63.687l-31.347-29.853V62.672c0-7.952,6.446-14.398,14.398-14.398
+	h69.425C448.085,48.273,454.531,54.72,454.531,62.672z"/>
+<path style="fill:#879BA0;" d="M387.657,48.273v85.17L356.31,103.59V62.672c0-7.952,6.446-14.398,14.398-14.398h16.949V48.273z"/>
+<g>
+	<path style="fill:#9CCE21;" d="M512,462.669v46.122H274.808v-46.122c0-9.185,7.45-16.624,16.635-16.624h203.922
+		C504.55,446.045,512,453.485,512,462.669z"/>
+	<path style="fill:#9CCE21;" d="M83.143,462.669v46.122H0v-46.122c0-9.185,7.44-16.624,16.624-16.624h49.883
+		C75.703,446.045,83.143,453.485,83.143,462.669z"/>
+</g>
+<g>
+	<path style="fill:#85C10D;" d="M512,478.343v30.448H274.808v-30.448c0-9.185,7.45-16.624,16.635-16.624h203.922
+		C504.55,461.718,512,469.158,512,478.343z"/>
+	<path style="fill:#85C10D;" d="M83.143,478.343v30.448H0v-30.448c0-9.185,7.44-16.624,16.624-16.624h49.883
+		C75.703,461.718,83.143,469.158,83.143,478.343z"/>
+</g>
+<polygon style="fill:#D2D4D8;" points="452.441,221.081 452.441,277.056 256,89.497 59.559,277.056 59.559,221.081 240.4,48.851 
+	256,34.357 271.59,48.851 "/>
+<polygon style="fill:#EA4756;" points="255.997,58.347 32.335,271.885 1.062,245.63 240.403,17.693 255.997,3.206 271.591,17.693 
+	510.931,245.63 479.657,271.885 "/>
+<rect x="107.624" y="284.421" style="fill:#C97523;" width="129.567" height="224.371"/>
+<rect x="274.808" y="284.421" style="fill:#A0D9F2;" width="147.55" height="129.567"/>
+<rect x="274.808" y="284.421" style="fill:#C97523;" width="147.55" height="39.372"/>
+<path style="fill:#8E480E;" d="M211.661,403.726h-18.808c-4.329,0-7.837-3.509-7.837-7.837s3.508-7.837,7.837-7.837h18.808
+	c4.329,0,7.837,3.509,7.837,7.837S215.99,403.726,211.661,403.726z"/>
+<circle style="fill:#413740;" cx="256" cy="184.31" r="36.047"/>
+<g>
+	<path style="fill:#8E480E;" d="M237.192,276.587H107.624c-4.329,0-7.837,3.509-7.837,7.837v224.371h15.673V292.26h113.894v216.534
+		h15.673V284.423C245.029,280.094,241.521,276.587,237.192,276.587z"/>
+	<path style="fill:#8E480E;" d="M422.354,276.587H274.808c-4.329,0-7.837,3.509-7.837,7.837v129.567
+		c0,4.328,3.508,7.837,7.837,7.837h147.546c4.329,0,7.837-3.509,7.837-7.837V284.423
+		C430.191,280.094,426.683,276.587,422.354,276.587z M414.517,292.26v23.698H282.645V292.26H414.517z M282.645,406.154v-74.522
+		h131.872v74.522H282.645z"/>
+</g>
+<path style="fill:#EA4756;" d="M256,228.192c-24.198,0-43.884-19.686-43.884-43.884s19.686-43.885,43.884-43.885
+	s43.884,19.686,43.884,43.885C299.884,208.505,280.198,228.192,256,228.192z M256,156.097c-15.555,0-28.21,12.655-28.21,28.211
+	c0,15.555,12.655,28.21,28.21,28.21s28.21-12.655,28.21-28.21C284.21,168.752,271.555,156.097,256,156.097z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/src/assets/images/info.svg b/src/assets/images/info.svg
new file mode 100644
index 0000000..55f49e5
--- /dev/null
+++ b/src/assets/images/info.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><g><path d="m411.28 248.678h-124.147c-19.107 0-34.596-15.489-34.596-34.596v-109.912c0-53.389 43.281-96.67 96.67-96.67 53.389 0 96.67 43.281 96.67 96.67v109.912c-.001 19.107-15.49 34.596-34.597 34.596z" fill="#355f7f"/><path d="m349.207 7.5c-5.102 0-10.111.398-15 1.16 46.266 7.208 81.67 47.223 81.67 95.51v109.912c0 19.107-15.489 34.596-34.596 34.596h30c19.107 0 34.596-15.489 34.596-34.596v-109.912c-.001-53.389-43.281-96.67-96.67-96.67z" fill="#305972"/><g><g><path d="m489.5 397.63v-99.116c0-22.206-15.45-41.421-37.139-46.188l-58.066-12.762c-7.229-1.589-12.38-7.994-12.38-15.396v-48.014h-65.418v48.014c0 7.402-5.15 13.807-12.38 15.396l-58.066 12.762c-21.688 4.767-37.139 23.982-37.139 46.188v99.116z" fill="#aca6d6"/><g><path d="m452.361 252.326-58.066-12.762c-7.229-1.589-12.38-7.994-12.38-15.396v-48.014l-30 15v48.014c0 7.402 5.15 13.807 12.38 15.396l58.066 12.762c21.688 4.767 37.139 23.982 37.139 46.188v84.116h30v-99.116c0-22.206-15.45-41.421-37.139-46.188z" fill="#978ecb"/></g><path d="m430.388 362.489h59.112v39.714h-59.112z" fill="#ffcebf"/><path d="m459.5 362.489h30v35.141h-30z" fill="#ffb09e"/><path d="m208.913 362.489h59.112v39.714h-59.112z" fill="#ffcebf"/><path d="m349.207 271.523c23.972 0 45.295-11.328 58.919-28.919l-13.83-3.04c-7.229-1.589-12.38-7.994-12.38-15.396v-48.014h-65.418v48.014c0 7.402-5.15 13.807-12.38 15.396l-13.83 3.04c13.623 17.591 34.947 28.919 58.919 28.919z" fill="#ffcebf"/><path d="m381.915 224.169v-48.014l-30 15v48.014c0 7.402 5.15 13.807 12.38 15.396l24.713 5.432c7.339-4.651 13.814-10.544 19.117-17.392l-13.83-3.04c-2.711-.598-5.095-1.837-7.094-3.618-3.274-2.915-5.286-7.152-5.286-11.778z" fill="#ffb09e"/><g><path d="m430.388 405.129c-4.143 0-7.5-3.358-7.5-7.5v-49.828c0-4.142 3.357-7.5 7.5-7.5s7.5 3.358 7.5 7.5v49.828c0 4.142-3.358 7.5-7.5 7.5z" fill="#978ecb"/></g><g><path d="m268.025 405.129c-4.143 0-7.5-3.358-7.5-7.5v-49.828c0-4.142 3.357-7.5 7.5-7.5s7.5 3.358 7.5 7.5v49.828c0 4.142-3.357 7.5-7.5 7.5z" fill="#978ecb"/></g></g><path d="m415.876 108.356c0-2.705-2.26-4.863-4.961-4.721-6.023.315-15.612-.3-25.501-5.719-7.618-4.175-12.62-9.669-15.676-13.91-1.63-2.263-4.858-2.588-6.952-.746-6.041 5.313-14.834 11.633-26.561 16.206-19.734 7.695-37.698 6.512-48.196 4.744-2.877-.484-5.492 1.749-5.492 4.666v46.258c0 36.821 29.849 66.67 66.67 66.67 36.821 0 66.67-29.849 66.67-66.67v-46.778z" fill="#ffcebf"/><g><path d="m385.876 155.133c.217 4.078.917 24.978-14.737 41.797-21.351 22.939-52.995 16.662-54.641 16.306 6.079 3.343 14.573 6.902 25.083 8.125 2.686.313 5.237.441 7.626.441 36.821 0 66.67-29.849 66.67-66.67v-46.777c0-2.705-2.259-4.862-4.961-4.721-5.94.311-15.347-.283-25.09-5.496z" fill="#ffb09e"/></g></g></g><path d="m37.5 502v-57.5h437v57.5c0 5.523-4.477 10-10 10h-417c-5.523 0-10-4.477-10-10z" fill="#eaf6ff"/><path d="m444.5 444.5v57.5c0 5.523-4.477 10-10 10h30c5.523 0 10-4.477 10-10v-57.5z" fill="#d8ecfe"/><g><path d="m169.759 388.984h-109.482v-23.158c0-9.29 7.531-16.822 16.822-16.822h75.839c9.29 0 16.822 7.531 16.822 16.822v23.158z" fill="#355f7f"/><path d="m152.938 349.004h-30c9.29 0 16.822 7.531 16.822 16.822v23.158h30v-23.158c-.001-9.29-7.532-16.822-16.822-16.822z" fill="#305972"/><path d="m211.322 308.036h-192.608c-6.194 0-11.214-5.021-11.214-11.214v-124.064c0-6.194 5.021-11.214 11.214-11.214h192.608c6.194 0 11.214 5.021 11.214 11.214v124.064c.001 6.193-5.02 11.214-11.214 11.214z" fill="#355f7f"/><path d="m211.322 161.543h-30c6.193 0 11.214 5.021 11.214 11.214v124.064c0 6.193-5.021 11.214-11.214 11.214h30c6.193 0 11.214-5.021 11.214-11.214v-124.063c.001-6.194-5.02-11.215-11.214-11.215z" fill="#305972"/><path d="m135.16 349.004h-40.283v-100.076c0-5.523 4.477-10 10-10h20.284c5.523 0 10 4.477 10 10v100.076z" fill="#eaf6ff"/></g><path d="m494.5 444.5h-477c-5.523 0-10-4.477-10-10v-35.516c0-5.523 4.477-10 10-10h477c5.523 0 10 4.477 10 10v35.516c0 5.523-4.477 10-10 10z" fill="#c59191"/><path d="m494.5 388.984h-30c5.523 0 10 4.477 10 10v35.516c0 5.523-4.477 10-10 10h30c5.523 0 10-4.477 10-10v-35.516c0-5.523-4.477-10-10-10z" fill="#b98080"/></g><path d="m381.373 152.372c4.143 0 7.5-3.358 7.5-7.5v-12.867c0-4.142-3.357-7.5-7.5-7.5s-7.5 3.358-7.5 7.5v12.867c0 4.142 3.357 7.5 7.5 7.5zm-64.333-27.867c-4.143 0-7.5 3.358-7.5 7.5v12.867c0 4.142 3.357 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-12.867c0-4.142-3.357-7.5-7.5-7.5zm179.96 257.179v-83.174c0-25.531-18.098-48.034-43.029-53.505l-11.548-2.54c6.924-7.582 10.957-17.607 10.957-28.385v-109.91c0-27.818-10.833-53.978-30.508-73.665-19.683-19.672-45.843-30.505-73.662-30.505-57.439 0-104.17 46.73-104.17 104.17v109.91c0 10.777 4.032 20.802 10.955 28.384l-11.556 2.541c-5.07 1.115-9.908 2.928-14.399 5.365v-77.61c0-10.322-8.397-18.72-18.72-18.72h-192.61c-10.316 0-18.71 8.398-18.71 18.72v59.992c0 4.142 3.357 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-59.992c0-2.051 1.664-3.72 3.71-3.72h192.61c2.051 0 3.72 1.668 3.72 3.72v124.06c0 2.051-1.669 3.72-3.72 3.72h-68.66v-51.612c0-9.649-7.851-17.5-17.5-17.5h-20.283c-9.649 0-17.5 7.851-17.5 17.5v51.612h-68.667c-2.046 0-3.71-1.669-3.71-3.72v-29.068c0-4.142-3.357-7.5-7.5-7.5s-7.5 3.358-7.5 7.5v29.068c0 10.322 8.394 18.72 18.71 18.72h68.667v25.964h-10.278c-13.411 0-24.321 10.911-24.321 24.322v15.658h-35.278c-9.649 0-17.5 7.851-17.5 17.5v35.516c0 9.649 7.851 17.5 17.5 17.5h12.5v52.5c0 4.142 3.357 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-52.5h340.759c4.143 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5h-368.259c-1.379 0-2.5-1.122-2.5-2.5v-35.516c0-1.378 1.121-2.5 2.5-2.5h477c1.379 0 2.5 1.122 2.5 2.5v35.516c0 1.378-1.121 2.5-2.5 2.5h-73.741c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h46.241v52.5c0 4.142 3.357 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-52.5h12.5c9.649 0 17.5-7.851 17.5-17.5v-35.516c0-8.798-6.534-16.081-15-17.3zm-394.623-73.586c0-.02.003-.039.003-.058s-.003-.039-.003-.058v-59.054c0-1.378 1.121-2.5 2.5-2.5h20.283c1.379 0 2.5 1.122 2.5 2.5v92.577h-25.283zm59.883 73.386h-94.483v-15.658c0-5.14 4.182-9.322 9.321-9.322h75.839c5.141 0 9.322 4.182 9.322 9.322v15.658zm39.15 0h-24.15v-15.658c0-13.411-10.911-24.322-24.322-24.322h-10.278v-25.964h58.75zm58.63-277.314c0-49.168 40.002-89.17 89.17-89.17 23.814 0 46.209 9.274 63.056 26.112 16.84 16.851 26.114 39.245 26.114 63.058v109.91c0 10.363-5.792 19.643-14.924 24.214l-27.562-6.061c-3.751-.821-6.474-4.212-6.474-8.063v-6.764c20.412-13.228 33.956-36.191 33.956-62.273v-46.777c0-3.342-1.39-6.577-3.812-8.875-2.417-2.294-5.709-3.509-9.041-3.336-5.302.277-13.338-.331-21.505-4.807-5.211-2.855-9.65-6.798-13.196-11.718-2.002-2.778-5.104-4.591-8.509-4.976-3.431-.389-6.885.7-9.48 2.983-7.269 6.392-15.455 11.388-24.333 14.85-17.442 6.802-33.676 6.113-44.227 4.336-3.543-.595-7.153.394-9.902 2.717-2.755 2.33-4.335 5.736-4.335 9.345v46.258c0 26.085 13.547 49.051 33.964 62.277v6.759c0 3.851-2.726 7.242-6.49 8.065l-27.549 6.058c-9.13-4.572-14.921-13.851-14.921-24.213zm63.929 120.706c7.882 2.861 16.38 4.427 25.238 4.427 8.86 0 17.36-1.567 25.244-4.429.31 10.867 8.444 20.38 19.244 22.234-12.157 10.854-27.82 16.915-44.489 16.915-16.668 0-32.331-6.061-44.489-16.915 10.674-2.075 18.954-11.183 19.252-22.232zm-33.933-69.743v-43.035c12.369 1.669 30.008 1.727 48.913-5.646 9.608-3.747 18.525-9.003 26.545-15.646 4.532 5.634 10.009 10.229 16.315 13.686 9.818 5.38 19.44 6.708 26.547 6.708h.02v43.932c0 32.626-26.544 59.17-59.17 59.17s-59.17-26.542-59.17-59.169zm-29.506 226.351h-44.12v-11.495h44.12zm221.47 0h-44.11v-11.495h44.11zm0-26.495h-44.11v-7.189c0-4.142-3.357-7.5-7.5-7.5s-7.5 3.358-7.5 7.5v14.65c0 .013-.002.025-.002.039s.002.026.002.039v18.957h-147.36v-33.685c0-4.142-3.357-7.5-7.5-7.5s-7.5 3.358-7.5 7.5v7.189h-44.12v-40.17c7.853-2.225 13.63-9.442 13.63-17.999v-28.293c5.013-4.378 11.048-7.427 17.62-8.872l39.751-8.742c15.596 17.923 37.856 28.109 61.795 28.109 23.94 0 46.199-10.186 61.795-28.109l39.752 8.742c18.105 3.974 31.247 20.315 31.247 38.855zm-116.32-165.85c3.632-1.992 4.961-6.551 2.97-10.183-1.993-3.631-6.552-4.962-10.183-2.969-2.021 1.108-5.258 2.398-9.462 2.376-3.983-.042-7.124-1.315-9.058-2.375-3.632-1.992-8.191-.664-10.183 2.967s-.664 8.19 2.968 10.183c4.929 2.705 10.502 4.166 16.116 4.224.12.001.239.002.357.002 7.237 0 12.942-2.288 16.475-4.225z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/information.svg b/src/assets/images/information.svg
new file mode 100644
index 0000000..bf757a2
--- /dev/null
+++ b/src/assets/images/information.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <path strokeLinecap="round" strokeLinejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+  </svg>
\ No newline at end of file
diff --git a/src/assets/images/ksrtc.svg b/src/assets/images/ksrtc.svg
new file mode 100644
index 0000000..e2d2df0
--- /dev/null
+++ b/src/assets/images/ksrtc.svg
@@ -0,0 +1,12 @@
+<svg width="21" height="27" viewBox="0 0 21 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.6666 5.0293H2.65611C1.735 5.0293 0.988281 5.85407 0.988281 6.87148V14.2402C0.988281 15.2576 1.735 16.0824 2.65611 16.0824H17.6666C18.5877 16.0824 19.3344 15.2576 19.3344 14.2402V6.87148C19.3344 5.85407 18.5877 5.0293 17.6666 5.0293Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.6666 16.082H2.65611C1.735 16.082 0.988281 16.9068 0.988281 17.9242V21.6086C0.988281 22.626 1.735 23.4508 2.65611 23.4508H17.6666C18.5877 23.4508 19.3344 22.626 19.3344 21.6086V17.9242C19.3344 16.9068 18.5877 16.082 17.6666 16.082Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.6666 5.0291H2.65611C2.21416 5.02773 1.79066 4.83321 1.47815 4.48802C1.16563 4.14284 0.989519 3.67507 0.988281 3.18691V3.18691C0.989519 2.69875 1.16563 2.23098 1.47815 1.8858C1.79066 1.54062 2.21416 1.34609 2.65611 1.34473H17.6666C18.1086 1.34609 18.5321 1.54062 18.8446 1.8858C19.1571 2.23098 19.3332 2.69875 19.3344 3.18691V3.18691C19.3332 3.67507 19.1571 4.14284 18.8446 4.48802C18.5321 4.83321 18.1086 5.02773 17.6666 5.0291V5.0291Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.32401 23.4512V24.7177C4.32401 24.8704 4.26909 25.0168 4.17135 25.1247C4.07361 25.2327 3.94104 25.2934 3.80281 25.2934H2.34346C2.20523 25.2934 2.07266 25.2327 1.97492 25.1247C1.87718 25.0168 1.82227 24.8704 1.82227 24.7177V23.4512H4.32401Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.4998 23.4512V24.7177C18.4998 24.8704 18.4449 25.0168 18.3471 25.1247C18.2494 25.2327 18.1168 25.2934 17.9786 25.2934H16.5192C16.381 25.2934 16.2484 25.2327 16.1507 25.1247C16.053 25.0168 15.998 24.8704 15.998 24.7177V23.4512H18.4998Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.998 20.6879C16.4585 20.6879 16.8319 20.2755 16.8319 19.7668C16.8319 19.2581 16.4585 18.8457 15.998 18.8457C15.5374 18.8457 15.1641 19.2581 15.1641 19.7668C15.1641 20.2755 15.5374 20.6879 15.998 20.6879Z" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M4.32318 20.6879C4.78374 20.6879 5.1571 20.2755 5.1571 19.7668C5.1571 19.2581 4.78374 18.8457 4.32318 18.8457C3.86262 18.8457 3.48926 19.2581 3.48926 19.7668C3.48926 20.2755 3.86262 20.6879 4.32318 20.6879Z" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M10.1611 5.0293V16.0824" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.988281 3.18652V19.7662" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.334 3.18652V19.7662" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/location.svg b/src/assets/images/location.svg
new file mode 100644
index 0000000..996076d
--- /dev/null
+++ b/src/assets/images/location.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M127.994 15.997a88.105 88.105 0 0 0-88 88c0 75.297 80 132.172 83.406 134.555a8.023 8.023 0 0 0 9.188 0c3.406-2.383 83.406-59.258 83.406-134.555a88.105 88.105 0 0 0-88-88zM128 72a32 32 0 1 1-32 32a32 32 0 0 1 32-32z" /></svg>
\ No newline at end of file
diff --git a/src/assets/images/lock.svg b/src/assets/images/lock.svg
new file mode 100644
index 0000000..bfa91b3
--- /dev/null
+++ b/src/assets/images/lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M12 2C9.243 2 7 4.243 7 7v3H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V7c0-2.757-2.243-5-5-5zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9V7zm4 10.723V20h-2v-2.277a1.993 1.993 0 0 1 .567-3.677A2.001 2.001 0 0 1 14 16a1.99 1.99 0 0 1-1 1.723z" fill="#626262"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/logout.svg b/src/assets/images/logout.svg
new file mode 100644
index 0000000..2b38da2
--- /dev/null
+++ b/src/assets/images/logout.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/love.svg b/src/assets/images/love.svg
new file mode 100644
index 0000000..c62039f
--- /dev/null
+++ b/src/assets/images/love.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.205 1.79111C17.6536 1.23583 16.9979 0.795006 16.2756 0.493993C15.5532 0.192979 14.7785 0.037709 13.996 0.0371094C12.5158 0.0373513 11.0897 0.593382 9.99998 1.59511C8.91038 0.593213 7.48419 0.0371559 6.00398 0.0371094C5.22052 0.0379251 4.44495 0.193669 3.72192 0.495378C2.99888 0.797087 2.34265 1.2388 1.79098 1.79511C-0.562019 4.15811 -0.561019 7.85411 1.79298 10.2071L9.99998 18.4141L18.207 10.2071C20.561 7.85411 20.562 4.15811 18.205 1.79111Z" fill="#543585"/>
+</svg>
diff --git a/src/assets/images/main-logo.png b/src/assets/images/main-logo.png
new file mode 100644
index 0000000..0b5cfdf
Binary files /dev/null and b/src/assets/images/main-logo.png differ
diff --git a/src/assets/images/munnar.png b/src/assets/images/munnar.png
new file mode 100644
index 0000000..4138c66
Binary files /dev/null and b/src/assets/images/munnar.png differ
diff --git a/src/assets/images/nearme.svg b/src/assets/images/nearme.svg
new file mode 100644
index 0000000..8906c78
--- /dev/null
+++ b/src/assets/images/nearme.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.27 6.73L13.03 16.86L11.71 13.44L11.39 12.61L10.57 12.29L7.14 10.96L17.27 6.73ZM21 3L3 10.53V11.51L9.84 14.16L12.48 21H13.46L21 3Z" />
+</svg>
diff --git a/src/assets/images/outside-link.svg b/src/assets/images/outside-link.svg
new file mode 100644
index 0000000..1e0933e
--- /dev/null
+++ b/src/assets/images/outside-link.svg
@@ -0,0 +1,5 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.125 14.875L29.75 4.25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.667 4.25H29.7503V11.3333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.75 19.8333V26.9167C29.75 27.6681 29.4515 28.3888 28.9201 28.9201C28.3888 29.4515 27.6681 29.75 26.9167 29.75H7.08333C6.33189 29.75 5.61122 29.4515 5.07986 28.9201C4.54851 28.3888 4.25 27.6681 4.25 26.9167V7.08333C4.25 6.33189 4.54851 5.61122 5.07986 5.07986C5.61122 4.54851 6.33189 4.25 7.08333 4.25H14.1667" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/package-1-default.png b/src/assets/images/package-1-default.png
new file mode 100644
index 0000000..5b58a1a
Binary files /dev/null and b/src/assets/images/package-1-default.png differ
diff --git a/src/assets/images/package-2-default.png b/src/assets/images/package-2-default.png
new file mode 100644
index 0000000..93f77d4
Binary files /dev/null and b/src/assets/images/package-2-default.png differ
diff --git a/src/assets/images/plus.svg b/src/assets/images/plus.svg
new file mode 100644
index 0000000..9b7743c
--- /dev/null
+++ b/src/assets/images/plus.svg
@@ -0,0 +1,15 @@
+<svg
+                        aria-hidden="true"
+                        focusable="false"
+                        data-prefix="fas"
+                        data-icon="plus-square"
+                        width="24"
+                        height="24"
+                        class="svg-inline--fa fa-plus-square fa-w-14"
+                        role="img"
+                        xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 448 512">
+                        <path
+                            fill="currentColor"
+                            d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-32 252c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92H92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"></path>
+                    </svg>
diff --git a/src/assets/images/profilePic.png b/src/assets/images/profilePic.png
new file mode 100644
index 0000000..4e92bf4
Binary files /dev/null and b/src/assets/images/profilePic.png differ
diff --git a/src/assets/images/route.svg b/src/assets/images/route.svg
new file mode 100644
index 0000000..73b2b46
--- /dev/null
+++ b/src/assets/images/route.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="14" viewBox="0 0 12 14" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.52 6.4396L3.57333 7.38634C3.02464 6.83776 2.61544 6.16565 2.38 5.42634L3.67333 5.09967C3.88667 5.69301 4.18667 6.09967 4.52 6.43967ZM5.33333 2.99967L2.66667 0.333008L0 2.99967H2.01333C2.02667 3.53967 2.06667 4.02634 2.14 4.44634L3.43333 4.11967C3.38667 3.79967 3.35333 3.41967 3.34667 2.99967H5.33333ZM12 2.99967L9.33333 0.333008L6.66667 2.99967H8.66C8.59333 5.45301 7.80667 6.16634 6.96667 6.91967C6.63333 7.21301 6.29333 7.53301 6 7.95301C5.77333 7.62634 5.51333 7.36634 5.24667 7.12634L4.30667 8.06634C4.92667 8.63301 5.33333 9.09301 5.33333 10.333V13.6663H6.66667V10.333C6.66667 8.98634 7.14 8.55967 7.86 7.91301C8.78 7.08634 9.91333 6.05967 9.99333 2.99967H12Z" />
+</svg>
diff --git a/src/assets/images/run.svg b/src/assets/images/run.svg
new file mode 100644
index 0000000..f878d71
--- /dev/null
+++ b/src/assets/images/run.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><circle cx="17" cy="4" r="2" fill="#626262"/><path d="M15.777 10.969a2.007 2.007 0 0 0 2.148.83l3.316-.829l-.483-1.94l-3.316.829l-1.379-2.067a2.01 2.01 0 0 0-1.272-.854l-3.846-.77a1.998 1.998 0 0 0-2.181 1.067l-1.658 3.316l1.789.895l1.658-3.317l1.967.394L7.434 17H3v2h4.434c.698 0 1.355-.372 1.715-.971l1.918-3.196l5.169 1.034l1.816 5.449l1.896-.633l-1.815-5.448a2.007 2.007 0 0 0-1.506-1.33l-3.039-.607l1.772-2.954l.417.625z" /></svg>
\ No newline at end of file
diff --git a/src/assets/images/rupee.svg b/src/assets/images/rupee.svg
new file mode 100644
index 0000000..46f2efe
--- /dev/null
+++ b/src/assets/images/rupee.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.3333 5.00033V3.66699H4V5.00033H6.33333C7.20133 5.00033 7.934 5.55899 8.21 6.33366H4V7.66699H8.21C8.07315 8.05581 7.81928 8.39273 7.48326 8.63147C7.14723 8.87021 6.74553 8.99906 6.33333 9.00033H4V10.6097L7.724 14.3337H9.60933L5.60933 10.3337H6.33333C7.10131 10.3326 7.84544 10.0668 8.44026 9.58106C9.03508 9.09529 9.44421 8.41927 9.59867 7.66699H11.3333V6.33366H9.59867C9.49647 5.84846 9.28589 5.39265 8.98267 5.00033H11.3333Z" />
+</svg>
diff --git a/src/assets/images/search.svg b/src/assets/images/search.svg
new file mode 100644
index 0000000..9d06db1
--- /dev/null
+++ b/src/assets/images/search.svg
@@ -0,0 +1,3 @@
+<svg width="21" height="23" viewBox="0 0 21 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.4748 20.2718L16.6943 16.1084C17.9141 14.3921 18.5759 12.2726 18.5734 10.0906C18.5734 8.14743 18.0517 6.24787 17.0743 4.63215C16.0969 3.01644 14.7077 1.75714 13.0823 1.01351C11.457 0.269882 9.66845 0.0753142 7.94297 0.454414C6.21748 0.833514 4.63253 1.76925 3.38852 3.14331C2.14452 4.51736 1.29734 6.26801 0.954124 8.17387C0.610904 10.0797 0.787057 12.0552 1.46031 13.8505C2.13356 15.6458 3.27367 17.1802 4.73646 18.2598C6.19925 19.3394 7.91903 19.9156 9.67832 19.9156C11.6538 19.9183 13.5727 19.1873 15.1266 17.8401L18.8959 22.0157C18.9992 22.1308 19.1222 22.2222 19.2577 22.2846C19.3932 22.3469 19.5385 22.379 19.6853 22.379C19.8321 22.379 19.9774 22.3469 20.1129 22.2846C20.2484 22.2222 20.3714 22.1308 20.4748 22.0157C20.579 21.9016 20.6617 21.7657 20.7181 21.6161C20.7746 21.4664 20.8036 21.3059 20.8036 21.1438C20.8036 20.9816 20.7746 20.8211 20.7181 20.6714C20.6617 20.5218 20.579 20.386 20.4748 20.2718ZM3.00698 10.0906C3.00698 8.63323 3.39825 7.20856 4.13131 5.99677C4.86436 4.78499 5.90628 3.84052 7.12531 3.28279C8.34433 2.72507 9.68572 2.57914 10.9798 2.86347C12.2739 3.14779 13.4627 3.8496 14.3957 4.88014C15.3287 5.91068 15.964 7.22366 16.2215 8.65306C16.4789 10.0825 16.3468 11.5641 15.8418 12.9105C15.3369 14.257 14.4818 15.4078 13.3847 16.2175C12.2876 17.0272 10.9978 17.4594 9.67832 17.4594C7.90897 17.4594 6.21209 16.683 4.96097 15.3011C3.70986 13.9192 3.00698 12.0449 3.00698 10.0906Z" fill="black"/>
+</svg>
diff --git a/src/assets/images/settings.svg b/src/assets/images/settings.svg
new file mode 100644
index 0000000..0df706b
--- /dev/null
+++ b/src/assets/images/settings.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+  <path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/star.svg b/src/assets/images/star.svg
new file mode 100644
index 0000000..387794d
--- /dev/null
+++ b/src/assets/images/star.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/ticket.svg b/src/assets/images/ticket.svg
new file mode 100644
index 0000000..d1b5a6e
--- /dev/null
+++ b/src/assets/images/ticket.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 10V6C22 5.46957 21.7893 4.96086 21.4142 4.58579C21.0391 4.21071 20.5304 4 20 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V10C2.53043 10 3.03914 10.2107 3.41421 10.5858C3.78929 10.9609 4 11.4696 4 12C4 12.5304 3.78929 13.0391 3.41421 13.4142C3.03914 13.7893 2.53043 14 2 14V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V14C20.9 14 20 13.1 20 12C20 10.9 20.9 10 22 10ZM20 8.54C18.81 9.23 18 10.53 18 12C18 13.47 18.81 14.77 20 15.46V18H4V15.46C5.19 14.77 6 13.47 6 12C6 10.5 5.2 9.23 4 8.54V6H20V8.54ZM11 15H13V17H11V15ZM11 11H13V13H11V11ZM11 7H13V9H11V7Z" />
+</svg>
diff --git a/src/assets/images/time.svg b/src/assets/images/time.svg
new file mode 100644
index 0000000..431024c
--- /dev/null
+++ b/src/assets/images/time.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.02643 8.68703L4.60643 7.26703L3.89976 7.9737L6.01976 10.0937L10.0198 6.0937L9.31309 5.38703L6.02643 8.68703ZM10.5578 0.207031L13.6291 2.77036L12.7758 3.7937L9.70243 1.2317L10.5578 0.207031ZM3.44176 0.207031L4.29643 1.23103L1.22443 3.7937L0.371094 2.7697L3.44176 0.207031ZM6.99976 1.66703C5.40837 1.66712 3.8822 2.29938 2.75698 3.42472C1.63176 4.55007 0.999672 6.07631 0.999761 7.6677C0.999849 9.25909 1.63211 10.7853 2.75745 11.9105C3.8828 13.0357 5.40904 13.6678 7.00043 13.6677C7.7884 13.6677 8.56865 13.5124 9.29663 13.2108C10.0246 12.9092 10.6861 12.4672 11.2432 11.91C11.8004 11.3528 12.2423 10.6913 12.5438 9.96329C12.8453 9.23527 13.0005 8.45501 13.0004 7.66703C13.0004 6.87906 12.8451 6.09881 12.5436 5.37083C12.242 4.64285 11.7999 3.9814 11.2427 3.42425C10.6855 2.8671 10.024 2.42516 9.29601 2.12365C8.568 1.82215 7.78774 1.66699 6.99976 1.66703ZM6.99976 12.3337C4.42643 12.3337 2.33309 10.2404 2.33309 7.66703C2.33309 5.0937 4.42643 3.00036 6.99976 3.00036C9.57309 3.00036 11.6664 5.0937 11.6664 7.66703C11.6664 10.2404 9.57309 12.3337 6.99976 12.3337Z" fill="black"/>
+</svg>
diff --git a/src/assets/images/todo.svg b/src/assets/images/todo.svg
new file mode 100644
index 0000000..914328e
--- /dev/null
+++ b/src/assets/images/todo.svg
@@ -0,0 +1,3 @@
+<svg width="21" height="30" viewBox="0 0 21 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 30H18.9V17.4419H21V30ZM4.942 17.4419H2.8L0 30H2.142L4.942 17.4419ZM13.3 5.5814C14.84 5.5814 16.1 4.32558 16.1 2.7907C16.1 1.25581 14.84 0 13.3 0C11.76 0 10.5 1.25581 10.5 2.7907C10.5 4.32558 11.76 5.5814 13.3 5.5814ZM8.12 10.3256L4.2 30H7.14L9.66 18.8372L12.6 21.6279V30H15.4V19.5349L12.46 16.7442L13.3 12.5581C15.12 14.6512 17.92 16.0465 21 16.0465V13.2558C18.34 13.2558 16.1 11.8605 14.98 9.90698L13.58 7.67442C13.2019 7.07185 12.621 6.62304 11.9413 6.40829C11.2616 6.19354 10.5273 6.22688 9.87 6.50233L2.8 9.48837V16.0465H5.6V11.3023L8.12 10.3256Z" />
+</svg>
diff --git a/src/assets/images/trash.svg b/src/assets/images/trash.svg
new file mode 100644
index 0000000..d25d0bb
--- /dev/null
+++ b/src/assets/images/trash.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g id="XMLID_50_"><path id="XMLID_1066_" d="m48 106.083h416v52h-416z" fill="#e0ef9b"/><path id="XMLID_1063_" d="m401.835 10h-291.67l-26.138 96.083h343.946z" fill="#d5ea79"/><path id="XMLID_1061_" d="m110.163 502h291.674l26.139-343.913h-343.952z" fill="#d5ea79"/><path id="XMLID_1060_" d="m352.5 10h-193v24.771c0 12.852 10.419 23.271 23.271 23.271h146.458c12.852 0 23.271-10.419 23.271-23.271z" fill="#cbe558"/><path id="XMLID_1737_" d="m271.667 243.771 66.73 115.579c6.963 12.06-1.741 27.136-15.667 27.136h-133.46c-13.926 0-22.63-15.075-15.667-27.136l66.73-115.579c6.963-12.061 24.371-12.061 31.334 0z" fill="#e0ef9b"/><g id="XMLID_374_"><path id="XMLID_1615_" d="m464 96.083h-28.384l-24.132-88.708c-1.184-4.354-5.137-7.375-9.649-7.375h-291.67c-4.512 0-8.465 3.021-9.649 7.375l-24.132 88.708h-28.384c-5.522 0-10 4.477-10 10v52c0 5.523 4.478 10 10 10h26.755l25.437 334.674c.396 5.214 4.743 9.242 9.972 9.242h291.674c5.229 0 9.575-4.028 9.972-9.242l25.437-334.674h26.753c5.522 0 10-4.477 10-10v-52c0-5.522-4.478-10-10-10zm-121.5-76.083v14.771c0 7.317-5.953 13.271-13.271 13.271h-146.458c-7.317 0-13.271-5.953-13.271-13.271v-14.771zm-224.691 0h31.691v14.771c0 18.345 14.925 33.271 33.271 33.271h146.459c18.346 0 33.271-14.925 33.271-33.271v-14.771h31.691l20.697 76.083h-317.778zm336.191 128.083h-153c-5.522 0-10 4.477-10 10s4.478 10 10 10h116.187l-24.619 323.917h-273.136l-24.619-323.917h116.187c5.522 0 10-4.477 10-10s-4.478-10-10-10h-153v-32h396z"/><path id="XMLID_1677_" d="m256 224.726c-10.155 0-19.25 5.25-24.327 14.045l-24.506 42.446-20.544 5.504c-5.335 1.429-8.501 6.913-7.071 12.247 1.43 5.335 6.914 8.502 12.247 7.071l1.226-.329-28.082 48.639c-5.077 8.795-5.077 19.296 0 28.091 5.078 8.794 14.172 14.045 24.327 14.045h48.73l15.402 15.402c1.953 1.952 4.512 2.929 7.071 2.929s5.118-.977 7.071-2.929c3.905-3.905 3.905-10.237 0-14.143l-1.26-1.26h56.444c10.155 0 19.249-5.25 24.327-14.045 5.077-8.795 5.077-19.296 0-28.091l-24.243-41.991 5.597-20.887c1.43-5.334-1.736-10.818-7.071-12.248-5.332-1.431-10.817 1.737-12.247 7.071l-.42 1.569-28.344-49.094c-5.077-8.792-14.172-14.042-24.327-14.042zm73.736 147.714c-.702 1.216-2.791 4.045-7.007 4.045h-56.444l1.26-1.26c3.905-3.905 3.905-10.237 0-14.143-3.906-3.904-10.236-3.904-14.143 0l-15.402 15.403h-48.729c-4.216 0-6.305-2.829-7.007-4.045s-2.107-4.439 0-8.09l28.445-49.268.594 2.218c1.197 4.468 5.237 7.414 9.653 7.414.856 0 1.728-.111 2.594-.343 5.335-1.43 8.501-6.913 7.071-12.248l-5.771-21.535 24.143-41.817c2.108-3.651 5.603-4.045 7.007-4.045s4.898.394 7.007 4.045l28.456 49.287-1.874-.502c-5.337-1.429-10.817 1.737-12.247 7.071-1.43 5.335 1.736 10.818 7.071 12.248l21.191 5.678 24.132 41.798c2.108 3.649.702 6.873 0 8.089z"/><path id="XMLID_1679_" d="m256 168.09c2.63 0 5.21-1.07 7.069-2.93 1.86-1.86 2.931-4.44 2.931-7.07s-1.07-5.21-2.931-7.07c-1.859-1.86-4.439-2.93-7.069-2.93s-5.21 1.07-7.07 2.93-2.93 4.43-2.93 7.07c0 2.63 1.069 5.21 2.93 7.07 1.86 1.86 4.44 2.93 7.07 2.93z"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/trek-1.jpg b/src/assets/images/trek-1.jpg
new file mode 100644
index 0000000..92dd51e
Binary files /dev/null and b/src/assets/images/trek-1.jpg differ
diff --git a/src/assets/images/trek-2.jpg b/src/assets/images/trek-2.jpg
new file mode 100644
index 0000000..1c25e4a
Binary files /dev/null and b/src/assets/images/trek-2.jpg differ
diff --git a/src/assets/images/trek-bg.jpg b/src/assets/images/trek-bg.jpg
new file mode 100644
index 0000000..c6543bf
Binary files /dev/null and b/src/assets/images/trek-bg.jpg differ
diff --git a/src/assets/images/up-right.svg b/src/assets/images/up-right.svg
new file mode 100644
index 0000000..b3b2ba1
--- /dev/null
+++ b/src/assets/images/up-right.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 4L4 12" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33301 4H11.9997V10.6667" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/user-filled.svg b/src/assets/images/user-filled.svg
new file mode 100644
index 0000000..efe4764
--- /dev/null
+++ b/src/assets/images/user-filled.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><defs/><path d="M26.749 24.93A13.99 13.99 0 1 0 2 16a13.899 13.899 0 0 0 3.251 8.93l-.02.017c.07.084.15.156.222.239c.09.103.187.2.28.3c.28.304.568.596.87.87c.092.084.187.162.28.242c.32.276.649.538.99.782c.044.03.084.069.128.1v-.012a13.901 13.901 0 0 0 16 0v.012c.044-.031.083-.07.128-.1c.34-.245.67-.506.99-.782c.093-.08.188-.159.28-.242c.302-.275.59-.566.87-.87c.093-.1.189-.197.28-.3c.071-.083.152-.155.222-.24zM16 8a4.5 4.5 0 1 1-4.5 4.5A4.5 4.5 0 0 1 16 8zM8.007 24.93A4.996 4.996 0 0 1 13 20h6a4.996 4.996 0 0 1 4.993 4.93a11.94 11.94 0 0 1-15.986 0z" fill="#626262"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/user.svg b/src/assets/images/user.svg
new file mode 100644
index 0000000..56f9557
--- /dev/null
+++ b/src/assets/images/user.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 9C16 10.0609 15.5786 11.0783 14.8284 11.8284C14.0783 12.5786 13.0609 13 12 13C10.9391 13 9.92172 12.5786 9.17157 11.8284C8.42143 11.0783 8 10.0609 8 9C8 7.93913 8.42143 6.92172 9.17157 6.17157C9.92172 5.42143 10.9391 5 12 5C13.0609 5 14.0783 5.42143 14.8284 6.17157C15.5786 6.92172 16 7.93913 16 9ZM14 9C14 9.53043 13.7893 10.0391 13.4142 10.4142C13.0391 10.7893 12.5304 11 12 11C11.4696 11 10.9609 10.7893 10.5858 10.4142C10.2107 10.0391 10 9.53043 10 9C10 8.46957 10.2107 7.96086 10.5858 7.58579C10.9609 7.21071 11.4696 7 12 7C12.5304 7 13.0391 7.21071 13.4142 7.58579C13.7893 7.96086 14 8.46957 14 9Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12C1 18.075 5.925 23 12 23C18.075 23 23 18.075 23 12C23 5.925 18.075 1 12 1ZM3 12C3 14.09 3.713 16.014 4.908 17.542C5.74723 16.4399 6.8299 15.5467 8.07143 14.9323C9.31297 14.3179 10.6797 13.9988 12.065 14C13.4323 13.9987 14.7819 14.3095 16.0109 14.9088C17.2399 15.508 18.316 16.3799 19.157 17.458C20.0234 16.3216 20.6068 14.9952 20.8589 13.5886C21.111 12.182 21.0244 10.7355 20.6065 9.36898C20.1886 8.00243 19.4512 6.75505 18.4555 5.73004C17.4598 4.70503 16.2343 3.93186 14.8804 3.47451C13.5265 3.01716 12.0832 2.88877 10.6699 3.09997C9.25652 3.31117 7.91379 3.85589 6.75277 4.68905C5.59175 5.52222 4.64581 6.61987 3.99323 7.8912C3.34065 9.16252 3.00018 10.571 3 12ZM12 21C9.93395 21.0031 7.93027 20.2923 6.328 18.988C6.97293 18.0647 7.83134 17.3109 8.83019 16.7907C9.82905 16.2705 10.9388 15.9992 12.065 16C13.1772 15.9991 14.2735 16.2636 15.2629 16.7714C16.2524 17.2793 17.1064 18.0159 17.754 18.92C16.1393 20.2667 14.1026 21.0029 12 21Z" />
+</svg>
diff --git a/src/components/Activity/index.js b/src/components/Activity/index.js
new file mode 100644
index 0000000..9bb8ad1
--- /dev/null
+++ b/src/components/Activity/index.js
@@ -0,0 +1,56 @@
+import React, { useEffect } from "react";
+import Banner from "../Common/PlacesBanner";
+import Heading from "../Common/Heading";
+import PlacesTab from "../Common/PlacesTab";
+import { getActivity } from "../../data/dataUtils";
+import NotFound from "../Common/NotFound";
+
+export default function Activity({ id }) {
+    // get all the details of a activity
+    const activityFull = getActivity(id, true);
+
+    useEffect(() => {
+        window.scrollTo(0, 0);
+    }, []);
+
+    if (!activityFull) {
+        return <NotFound name="activity" />;
+    }
+
+    const activity = Object.keys(activityFull).reduce((acc, key) => {
+        let newKey = key.replace("activity", "");
+        newKey = `${newKey.charAt(0).toLowerCase()}${newKey.slice(1)}`;
+        return {
+            ...acc,
+            [newKey]: activityFull[key],
+        };
+    }, {});
+
+    // change the coordinate keys for reusing components
+    activity.latitude = activity.coordinateslat;
+    activity.longitude = activity.coordinateslon;
+    activity.bookingDetails = {
+        bookingContactNumber: activity.bookingContactNumber,
+        bookingContactName: activity.bookingContactName,
+        bookingLink: activity.bookinglink,
+    };
+
+    const onLike = (status) => {
+        // save to local storage
+    };
+
+    return (
+        <div className="w-full bg-gray-200">
+            <div className="max-w-5xl mx-auto bg-white">
+                <Banner
+                    route={activity.route}
+                    image={activity.bannerImg}
+                    onLike={onLike}
+                />
+                <Heading place={activity} className="pt-2 px-8 md:px-10" />
+
+                <PlacesTab place={activity} className="px-8 md:px-10" />
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/Common/ActivitiesContainer.js b/src/components/Common/ActivitiesContainer.js
new file mode 100644
index 0000000..8fa5b73
--- /dev/null
+++ b/src/components/Common/ActivitiesContainer.js
@@ -0,0 +1,12 @@
+import React from "react";
+import Activity from "./Activity";
+
+export default function ActivitiesContainer({ activities, className }) {
+    return (
+        <div className={`grid grid-cols-3 md:grid-cols-5 ${className}`}>
+            {activities.map((activity) => (
+                <Activity key={activity.activityTagsId} activity={activity} />
+            ))}
+        </div>
+    );
+}
diff --git a/src/components/Common/Activity.js b/src/components/Common/Activity.js
new file mode 100644
index 0000000..e56d562
--- /dev/null
+++ b/src/components/Common/Activity.js
@@ -0,0 +1,26 @@
+import React from "react";
+import { A } from "hookrouter";
+
+export default function Activity({ activity }) {
+    const {
+        // activityTagId,
+        activityTagName,
+        activityTagIconUrl,
+    } = activity;
+
+    return (
+        <A
+            href="#"
+            className="px-4 py-4 flex flex-col items-center justify-center focus:outline-none">
+            <img
+                name="todo"
+                color="black"
+                alt=""
+                className="w-12 h-12"
+                size={12}
+                src={activityTagIconUrl}
+            />
+            <span className="text-sm mt-3">{activityTagName}</span>
+        </A>
+    );
+}
diff --git a/src/components/Common/BackButton.js b/src/components/Common/BackButton.js
new file mode 100644
index 0000000..b172512
--- /dev/null
+++ b/src/components/Common/BackButton.js
@@ -0,0 +1,10 @@
+import React from "react";
+// import Icon from "./Icon";
+
+export default function BackButton({ color = "black" }) {
+    return (
+        <button className="absolute z-10 top-3 left-3">
+            {/* <Icon name="back" color={color} size={8} /> */}
+        </button>
+    );
+}
diff --git a/src/components/Common/BookingModal.js b/src/components/Common/BookingModal.js
new file mode 100644
index 0000000..67d9cff
--- /dev/null
+++ b/src/components/Common/BookingModal.js
@@ -0,0 +1,64 @@
+import React from "react";
+import Icon from "./Icon";
+import Modal from "./Modal";
+
+const BookingModal = ({ details, onClose }) => {
+    const { bookingLink, bookingContactName, bookingContactNumber } = details;
+    const phoneNumbers = bookingContactNumber.split(" ").join("").split("\n");
+    return (
+        <Modal title="Booking Options" onClose={onClose}>
+            <div className="py-2 flex flex-col space-y-5">
+                {bookingLink && (
+                    <a
+                        href={details.bookingLink}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="border border-black p-6 rounded-lg flex items-center">
+                        <Icon
+                            name="outsideLink"
+                            color="black"
+                            stroke={true}
+                            className="stroke-current text-black"
+                            size={12}
+                        />
+                        <div className="flex flex-1 flex-col ml-4 justify-center">
+                            <div className="text-lg font-semibold mb-1">
+                                Book Online
+                            </div>
+                            <div className="text-sm text-gray-600">
+                                {bookingLink}
+                            </div>
+                        </div>
+                    </a>
+                )}
+                {bookingContactName && bookingContactNumber && (
+                    <div className="border border-black p-6 rounded-lg flex items-center">
+                        <Icon
+                            name="hotelUser"
+                            color="black"
+                            stroke={false}
+                            className="stroke-current text-black"
+                            size={12}
+                        />
+                        <div className="flex flex-1 flex-col ml-4 justify-center">
+                            <div className="text-lg font-semibold mb-1">
+                                {bookingContactName}
+                            </div>
+                            <div className="flex space-x-2">
+                                {phoneNumbers.map((phoneNumber) => (
+                                    <a
+                                        href={`tel:${phoneNumber}`}
+                                        className="text-sm font-medium underline">
+                                        {phoneNumber}
+                                    </a>
+                                ))}
+                            </div>
+                        </div>
+                    </div>
+                )}
+            </div>
+        </Modal>
+    );
+};
+
+export default BookingModal;
diff --git a/src/components/Common/Button.js b/src/components/Common/Button.js
new file mode 100644
index 0000000..a256a44
--- /dev/null
+++ b/src/components/Common/Button.js
@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function Button() {
+    return <div>Button</div>;
+}
diff --git a/src/components/Common/Description.js b/src/components/Common/Description.js
new file mode 100644
index 0000000..606e5ba
--- /dev/null
+++ b/src/components/Common/Description.js
@@ -0,0 +1,44 @@
+import React from "react";
+import TruncatedText from "../Common/TruncatedText";
+
+export default function Description({ description, flaura, challanges }) {
+    return (
+        <div className="">
+            <TruncatedText
+                content={description}
+                maxLength={200}
+                className="leading-relaxed py-6 md:py-10"
+            />
+            <div className="flex flex-wrap">
+                {challanges &&
+                    challanges.map((challange) => (
+                        <div
+                            key={challange.challengeId}
+                            className="rounded-full mr-3 text-sm font-semibold bg-gray-300 py-0.5 px-3 my-1 capitalize">
+                            {challange.challangeName}
+                        </div>
+                    ))}
+            </div>
+
+            <div className="grid grid-cols-2 md:grid-cols-3 gap-x-4 gap-y-8 py-10">
+                {flaura &&
+                    flaura.map((item) => (
+                        <div
+                            className="w-full overflow-hidden bg-white rounded-lg shadow-md"
+                            key={item.ffId}>
+                            <div className="relative w-full">
+                                <img
+                                    className="pb-9/16 w-full h-full bg-gray-200"
+                                    src={item.ffImage}
+                                    alt={item.ffName}
+                                />
+                            </div>
+                            <span className="block px-5 font-semibold pt-3 pb-6">
+                                {item.ffName}
+                            </span>
+                        </div>
+                    ))}
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/Common/DestinationCard.js b/src/components/Common/DestinationCard.js
new file mode 100644
index 0000000..cc0fbab
--- /dev/null
+++ b/src/components/Common/DestinationCard.js
@@ -0,0 +1,48 @@
+import React, { useState } from "react";
+import { A } from "hookrouter";
+import Icon from "./Icon";
+
+export default function DestinationCard({ data }) {
+    const [liked, setLiked] = useState(data.liked);
+    const {
+        bannerImg,
+        routeDestination,
+        destinationDescription,
+        destinationId,
+    } = data;
+
+    const like = () => {
+        setLiked(!liked);
+        // store liked destination in local storage
+    };
+
+    return (
+        <div className="bg-white flex-none shadow-lg rounded-lg overflow-hidden w-3/4 md:w-1/2 lg:w-1/4 xl:w-96 mr-8 md:mr-16">
+            <div className="relative pb-9/16">
+                <img
+                    src={bannerImg}
+                    className="absolute w-full h-full object-cover"
+                    alt=""
+                />
+                <button
+                    className="absolute flex items-center justify-center right-2 top-2 w-12 h-12 rounded-full focus:outline-none"
+                    onClick={like}>
+                    <Icon
+                        name="heart"
+                        color={liked ? "red-500" : "white"}
+                        stroke={!liked}
+                        size={9}
+                    />
+                </button>
+            </div>
+            <A href={`/destination/${destinationId}`}>
+                <div className="py-6 px-3 md:px-6">
+                    <h3 className="font-semibold">{routeDestination}</h3>
+                    <p className="text-gray-600 text-sm">
+                        {destinationDescription.substring(0, 80) + "..."}
+                    </p>
+                </div>
+            </A>
+        </div>
+    );
+}
diff --git a/src/components/Common/DestinationContainer.js b/src/components/Common/DestinationContainer.js
new file mode 100644
index 0000000..5af2b3a
--- /dev/null
+++ b/src/components/Common/DestinationContainer.js
@@ -0,0 +1,18 @@
+import React from "react";
+import DestinationCard from "./DestinationCard";
+
+export default function DestinationContainer({ destinations, className = "" }) {
+    return (
+        <section className={className}>
+            <h2 className="px-8 md:px-10 font-semibold text-black text-xl">
+                Destinations
+            </h2>
+
+            <div className="flex overflow-x-auto py-6 md:py-12 px-8 md:px-10">
+                {destinations.map((destination, id) => (
+                    <DestinationCard key={id} data={destination} />
+                ))}
+            </div>
+        </section>
+    );
+}
diff --git a/src/components/Common/Heading.js b/src/components/Common/Heading.js
new file mode 100644
index 0000000..a64371a
--- /dev/null
+++ b/src/components/Common/Heading.js
@@ -0,0 +1,129 @@
+import React, { useState } from "react";
+import Star from "./Star";
+import Icon from "./Icon";
+import BookingModal from "./BookingModal";
+
+const Heading = ({ place, className }) => {
+    const [showBookingModal, setShowBookingModal] = useState(false);
+    const closeBookingModal = () => {
+        setShowBookingModal(false);
+    };
+    const {
+        name,
+        rating,
+        price,
+        difficulty,
+        openTime,
+        closeTime,
+        availability,
+        latitude,
+        longitude,
+        bookingDetails,
+    } = place;
+
+    const numReviews = place.reviews?.length || 0;
+
+    const difficultyStyle = {
+        easy: "text-green-500 border-green-500",
+        challenging: "text-yellow-500 border-yellow-500",
+        adventurer: "text-red-500 border-red-500",
+    };
+
+    return (
+        <div className={className}>
+            <h1 className="font-semibold text-xl">{name}</h1>
+
+            <div className="flex py-1.5 items-center space-x-4">
+                {difficulty && (
+                    <div
+                        className={`px-2 py-0.5 border-2 mr-1 text-sm rounded-md flex items-center justify-center font-semibold capitalize ${
+                            difficultyStyle[difficulty.toLowerCase()]
+                        }`}>
+                        {difficulty}
+                    </div>
+                )}
+                <div className="flex">
+                    <Star num={rating} />
+                </div>
+                <div className="text-cyan-600">
+                    {numReviews} Review{numReviews !== 1 && "s"}
+                </div>
+            </div>
+
+            <div className="flex flex-wrap justify-start py-2">
+                {price && (
+                    <div className="flex items-center space-x-1 py-1 mr-6">
+                        <Icon
+                            name="rupee"
+                            color="black"
+                            className="fill-current text-black"
+                            size={5}
+                        />
+                        <span className="text-sm">{price} INR</span>
+                    </div>
+                )}
+                {openTime && closeTime && (
+                    <div className="flex items-center space-x-1 py-1 mr-6">
+                        <Icon
+                            name="alarm"
+                            color="black"
+                            className="fill-current text-black"
+                            size={5}
+                        />
+                        <span className="text-sm">
+                            {openTime} - {closeTime}
+                        </span>
+                    </div>
+                )}
+                {availability && (
+                    <div className="flex items-center space-x-1 py-1 mr-6">
+                        <Icon
+                            name="available"
+                            color="black"
+                            className="fill-current text-black"
+                            size={5}
+                        />
+                        <span className="text-sm">{availability}</span>
+                    </div>
+                )}
+            </div>
+
+            <div className="grid grid-cols-2 grid-rows-1 gap-4 md:gap-12 pt-2 md:pt-4">
+                {latitude && longitude && (
+                    <a
+                        href={`https://maps.google.com/?q=${latitude},${longitude}`}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="flex py-2 items-center justify-center rounded-full border border-black">
+                        <span className="text-center">Open In Maps</span>
+                        <Icon
+                            name="upRight"
+                            size={6}
+                            stroke={true}
+                            className="ml-2 stroke-current text-black"
+                            color="black"
+                        />
+                    </a>
+                )}
+
+                {bookingDetails && (
+                    <>
+                        <button
+                            onClick={() => setShowBookingModal(true)}
+                            className="flex font-medium py-2 items-center justify-center rounded-full border border-black bg-black text-white">
+                            <span className="text-center">Book</span>
+                        </button>
+                        {showBookingModal && (
+                            <BookingModal
+                                onClose={closeBookingModal}
+                                details={bookingDetails}
+                            />
+                        )}
+                    </>
+                )}
+            </div>
+        </div>
+    );
+};
+
+export default Heading;
diff --git a/src/components/Common/Icon.js b/src/components/Common/Icon.js
new file mode 100644
index 0000000..fd8e8fc
--- /dev/null
+++ b/src/components/Common/Icon.js
@@ -0,0 +1,118 @@
+import React from "react";
+import { ReactComponent as NearMe } from "../../assets/images/nearme.svg";
+import { ReactComponent as Ticket } from "../../assets/images/ticket.svg";
+import { ReactComponent as Earth } from "../../assets/images/earth.svg";
+import { ReactComponent as Diary } from "../../assets/images/diary.svg";
+import { ReactComponent as User } from "../../assets/images/user.svg";
+import { ReactComponent as Plus } from "../../assets/images/plus.svg";
+import { ReactComponent as Filter } from "../../assets/images/filter.svg";
+import { ReactComponent as Location } from "../../assets/images/location.svg";
+import { ReactComponent as Run } from "../../assets/images/run.svg";
+import { ReactComponent as Clock } from "../../assets/images/clock.svg";
+import { ReactComponent as AddUser } from "../../assets/images/add-user.svg";
+import { ReactComponent as EditUser } from "../../assets/images/edit-user.svg";
+import { ReactComponent as Lock } from "../../assets/images/lock.svg";
+import { ReactComponent as Search } from "../../assets/images/search.svg";
+import { ReactComponent as Star } from "../../assets/images/star.svg";
+import { ReactComponent as Back } from "../../assets/images/back.svg";
+import { ReactComponent as UserFilled } from "../../assets/images/user-filled.svg";
+import { ReactComponent as CarSide } from "../../assets/images/carside.svg";
+import { ReactComponent as Bed } from "../../assets/images/bed.svg";
+import { ReactComponent as Food } from "../../assets/images/fast-food.svg";
+import { ReactComponent as House } from "../../assets/images/house.svg";
+import { ReactComponent as Info } from "../../assets/images/info.svg";
+import { ReactComponent as Trash } from "../../assets/images/trash.svg";
+import { ReactComponent as Chat } from "../../assets/images/chat.svg";
+import { ReactComponent as Logout } from "../../assets/images/logout.svg";
+import { ReactComponent as Settings } from "../../assets/images/settings.svg";
+
+import { ReactComponent as Love } from "../../assets/images/love.svg";
+import { ReactComponent as Route } from "../../assets/images/route.svg";
+import { ReactComponent as Time } from "../../assets/images/time.svg";
+import { ReactComponent as Date } from "../../assets/images/date.svg";
+
+import { ReactComponent as KSRTC } from "../../assets/images/ksrtc.svg";
+import { ReactComponent as Heart } from "../../assets/images/heart.svg";
+import { ReactComponent as Close } from "../../assets/images/close.svg";
+import { ReactComponent as Information } from "../../assets/images/information.svg";
+import { ReactComponent as Todo } from "../../assets/images/todo.svg";
+import { ReactComponent as FoodDrinks } from "../../assets/images/food.svg";
+import { ReactComponent as Amenities } from "../../assets/images/amenities.svg";
+import { ReactComponent as CaretLeft } from "../../assets/images/caret-left.svg";
+import { ReactComponent as Rupee } from "../../assets/images/rupee.svg";
+import { ReactComponent as Alarm } from "../../assets/images/alarm.svg";
+import { ReactComponent as Available } from "../../assets/images/available.svg";
+import { ReactComponent as Avatar } from "../../assets/images/avatar.svg";
+import { ReactComponent as Edit } from "../../assets/images/edit.svg";
+import { ReactComponent as UpRight } from "../../assets/images/up-right.svg";
+import { ReactComponent as OutsideLink } from "../../assets/images/outside-link.svg";
+import { ReactComponent as HotelUser } from "../../assets/images/hotel-user.svg";
+
+const icons = {
+    nearMe: NearMe,
+    ticket: Ticket,
+    earth: Earth,
+    diary: Diary,
+    user: User,
+    addUser: AddUser,
+    editUser: EditUser,
+    lock: Lock,
+    star: Star,
+    userFilled: UserFilled,
+    search: Search,
+    plus: Plus,
+    filter: Filter,
+    location: Location,
+    run: Run,
+    clock: Clock,
+    carSide: CarSide,
+    bed: Bed,
+    food: Food,
+    house: House,
+    info: Info,
+    trash: Trash,
+    chat: Chat,
+    logout: Logout,
+    settings: Settings,
+    back: Back,
+
+    love: Love,
+    route: Route,
+    time: Time,
+    date: Date,
+
+    ksrtc: KSRTC,
+    heart: Heart,
+
+    close: Close,
+    information: Information,
+    todo: Todo,
+    foodDrinks: FoodDrinks,
+    amenities: Amenities,
+    caretLeft: CaretLeft,
+    rupee: Rupee,
+    alarm: Alarm,
+    available: Available,
+    avatar: Avatar,
+    edit: Edit,
+    upRight: UpRight,
+    outsideLink: OutsideLink,
+    hotelUser: HotelUser,
+};
+
+export default function Icon({
+    name,
+    size = 10,
+    color = "gray-800",
+    stroke = false,
+    className = null,
+}) {
+    const IconSvg = icons[name];
+    return (
+        <IconSvg
+            className={`w-${size} h-${size} duration-300 ease-in-out  text-${color} ${
+                stroke ? "stroke-current" : "fill-current"
+            } ${className}`}
+        />
+    );
+}
diff --git a/src/components/Common/InnerTab.js b/src/components/Common/InnerTab.js
new file mode 100644
index 0000000..d7d8915
--- /dev/null
+++ b/src/components/Common/InnerTab.js
@@ -0,0 +1,29 @@
+import React, { useState } from "react";
+
+const InnerTab = ({ arrangement, defaultTab, className }) => {
+    const labels = Object.keys(arrangement);
+    defaultTab = defaultTab || labels[0];
+    const [activeTab, setActiveTab] = useState(defaultTab);
+
+    return (
+        <div className={className}>
+            <div className="flex justify-around ">
+                {labels.map((tabName) => (
+                    <button
+                        key={tabName}
+                        className={`font-medium py-2 ${
+                            activeTab === tabName
+                                ? "border-black"
+                                : "border-transparent"
+                        }  border-b-2 focus:outline-none capitalize`}
+                        onClick={() => setActiveTab(tabName)}>
+                        {tabName}
+                    </button>
+                ))}
+            </div>
+            {arrangement[activeTab]}
+        </div>
+    );
+};
+
+export default InnerTab;
diff --git a/src/components/Common/Modal.js b/src/components/Common/Modal.js
new file mode 100644
index 0000000..00b5304
--- /dev/null
+++ b/src/components/Common/Modal.js
@@ -0,0 +1,25 @@
+import React from "react";
+import Icon from "../Common/Icon";
+
+const Modal = ({ title, children, onClose }) => {
+    return (
+        <div className="fixed w-full h-100 inset-0 z-50 overflow-hidden bg-opacity-75 bg-black flex justify-center items-center animated fadeIn faster">
+            <div className="relative bg-white w-11/12 md:max-w-md mx-auto rounded shadow-lg z-50 overflow-y-auto px-6 py-10">
+                <button
+                    onClick={onClose}
+                    className="position absolute top-5 right-5">
+                    <Icon
+                        name="close"
+                        className="fill-current text-black"
+                        color="black"
+                        size={5}
+                    />
+                </button>
+                <h2 className="text-2xl font-semibold">{title}</h2>
+                <div className="pt-4">{children}</div>
+            </div>
+        </div>
+    );
+};
+
+export default Modal;
diff --git a/src/components/Common/NavBar.js b/src/components/Common/NavBar.js
new file mode 100644
index 0000000..3a97fb3
--- /dev/null
+++ b/src/components/Common/NavBar.js
@@ -0,0 +1,64 @@
+import React from "react";
+import Icon from "./Icon";
+import { usePath, A } from "hookrouter";
+
+const routes = [
+    {
+        name: "nearMe",
+        icon: "nearMe",
+        label: "Near Me",
+        route: "/nearme",
+    },
+    {
+        name: "experiences",
+        icon: "ticket",
+        label: "Experiences",
+        route: "/experiences",
+    },
+    {
+        name: "explore",
+        icon: "earth",
+        label: "Explore",
+        route: "/",
+    },
+    {
+        name: "myPlans",
+        icon: "diary",
+        label: "My Plans",
+        route: "/myplans",
+    },
+    {
+        name: "profile",
+        icon: "user",
+        label: "Profile",
+        route: "/profile",
+    },
+];
+
+export default function NavBar() {
+    const path = usePath();
+    return (
+        <div className="flex fixed items-stretch bottom-0 w-full bg-gray-100">
+            {routes.map((route) => (
+                <A
+                    href={route.route}
+                    key={route.route}
+                    className="flex flex-1 flex-col items-center justify-center py-2">
+                    <Icon
+                        name={route.icon}
+                        color={`${route.route === path ? "black" : "gray-400"}`}
+                        size={9}
+                    />
+                    <span
+                        className={`text-xs mt-1 ${
+                            route.route === path
+                                ? "text-black"
+                                : "text-gray-400"
+                        }`}>
+                        {route.label}
+                    </span>
+                </A>
+            ))}
+        </div>
+    );
+}
diff --git a/src/components/Common/NotFound.js b/src/components/Common/NotFound.js
new file mode 100644
index 0000000..4c061d5
--- /dev/null
+++ b/src/components/Common/NotFound.js
@@ -0,0 +1,24 @@
+import React from "react";
+import { A } from "hookrouter";
+
+const NotFound = ({ name = "" }) => {
+    return (
+        <div className="min-h-screen flex flex-col justify-center items-center text-3xl uppercase font-bold text-gray-500">
+            {name} not found
+            <div className="flex mt-3">
+                <A
+                    href="/"
+                    className="font-medium capitalize text-black text-base px-3 py-2 border border-black rounded-full mr-6">
+                    Go home
+                </A>
+                <button
+                    onClick={() => window.history.back()}
+                    className="font-medium capitalize text-white text-base px-3 py-2 border border-black rounded-full bg-black">
+                    Go back
+                </button>
+            </div>
+        </div>
+    );
+};
+
+export default NotFound;
diff --git a/src/components/Common/PlacesBanner.js b/src/components/Common/PlacesBanner.js
new file mode 100644
index 0000000..5f46d14
--- /dev/null
+++ b/src/components/Common/PlacesBanner.js
@@ -0,0 +1,71 @@
+import React, { useState } from "react";
+import Icon from "./Icon";
+
+const PlacesBanner = ({ route, image, onLike }) => {
+    // get initial like value from localStorage
+    const [liked, setLiked] = useState(false);
+    const { routeColorName } = route;
+
+    const colors = {
+        violet: "text-violet-900 border-violet-900",
+        indigo: "text-indigo-900 border-indigo-900",
+        blue: "text-cyan-600 border-cyan-600",
+        green: "text-green-500 border-green-500",
+        yellow: "text-yellow-500 border-yellow-500",
+        orange: "text-amber-600 border-amber-600",
+        red: "text-red-500 border-red-500",
+    };
+    const onClickLike = () => {
+        onLike(!liked);
+        setLiked(!liked);
+    };
+
+    return (
+        <div className="relative w-full pb-7">
+            <img
+                src={image}
+                alt=""
+                className="w-full h-64 md:h-96 object-cover"
+            />
+            <button
+                className="absolute flex bg-white items-center shadow-md justify-center left-8 top-8 w-8 h-8 rounded-full focus:outline-none"
+                onClick={() => window.history.go(-1)}>
+                <Icon
+                    name="caretLeft"
+                    color="black"
+                    stroke={true}
+                    className="text-black stroke-current"
+                    size={5}
+                />
+            </button>
+
+            <div className="absolute flex top-8 right-8 items-center bg-white px-2 py-0.5 rounded-md shadow-md">
+                <Icon
+                    name="route"
+                    size={4}
+                    className={`mr-1 ${colors[routeColorName.toLowerCase()]}`}
+                />
+                <span
+                    className={`uppercase font-semibold text-sm ${
+                        colors[routeColorName.toLowerCase()]
+                    }`}>
+                    {routeColorName} Route
+                </span>
+            </div>
+
+            <button
+                className="absolute flex items-center justify-center -bottom-0 right-8 w-14 h-14 bg-white shadow-lg rounded-full focus:outline-none"
+                onClick={onClickLike}>
+                <Icon
+                    name="heart"
+                    color={liked ? "red-500" : "gray-400"}
+                    className={`w-7 h-7 stroke-2 ${liked} ? "fill-current text-red-500" : "stroke-current text-gray-400"`}
+                    stroke={!liked}
+                    size={7}
+                />
+            </button>
+        </div>
+    );
+};
+
+export default PlacesBanner;
diff --git a/src/components/Common/PlacesTab.js b/src/components/Common/PlacesTab.js
new file mode 100644
index 0000000..70d0ca3
--- /dev/null
+++ b/src/components/Common/PlacesTab.js
@@ -0,0 +1,20 @@
+import React from "react";
+import InnerTab from "../Common/InnerTab";
+import Description from "./Description";
+import Reviews from "./Reviews";
+
+export default function PlacesTab({ place, className }) {
+    const { description, flauraFauna, challenges, id } = place;
+    const arrangement = {
+        description: (
+            <Description
+                description={description}
+                flaura={flauraFauna}
+                challanges={challenges}
+            />
+        ),
+        reviews: <Reviews id={id} />,
+    };
+
+    return <InnerTab arrangement={arrangement} className={className} />;
+}
diff --git a/src/components/Common/ReviewRatingModal.js b/src/components/Common/ReviewRatingModal.js
new file mode 100644
index 0000000..8d1c22f
--- /dev/null
+++ b/src/components/Common/ReviewRatingModal.js
@@ -0,0 +1,59 @@
+import React, { useState } from "react";
+import Star from "./Star";
+import Modal from "./Modal";
+
+export default function ReviewRatingModal({ onClose }) {
+    const initialValue = {
+        title: "",
+        content: "",
+        rating: 0,
+    };
+    const [form, setForm] = useState(initialValue);
+
+    const handleFormChange = (e) => {
+        const { name, value } = e.target;
+        setForm({ ...form, [name]: value });
+    };
+    const handleFormSubmit = (key) => {
+        // submit review
+
+        onClose();
+    };
+    return (
+        <Modal title="Write a review" onClose={onClose}>
+            <form onSubmit={handleFormSubmit}>
+                <div className="mt-3 mb-6 flex">
+                    <Star
+                        edit={true}
+                        num={form.rating}
+                        onChange={handleFormChange}
+                        name="rating"
+                        size={8}
+                    />
+                </div>
+
+                <input
+                    name="title"
+                    value={form.title}
+                    onChange={handleFormChange}
+                    className="border border-black rounded-lg text-xl font-semibold px-2 py-2 w-full"
+                    placeholder="Title"
+                />
+
+                <textarea
+                    name="content"
+                    value={form.content}
+                    onChange={handleFormChange}
+                    className="border border-black h-32 mt-5 rounded-lg px-2 py-2 w-full"
+                    placeholder="Description"
+                />
+
+                <button
+                    type="submit"
+                    className="w-full bg-black text-white rounded-lg text-xl font-semibold py-1 mt-5">
+                    Submit
+                </button>
+            </form>
+        </Modal>
+    );
+}
diff --git a/src/components/Common/Reviews.js b/src/components/Common/Reviews.js
new file mode 100644
index 0000000..0f3fc56
--- /dev/null
+++ b/src/components/Common/Reviews.js
@@ -0,0 +1,76 @@
+import React, { useState } from "react";
+import ReviewRatingModal from "./ReviewRatingModal";
+import Icon from "../Common/Icon";
+import Star from "../Common/Star";
+
+export default function Reviews({ id }) {
+    const [showRatingModal, setShowRatingModal] = useState(false);
+
+    // fetch reviews from backend
+    const reviews = [];
+
+    return (
+        <div className="py-2 relative pb-24">
+            {reviews.length > 0 ? (
+                reviews.map((review, i) => (
+                    <div
+                        className="p-4 border-2 border-black rounded-xl my-5"
+                        key={i}>
+                        <div className="font-semibold text-lg">
+                            {review.title}
+                        </div>
+                        <div className="flex items-center mt-1">
+                            {review.author.image ? (
+                                <img
+                                    src={review.author.image}
+                                    alt=""
+                                    className="w-8 h-8 rounded-full"
+                                />
+                            ) : (
+                                <Icon
+                                    name="avatar"
+                                    className="text-black fill-current"
+                                    color="black"
+                                    size={8}
+                                />
+                            )}
+                            <span className="ml-3 font-medium">
+                                {review.author.name}
+                            </span>
+                        </div>
+                        <div className="flex items-center pt-2">
+                            <Star num={review.rating} />
+                            <div className="ml-3 flex items-center">
+                                <Icon
+                                    name="available"
+                                    className="text-black fill-current mr-2"
+                                    color="black"
+                                    size={5}
+                                />
+                                <span className="">{review.date}</span>
+                            </div>
+                        </div>
+                        <div className="pt-3">{review.review}</div>
+                    </div>
+                ))
+            ) : (
+                <div className="h-48 font-bold uppercase text-2xl text-gray-400 justify-center flex items-center">
+                    No reviews
+                </div>
+            )}
+            <button
+                onClick={() => setShowRatingModal(true)}
+                className="fixed bottom-10 right-10 h-16 w-16 bg-black rounded-full flex justify-center items-center focus:outline-none">
+                <Icon
+                    name="edit"
+                    className="text-white fill-current mr-2 relative left-1"
+                    color="white"
+                    size={7}
+                />
+            </button>
+            {showRatingModal && (
+                <ReviewRatingModal onClose={() => setShowRatingModal(false)} />
+            )}
+        </div>
+    );
+}
diff --git a/src/components/Common/Star.js b/src/components/Common/Star.js
new file mode 100644
index 0000000..b34a5a9
--- /dev/null
+++ b/src/components/Common/Star.js
@@ -0,0 +1,32 @@
+import React from "react";
+import Icon from "../Common/Icon";
+
+export default function Star({
+    num,
+    name,
+    className,
+    size = 5,
+    onChange,
+    edit = false,
+}) {
+    return Array.apply(null, {
+        length: 5,
+    }).map((_, i) => (
+        <button
+            type="button"
+            className={`flex focus:outline-none ${
+                edit ? "" : "cursor-default"
+            }`}
+            key={i.toString()}
+            onClick={() => {
+                if (edit) onChange({ target: { name, value: i + 1 } });
+            }}>
+            <Icon
+                name="star"
+                color={`${i < num ? "yellow-500" : "gray-400"}`}
+                className={`${i < num ? "text-yellow-500" : "text-gray-400"}`}
+                size={size}
+            />
+        </button>
+    ));
+}
diff --git a/src/components/Common/TodoCard.js b/src/components/Common/TodoCard.js
new file mode 100644
index 0000000..4165240
--- /dev/null
+++ b/src/components/Common/TodoCard.js
@@ -0,0 +1,24 @@
+import React from "react";
+import { A } from "hookrouter";
+
+export default function TodoCard({ data }) {
+    const { activitiesId, bannerImg, activityName } = data;
+    return (
+        <div className="relative bg-gray-100 flex-none shadow-lg rounded-lg overflow-hidden w-48 md:w-52 lg:w-60 mr-8 md:mr-16">
+            <A href={`/activity/${activitiesId}`}>
+                <div className="relative pb-full">
+                    <img
+                        src={bannerImg}
+                        className="absolute w-full h-full object-cover"
+                        alt=""
+                    />
+                </div>
+                <div className="absolute bottom-0">
+                    <h3 className="text-base font-semibold text-white p-3">
+                        {activityName}
+                    </h3>
+                </div>
+            </A>
+        </div>
+    );
+}
diff --git a/src/components/Common/TodoContainer.js b/src/components/Common/TodoContainer.js
new file mode 100644
index 0000000..3f9db12
--- /dev/null
+++ b/src/components/Common/TodoContainer.js
@@ -0,0 +1,18 @@
+import React from "react";
+import TodoCard from "./TodoCard";
+
+export default function TodoContainer({ activities, className = "" }) {
+    return (
+        <section className={className}>
+            <h2 className="px-8 md:px-10 font-semibold text-black text-xl">
+                Things To Do
+            </h2>
+
+            <div className="flex overflow-x-auto py-6 md:py-12 px-8 md:px-10">
+                {activities.map((activity, id) => (
+                    <TodoCard key={id} data={activity} />
+                ))}
+            </div>
+        </section>
+    );
+}
diff --git a/src/components/Common/TruncatedText.js b/src/components/Common/TruncatedText.js
new file mode 100644
index 0000000..2bc8a35
--- /dev/null
+++ b/src/components/Common/TruncatedText.js
@@ -0,0 +1,23 @@
+import React, { useState } from "react";
+
+const TruncatedText = ({ content, maxLength, className }) => {
+    const [showFull, setShowFull] = useState(false);
+    return (
+        <div className={className}>
+            {content.length > maxLength && !showFull ? (
+                <>{content.substr(0, maxLength)}...</>
+            ) : (
+                content
+            )}
+            {content.length > maxLength && (
+                <button
+                    className="font-semibold ml-2 focus:outline-none"
+                    onClick={() => setShowFull((c) => !c)}>
+                    read {showFull ? "less" : "more"}
+                </button>
+            )}
+        </div>
+    );
+};
+
+export default TruncatedText;
diff --git a/src/components/Destination/index.js b/src/components/Destination/index.js
new file mode 100644
index 0000000..14ad2ea
--- /dev/null
+++ b/src/components/Destination/index.js
@@ -0,0 +1,56 @@
+import React, { useEffect } from "react";
+import Banner from "../Common/PlacesBanner";
+import Heading from "../Common/Heading";
+import PlacesTab from "../Common/PlacesTab";
+import ActivitiesContainer from "../Common/ActivitiesContainer";
+import { getDestination } from "../../data/dataUtils";
+import NotFound from "../Common/NotFound";
+
+export default function Destination({ id }) {
+    const destinationFull = getDestination(id, true);
+
+    useEffect(() => {
+        window.scrollTo(0, 0);
+    }, []);
+
+    if (!destinationFull) {
+        return <NotFound name="destination" />;
+    }
+
+    // replace the redundant "destination" in key name of data
+    // example:     { destinationId: 1, destinationName: "xxx" }
+    //   changes to { id: 1, name: "xxx" }
+    let destination = Object.keys(destinationFull).reduce((acc, key) => {
+        let newKey = key.replace("destination", "");
+        newKey = `${newKey.charAt(0).toLowerCase()}${newKey.slice(1)}`;
+        return {
+            ...acc,
+            [newKey]: destinationFull[key],
+        };
+    }, {});
+    destination.name = destination.routeDestination;
+
+    const onLike = (status) => {
+        // save to local storage
+    };
+
+    return (
+        <div className="w-full bg-gray-200">
+            <div className="max-w-5xl mx-auto bg-white">
+                <Banner
+                    route={destination.route}
+                    image={destination.bannerImg}
+                    onLike={onLike}
+                />
+                <Heading place={destination} className="pt-2 px-8 md:px-10" />
+
+                <ActivitiesContainer
+                    activities={destination.activityTags}
+                    className="px-8 md:px-10 py-4"
+                />
+
+                <PlacesTab place={destination} className="px-8 md:px-10" />
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/Experience/LocationCard.js b/src/components/Experience/LocationCard.js
new file mode 100644
index 0000000..4a990a0
--- /dev/null
+++ b/src/components/Experience/LocationCard.js
@@ -0,0 +1,51 @@
+import React from "react";
+import Icon from "../Common/Icon";
+import Star from "../Common/Star";
+import img from "../../assets/images/trek-1.jpg";
+
+export default function LocationCard({ data }) {
+    return (
+        <div className="shadow-lg mb-10">
+            <div className="relative">
+                <div className="absolute w-full h-full bg-black bg-opacity-50" />
+                <img
+                    src={data.assetUrl}
+                    alt=""
+                    className="h-54 w-full object-cover"
+                />
+                <div className="absolute top-3 right-3 flex">
+                    <Star num={Math.ceil(Math.random() * 5)} />
+                </div>
+                <div className="absolute bottom-0 left-0 p-3 w-full flex justify-between items-center">
+                    <h3 className="capitalize text-xl text-white font-semibold">
+                        {data.name}
+                    </h3>
+                    <div className="flex items-center box-border bg-indigo-600 bg-opacity-25 justify-center w-10 h-10 rounded-full border-indigo-600 border-2">
+                        <Icon name="location" size={5} color="indigo-600" />
+                    </div>
+                </div>
+            </div>
+            <div className="p-5">
+                <div className="flex w-full justify-between pb-3">
+                    <div className="flex flex-col">
+                        <div className="flex item-center mb-2">
+                            <Icon name="clock" size={5} color="gray-600" />
+                            <span className="ml-2 font-semibold">Starting</span>
+                        </div>
+                        <div className="flex item-center">
+                            <Icon name="run" size={5} />
+                            <span className="ml-2 font-semibold">2 hrs</span>
+                        </div>
+                    </div>
+                    <div className="flex items-center">
+                        <Icon name="plus" size={8} />
+                    </div>
+                </div>
+                <p className="text-gray-800">
+                    This is a fun and entertaining way to spend your free time
+                    with family and friends.
+                </p>
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/Experience/index.js b/src/components/Experience/index.js
new file mode 100644
index 0000000..a434068
--- /dev/null
+++ b/src/components/Experience/index.js
@@ -0,0 +1,47 @@
+import React from "react";
+import Icon from "../Common/Icon";
+import LocationCard from "./LocationCard";
+import BackButton from "../Common/BackButton";
+import allData from "../Explore/assets/data/data.json";
+import { activityData } from "../../data/activities";
+
+export default function Experience({ id }) {
+    const activity = activityData.find((d) => d.name === id);
+    id = id.replace("_", " ");
+    const destinations = allData.reduce(
+        (acc, data) => [
+            ...acc,
+            ...data.destinations.filter((dest) => dest.activities.includes(id)),
+        ],
+        []
+    );
+    return (
+        <div className="">
+            <BackButton color="white" />
+            <div className="relative">
+                <div className="absolute w-full h-full bg-black bg-opacity-50" />
+                <img
+                    src={activity.url}
+                    alt=""
+                    className="h-56 w-full object-cover mx-auto"
+                />
+                <div className="absolute bottom-0 left-0 p-3 w-full flex justify-between">
+                    <h2 className="capitalize text-3xl font-semibold text-white">
+                        {id}
+                    </h2>
+                    <div className="flex items-center box-border bg-indigo-600 bg-opacity-25 justify-center w-10 h-10 rounded-full border-indigo-600 border-2">
+                        <Icon name="location" color="indigo-600" size={7} />
+                    </div>
+                </div>
+            </div>
+            <div className="flex justify-end p-3">
+                <Icon name="filter" size={9} />
+            </div>
+            <div className="px-8">
+                {destinations.map((dest) => (
+                    <LocationCard key={dest.name} data={dest} />
+                ))}
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/Experiences/ExperienceCards.js b/src/components/Experiences/ExperienceCards.js
new file mode 100644
index 0000000..5cd47e1
--- /dev/null
+++ b/src/components/Experiences/ExperienceCards.js
@@ -0,0 +1,26 @@
+import React from "react";
+import Icon from "../Common/Icon";
+import { A } from "hookrouter";
+
+export default function ExperiencesCards({ item }) {
+    return (
+        <A
+            href={`/experience/${item?.name}`}
+            className="w-48  mx-2 flex-shrink-0 relative border border-gray-300 shadow-lg mb-4 rounded-md">
+            <div className="w-full  relative pb-3/4">
+                <img
+                    src={item?.url}
+                    alt=""
+                    className=" bg-gray-100 absolute object-cover rounded-t-md  w-full h-full"
+                />
+                <div className="bg-black bg-opacity-20 absolute rounded-t-md  w-full h-full"></div>
+            </div>
+            <div className="flex">
+                <h3 className="p-4 ">{item?.name}</h3>
+                <button className="focus:outline-none ml-auto pl-2 mt-1 mr-2">
+                    <Icon name="plus" size={5} color="gray-600" />
+                </button>
+            </div>
+        </A>
+    );
+}
diff --git a/src/components/Experiences/Experiences.js b/src/components/Experiences/Experiences.js
new file mode 100644
index 0000000..4320def
--- /dev/null
+++ b/src/components/Experiences/Experiences.js
@@ -0,0 +1,46 @@
+import React, { useState } from "react";
+import { activityData } from "../../data/activities";
+import Icon from "../Common/Icon";
+import ExperiencesCards from "./ExperienceCards";
+
+export default function Experiences() {
+    const [search, setSearch] = useState("");
+    const adventure = activityData.filter((el) => el.type === "Adventure");
+    const specialDayOut = activityData.filter((el) => el.type === "Special");
+    return (
+        <div className="w-full">
+            <div className="mt-8 flex flex-col w-full px-6">
+                <h1 className="text-xl mb-2 font-extrabold text-gray-800 ">
+                    Experiences
+                </h1>
+                <div className=" relative group flex w-full">
+                    <input
+                        className=" pl-4 pr-12 py-1 text-gray-800 w-full text-sm  group rounded-full border-2 border-gray-300 focus:outline-none  focus:border- "
+                        type="text"
+                        value={search}
+                        onChange={(e) => setSearch(e.target.value)}
+                    />
+                    <button className="absolute right-0 text-gray-300  group group-hover:text-gray-500 pr-4 pt-2 top-0">
+                        <Icon name="search" size={5} color="current" />
+                    </button>
+                </div>
+                <h2 className="text-md mt-8  mb-2 font-extrabold text-gray-800 ">
+                    Outdoor Adventures
+                </h2>
+                <div className="flex overflow-scroll">
+                    {adventure.map((item, i) => (
+                        <ExperiencesCards item={item} key={i} />
+                    ))}
+                </div>
+                <h2 className="text-md mt-8 mb-2 font-extrabold text-gray-800 ">
+                    Special days out
+                </h2>
+                <div className="flex overflow-scroll">
+                    {specialDayOut.map((item, i) => (
+                        <ExperiencesCards item={item} key={i} />
+                    ))}
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/Explore/HeaderNav.js b/src/components/Explore/HeaderNav.js
new file mode 100644
index 0000000..00a4361
--- /dev/null
+++ b/src/components/Explore/HeaderNav.js
@@ -0,0 +1,29 @@
+import { A } from "hookrouter";
+import React from "react";
+import mainLogo from "../../assets/images/main-logo.png";
+import Icon from "../Common/Icon";
+
+const HeaderNav = ({ className }) => {
+    return (
+        <section className={`flex justify-between items-center ${className}`}>
+            <div className="w-48 md:w-64">
+                <img
+                    src={mainLogo}
+                    className="-ml-3.5 md:-ml-5"
+                    alt="Hello Munnar"
+                />
+            </div>
+
+            <div className="flex">
+                <div className="p-3">
+                    <Icon name="search" size={7} color="black" />
+                </div>
+                <A className="p-3" href="/ksrtc">
+                    <Icon name="ksrtc" size={7} color="black" stroke={true} />
+                </A>
+            </div>
+        </section>
+    );
+};
+
+export default HeaderNav;
diff --git a/src/components/Explore/StorySelector.js b/src/components/Explore/StorySelector.js
new file mode 100644
index 0000000..f42987a
--- /dev/null
+++ b/src/components/Explore/StorySelector.js
@@ -0,0 +1,22 @@
+import React from "react";
+import { A } from "hookrouter";
+
+const StorySelector = ({ title, label, color }) => {
+    return (
+        <A
+            href={`/route/${label}`}
+            className="flex flex-col items-center overflow-ellipsis overflow-hidden cursor-pointer">
+            <div
+                className={`flex justify-center items-center w-9 h-9 lg:w-16 lg:h-16 shadow-md transition-shadow transition duration-200 ease-in-out hover:shadow-lg ${color} rounded-lg`}>
+                <span className="text-white text-xl font-semibold">
+                    {title}
+                </span>
+            </div>
+            <span className="mt-2 leading-4 capitalize text-xs font-light text-center md:text-sm">
+                {label} route
+            </span>
+        </A>
+    );
+};
+
+export default StorySelector;
diff --git a/src/components/Explore/StorySelectorContainer.js b/src/components/Explore/StorySelectorContainer.js
new file mode 100644
index 0000000..12eb846
--- /dev/null
+++ b/src/components/Explore/StorySelectorContainer.js
@@ -0,0 +1,26 @@
+import React from "react";
+import StorySelector from "./StorySelector";
+
+const StorySelectorContainer = ({ className = "" }) => {
+    return (
+        <section className={className}>
+            <h2 className="font-semibold text-black text-xl my-1">
+                Discover Munnar
+            </h2>
+            <span className="font-normal text-gray-600 text-base">
+                Explore Munnar through these seven routes
+            </span>
+            <div className={`flex justify-evenly pt-8 pb-3`}>
+                <StorySelector title="V" label="violet" color="bg-violet-900" />
+                <StorySelector title="I" label="indigo" color="bg-indigo-900" />
+                <StorySelector title="B" label="blue" color="bg-cyan-600" />
+                <StorySelector title="G" label="green" color="bg-green-500" />
+                <StorySelector title="Y" label="yellow" color="bg-yellow-500" />
+                <StorySelector title="O" label="orange" color="bg-amber-600" />
+                <StorySelector title="R" label="red" color="bg-red-500" />
+            </div>
+        </section>
+    );
+};
+
+export default StorySelectorContainer;
diff --git a/src/components/Explore/assets/data/data.json b/src/components/Explore/assets/data/data.json
new file mode 100644
index 0000000..475a1e0
--- /dev/null
+++ b/src/components/Explore/assets/data/data.json
@@ -0,0 +1,511 @@
+[
+    {
+        "routeName": "Munnar - Marayur - Kanthallur",
+        "assetUrl": "/assets/img/routes/violet.jpg",
+        "routeColor": "violet",
+        "destinations": [
+            {
+                "id": "v1",
+                "name": "THALAIYAR TEA PLANTATION",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Trekking", "Wildlife", "Jeep Safari"]
+            },
+            {
+                "id": "v2",
+                "name": "ERAVIKULAM NATIONAL PARK",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Landscape", "Bathing"]
+            },
+            {
+                "id": "v3",
+                "name": "LAKKAM WATERFALLS",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Landscape", "Bathing"]
+            },
+            {
+                "id": "v4",
+                "name": "KARIMUTTY WATERFALLS",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sight Seeing",
+                    "Wildlife",
+                    "Photography",
+                    "Landscape"
+                ]
+            },
+            {
+                "id": "v5",
+                "name": "SANDALWOOD FOREST",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Shopping"]
+            },
+            {
+                "id": "v6",
+                "name": "ST.JOSEPH FARM, MARAYOOR JAGGERY, MARAYUR",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Photography",
+                    "Landscape",
+                    "Heritage Photography"
+                ]
+            },
+            {
+                "id": "v7",
+                "name": "KANTHALLOOR JAGGERY - VETTUKAD",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Photography",
+                    "Landscape",
+                    "Shopping"
+                ]
+            },
+            {
+                "id": "v8",
+                "name": "Kanthallur Farming",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Trekking",
+                    "Wildlife",
+                    "Photography",
+                    "Landscape"
+                ]
+            },
+            {
+                "id": "v9",
+                "name": "Anamudi Shola NP",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Jeep Safari",
+                    "Trekking",
+                    "Camping",
+                    "Wildlife",
+                    "Photography",
+                    "Sightseeing"
+                ]
+            },
+            {
+                "id": "v10",
+                "name": "Chinnar WLS",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Sightseeing", "Boating", "Photography"]
+            }
+        ]
+    },
+    {
+        "routeName": "Munnar - Adimali",
+        "assetUrl": "/assets/img/routes/indigo.jpg",
+        "routeColor": "indigo",
+        "destinations": [
+            {
+                "id": "i1",
+                "name": "SPICE GARDEN",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Landscape", "Photography"]
+            },
+            {
+                "id": "i2",
+                "name": "KALLAR WATERFALL",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Landscape", "Photography"]
+            },
+            {
+                "id": "i3",
+                "name": "2nd MILE POINT",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Photography", "Landscape"]
+            },
+            {
+                "id": "i4",
+                "name": "ATHUKAD WATERFALLS",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Landscape", "Photography"]
+            },
+            {
+                "id": "i5",
+                "name": "RAMASWAMI IYER HEADWORKS DAM",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Landscape", "Photography", "Sunset Viewpoint"]
+            },
+            {
+                "id": "i6",
+                "name": "POTHANMEDU VIEW POINT",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Photography",
+                    "Fish Spa",
+                    "Zip Line"
+                ]
+            },
+            {
+                "id": "i7",
+                "name": "BLOSSOM HYDEL PARK",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Boating",
+                    "Sightseeing",
+                    "Photography",
+                    "Landscape",
+                    "Wedding Photography",
+                    "Fooding"
+                ]
+            },
+            {
+                "id": "i8",
+                "name": "SENGULAM HYDEL PARK",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Sightseeing", "Photography", "Landscape"]
+            },
+            {
+                "id": "i9",
+                "name": "CHITHIRPURAM VIEW POINT",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Photography",
+                    "Boating",
+                    "Shopping"
+                ]
+            }
+        ]
+    },
+    {
+        "routeName": "Munnar - Suryanelli - Kolukkumala - Chokramudi Peak",
+        "assetUrl": "/assets/img/routes/blue.jpg",
+        "routeColor": "blue",
+        "destinations": [
+            {
+                "id": "b1",
+                "name": "Signal Point",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Photography",
+                    "Sightseeing",
+                    "Landscape",
+                    "Sun Set"
+                ]
+            },
+            {
+                "id": "b2",
+                "name": "LockHart Tea factory and Museum",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Sightseeing", "Photography", "Landscape"]
+            },
+            {
+                "id": "b3",
+                "name": "Chrokramudy Peak",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Trekking",
+                    "Wildlife",
+                    "Rockclimbing",
+                    "Photography",
+                    "Landscape"
+                ]
+            },
+            {
+                "id": "b4",
+                "name": "Lockhart Gap viewpoint",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Photography", "Sightseeing", "Landscape"]
+            },
+            {
+                "id": "b5",
+                "name": "KOLUKKUMALAI SUNRISE",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Trekking",
+                    "Camping",
+                    "Photography",
+                    "Landscape",
+                    "Sunrise",
+                    "Tea Plantation"
+                ]
+            },
+            {
+                "id": "b6",
+                "name": "KOLUKKUMALAI TEA PLANTATION AND FACTORY",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Photography",
+                    "Tea Plantation",
+                    "Landscape"
+                ]
+            },
+            {
+                "id": "b7",
+                "name": "MUNIYARA",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Photography",
+                    "Landscape",
+                    "Heritage Photography"
+                ]
+            },
+            {
+                "id": "b8",
+                "name": "ANAYIRANKAL BOATING DESTINATION",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Boating", "Photography", "Fooding"]
+            },
+            {
+                "id": "b9",
+                "name": "CHATHURANGAPARA",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Trekking",
+                    "Photography",
+                    "Landscape"
+                ]
+            }
+        ]
+    },
+    {
+        "routeName": "Munnar - Meesapulimala",
+        "assetUrl": "/assets/img/routes/green.jpg",
+        "routeColor": "green",
+        "destinations": [
+            {
+                "id": "g1",
+                "name": "MEESAPPULIMALA",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Trekking", "Sightseeing", "Photography"]
+            }
+        ]
+    },
+    {
+        "routeName": "Munnar - CSI Church - Marayoor",
+        "assetUrl": "/assets/img/routes/yellow.jpg",
+        "routeColor": "Yellow",
+        "destinations": [
+            {
+                "id": "y1",
+                "name": "CSI church",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Heritage Photography",
+                    "Memorial",
+                    "Religious Architecture"
+                ]
+            },
+            {
+                "id": "y2",
+                "name": "CARMALAGIRI BOTANICAL GARDEN",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Photography", "Shopping", "Fooding"]
+            },
+            {
+                "id": "y3",
+                "name": "munnar town",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Trekking",
+                    "Photography",
+                    "Landscape",
+                    "Heritage Photography",
+                    "Tea Plantations",
+                    "Shopping",
+                    "Boating",
+                    "Cycling",
+                    "Memorial",
+                    "Religious Architecture",
+                    "Shopping",
+                    "Fooding"
+                ]
+            },
+            {
+                "id": "y4",
+                "name": "tea museum",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Trekking",
+                    "Photography",
+                    "Landscape",
+                    "Heritage Photography",
+                    "Tea Plantations",
+                    "Shopping"
+                ]
+            },
+            {
+                "id": "y5",
+                "name": "srishti -TATA",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Welfare Centre"]
+            },
+            {
+                "id": "y6",
+                "name": "MARAYOOR DOLMENS",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Photography",
+                    "Landscape",
+                    "Sunrise/Set",
+                    "Heritage Photography",
+                    "Memorial",
+                    "Religious Architecture",
+                    "Eco-Shop"
+                ]
+            }
+        ]
+    },
+    {
+        "routeName": "Munnar - Mankulam - Anakulam",
+        "assetUrl": "/assets/img/routes/orange.jpg",
+        "routeColor": "orange",
+        "destinations": [
+            {
+                "id": "o1",
+                "name": "VIRUPARA(KAINAGIRI OR GIRIVARA WATERFALLS)",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Trekking", "Wildlife", "Photograph"]
+            },
+            {
+                "id": "o2",
+                "name": "TIGER CAVE",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Trekking",
+                    "Wildlife",
+                    "Rockclimbing",
+                    "Photograph"
+                ]
+            },
+            {
+                "id": "o3",
+                "name": "PERUMBANKUTH WATERFALLS",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Trekking",
+                    "Wildlife",
+                    "Photograph",
+                    "Landscape"
+                ]
+            },
+            {
+                "id": "o4",
+                "name": "ANAKKULAM( 2 Destination  is there) ",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Wildlife",
+                    "Bathing",
+                    "Photography",
+                    "Landscape",
+                    "Sunset",
+                    "Wedding Photography"
+                ]
+            },
+            {
+                "id": "o5",
+                "name": "33 WATERFALLS",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Bathing", "Photography", "Landcsape"]
+            }
+        ]
+    },
+    {
+        "routeName": "Munnar - Mattupetty - Vattavada",
+        "assetUrl": "/assets/img/routes/red.jpg",
+        "routeColor": "red",
+        "destinations": [
+            {
+                "id": "r1",
+                "name": "FLOWER GARDEN",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Photography"]
+            },
+            {
+                "id": "r2",
+                "name": "PHOTO POINT",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Sightseeing", "Photography"]
+            },
+            {
+                "id": "r3",
+                "name": "ELEPHANT PARK",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Wildlife", "Photography", "Elephant Safari"]
+            },
+            {
+                "id": "r4",
+                "name": "MATTUPETTY DAM",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Sightseeing", "Boating", "Fooding", "Shopping"]
+            },
+            {
+                "id": "r5",
+                "name": "SUN MOON VALLEY BOATING CENTRE",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Boating",
+                    "Photography",
+                    "Sightseeing",
+                    "Theme Park"
+                ]
+            },
+            {
+                "id": "r6",
+                "name": "ECHO POINT",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Boating",
+                    "Photography",
+                    "Shopping",
+                    "Fooding"
+                ]
+            },
+            {
+                "id": "r7",
+                "name": "KUNDALAI LAKE",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": ["Sightseeing", "Boating", "Photography"]
+            },
+            {
+                "id": "r8",
+                "name": "TOP STATION",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Photography",
+                    "Landscape",
+                    "Fooding",
+                    "Sunrise"
+                ]
+            },
+            {
+                "id": "r9",
+                "name": "PAMPADUM SHOLA NATIONAL PARK",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Photography",
+                    "Landscape",
+                    "Wildlifde",
+                    "Photography"
+                ]
+            },
+            {
+                "id": "r10",
+                "name": "VATTAVADAI",
+                "assetUrl": "https://picsum.photos/400/300",
+                "activities": [
+                    "Sightseeing",
+                    "Photography",
+                    "Camping",
+                    "Landscape"
+                ]
+            }
+        ]
+    }
+]
diff --git a/src/components/Explore/assets/img/bell.svg b/src/components/Explore/assets/img/bell.svg
new file mode 100644
index 0000000..c17f0e7
--- /dev/null
+++ b/src/components/Explore/assets/img/bell.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="21" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.146 2.24799C7.29541 1.8787 7.5517 1.56244 7.88202 1.33976C8.21234 1.11707 8.60163 0.998108 9 0.998108C9.39837 0.998108 9.78766 1.11707 10.118 1.33976C10.4483 1.56244 10.7046 1.8787 10.854 2.24799C12.3328 2.65467 13.6371 3.53554 14.5668 4.75532C15.4964 5.9751 15.9999 7.46633 16 8.99998V13.697L17.832 16.445C17.9325 16.5956 17.9902 16.7706 17.999 16.9515C18.0078 17.1323 17.9673 17.3121 17.8819 17.4718C17.7965 17.6314 17.6693 17.7648 17.514 17.8579C17.3587 17.9509 17.181 18 17 18H12.465C12.3446 18.8331 11.9281 19.5949 11.2917 20.1459C10.6553 20.6969 9.84176 21.0002 9 21.0002C8.15824 21.0002 7.34466 20.6969 6.7083 20.1459C6.07193 19.5949 5.6554 18.8331 5.535 18H0.999997C0.818954 18 0.6413 17.9509 0.485988 17.8579C0.330676 17.7648 0.203533 17.6314 0.118123 17.4718C0.0327134 17.3121 -0.00775834 17.1323 0.00102526 16.9515C0.00980886 16.7706 0.0675184 16.5956 0.167997 16.445L2 13.697V8.99998C2 5.77598 4.18 3.05999 7.146 2.24799ZM7.586 18C7.68928 18.2926 7.88078 18.546 8.13412 18.7253C8.38746 18.9045 8.69016 19.0008 9.0005 19.0008C9.31084 19.0008 9.61353 18.9045 9.86687 18.7253C10.1202 18.546 10.3117 18.2926 10.415 18H7.585H7.586ZM9 3.99999C7.67391 3.99999 6.40215 4.52677 5.46446 5.46445C4.52678 6.40213 4 7.6739 4 8.99998V14C4.00004 14.1975 3.94158 14.3906 3.832 14.555L2.869 16H15.13L14.167 14.555C14.0578 14.3905 13.9997 14.1974 14 14V8.99998C14 7.6739 13.4732 6.40213 12.5355 5.46445C11.5978 4.52677 10.3261 3.99999 9 3.99999Z" fill="black"/>
+</svg>
diff --git a/src/components/Explore/assets/img/bus.svg b/src/components/Explore/assets/img/bus.svg
new file mode 100644
index 0000000..6ac4515
--- /dev/null
+++ b/src/components/Explore/assets/img/bus.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.75 5.25H5.25C4.42157 5.25 3.75 5.92157 3.75 6.75V12.75C3.75 13.5784 4.42157 14.25 5.25 14.25H18.75C19.5784 14.25 20.25 13.5784 20.25 12.75V6.75C20.25 5.92157 19.5784 5.25 18.75 5.25Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.75 14.25H5.25C4.42157 14.25 3.75 14.9216 3.75 15.75V18.75C3.75 19.5784 4.42157 20.25 5.25 20.25H18.75C19.5784 20.25 20.25 19.5784 20.25 18.75V15.75C20.25 14.9216 19.5784 14.25 18.75 14.25Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.75 5.25H5.25C4.85252 5.24889 4.47163 5.09049 4.19057 4.80943C3.90951 4.52837 3.75111 4.14748 3.75 3.75V3.75C3.75111 3.35252 3.90951 2.97163 4.19057 2.69057C4.47163 2.40951 4.85252 2.25111 5.25 2.25H18.75C19.1475 2.25111 19.5284 2.40951 19.8094 2.69057C20.0905 2.97163 20.2489 3.35252 20.25 3.75V3.75C20.2489 4.14748 20.0905 4.52837 19.8094 4.80943C19.5284 5.09049 19.1475 5.24889 18.75 5.25V5.25Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.75 20.25V21.2812C6.75 21.4056 6.70061 21.5248 6.61271 21.6127C6.5248 21.7006 6.40557 21.75 6.28125 21.75H4.96875C4.84443 21.75 4.7252 21.7006 4.63729 21.6127C4.54939 21.5248 4.5 21.4056 4.5 21.2812V20.25H6.75Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.5 20.25V21.2812C19.5 21.4056 19.4506 21.5248 19.3627 21.6127C19.2748 21.7006 19.1556 21.75 19.0312 21.75H17.7188C17.5944 21.75 17.4752 21.7006 17.3873 21.6127C17.2994 21.5248 17.25 21.4056 17.25 21.2812V20.25H19.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.25 18C17.6642 18 18 17.6642 18 17.25C18 16.8358 17.6642 16.5 17.25 16.5C16.8358 16.5 16.5 16.8358 16.5 17.25C16.5 17.6642 16.8358 18 17.25 18Z" stroke="black" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M6.75 18C7.16421 18 7.5 17.6642 7.5 17.25C7.5 16.8358 7.16421 16.5 6.75 16.5C6.33579 16.5 6 16.8358 6 17.25C6 17.6642 6.33579 18 6.75 18Z" stroke="black" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M12 5.25V14.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.75 3.75V17.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.25 3.75V17.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Explore/assets/img/search.svg b/src/components/Explore/assets/img/search.svg
new file mode 100644
index 0000000..3b9ceb4
--- /dev/null
+++ b/src/components/Explore/assets/img/search.svg
@@ -0,0 +1,3 @@
+<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.71 16.29L14.31 12.9C15.407 11.5025 16.0022 9.77666 16 8C16 6.41775 15.5308 4.87103 14.6518 3.55544C13.7727 2.23985 12.5233 1.21447 11.0615 0.608967C9.59966 0.00346625 7.99113 -0.15496 6.43928 0.153721C4.88743 0.462403 3.46197 1.22433 2.34315 2.34315C1.22433 3.46197 0.462399 4.88743 0.153718 6.43928C-0.154964 7.99113 0.00346243 9.59966 0.608963 11.0615C1.21446 12.5233 2.23984 13.7727 3.55544 14.6518C4.87103 15.5308 6.41775 16 8 16C9.77666 16.0022 11.5025 15.407 12.9 14.31L16.29 17.71C16.383 17.8037 16.4936 17.8781 16.6154 17.9289C16.7373 17.9797 16.868 18.0058 17 18.0058C17.132 18.0058 17.2627 17.9797 17.3846 17.9289C17.5064 17.8781 17.617 17.8037 17.71 17.71C17.8037 17.617 17.8781 17.5064 17.9289 17.3846C17.9797 17.2627 18.0058 17.132 18.0058 17C18.0058 16.868 17.9797 16.7373 17.9289 16.6154C17.8781 16.4936 17.8037 16.383 17.71 16.29ZM2 8C2 6.81332 2.35189 5.65328 3.01118 4.66658C3.67047 3.67989 4.60754 2.91085 5.7039 2.45673C6.80026 2.0026 8.00666 1.88378 9.17054 2.11529C10.3344 2.3468 11.4035 2.91825 12.2426 3.75736C13.0818 4.59648 13.6532 5.66558 13.8847 6.82946C14.1162 7.99335 13.9974 9.19975 13.5433 10.2961C13.0892 11.3925 12.3201 12.3295 11.3334 12.9888C10.3467 13.6481 9.18669 14 8 14C6.4087 14 4.88258 13.3679 3.75736 12.2426C2.63214 11.1174 2 9.5913 2 8Z" fill="black"/>
+</svg>
diff --git a/src/components/Explore/index.js b/src/components/Explore/index.js
new file mode 100644
index 0000000..546f90b
--- /dev/null
+++ b/src/components/Explore/index.js
@@ -0,0 +1,42 @@
+import React, { useEffect, useState } from "react";
+import HeaderNav from "./HeaderNav";
+import StorySelectorContainer from "./StorySelectorContainer";
+import DestinationContainer from "../Common/DestinationContainer";
+import TodoContainer from "../Common/TodoContainer";
+
+// import destinationDefault from "../../assets/images/destination-default.png";
+// import todoDefault1 from "../../assets/images/package-1-default.png";
+// import todoDefault2 from "../../assets/images/package-2-default.png";
+
+import {
+    getRandomDestinations,
+    getRandomActivities,
+} from "../../data/dataUtils";
+
+const Explore = () => {
+    let [destinations, setDestinations] = useState([]);
+    let [activities, setActivities] = useState([]);
+    useEffect(() => {
+        setDestinations(getRandomDestinations(10));
+        setActivities(getRandomActivities(10));
+    }, []);
+    return (
+        <div className="pt-9 ">
+            <HeaderNav className="pb-2 px-8 md:px-10" />
+
+            <StorySelectorContainer className="pt-2 px-8 md:px-10" />
+
+            <DestinationContainer
+                destinations={destinations}
+                className="py-8 pb-4 md:pd-8"
+            />
+
+            <TodoContainer
+                activities={activities}
+                className="py-6 pt-4 md:pt-6"
+            />
+        </div>
+    );
+};
+
+export default Explore;
diff --git a/src/components/Favourites/FavouriteActivities.js b/src/components/Favourites/FavouriteActivities.js
new file mode 100644
index 0000000..e9d96e0
--- /dev/null
+++ b/src/components/Favourites/FavouriteActivities.js
@@ -0,0 +1,23 @@
+import React from "react";
+import FavouriteCard from "./FavouriteCard";
+const data = require("./assets/data");
+
+export default function FavouriteActivities() {
+    const activities = data["activities"];
+    return (
+        <div className="m-4">
+            {activities.map((value, index) => {
+                return (
+                    <div key={index}>
+                        <FavouriteCard
+                            name={value.name}
+                            route={value.route}
+                            time={value.time}
+                            day={value.day}
+                        />
+                    </div>
+                );
+            })}
+        </div>
+    );
+}
diff --git a/src/components/Favourites/FavouriteCard.js b/src/components/Favourites/FavouriteCard.js
new file mode 100644
index 0000000..622a223
--- /dev/null
+++ b/src/components/Favourites/FavouriteCard.js
@@ -0,0 +1,64 @@
+import React from "react";
+import Icon from "../Common/Icon";
+import { AiFillHeart } from "react-icons/ai";
+
+export default function FavouriteCard(props) {
+    return (
+        <div className="mb-6">
+            <div>
+                <div className=" grid grid-cols-3 grid-rows-7 grid-flow-row overflow-hidden rounded-lg shadow-md bg-white hover:shadow-xl transition-shadow duration-300 ease-in-out">
+                    <div className="col-span-3 row-span-4">
+                        <img
+                            src="https://picsum.photos/640/400/?random"
+                            alt="Placeholder"
+                            className="object-cover h-32 w-full"
+                        />
+                    </div>
+
+                    <div className="col-span-3 row-span-1">
+                        <header className="flex items-center justify-between leading-tight p-2 mx-2">
+                            <h1 className="text-xl">{props.name}</h1>
+                            <AiFillHeart size="30" color={props.route} />
+                        </header>
+                    </div>
+
+                    <div className="col-span-3 row-span-1 mb-1">
+                        <ul className="flex flex-row pl-4 text-gray-600 space-x-4">
+                            <li className="py-1">
+                                <div className="flex item-center space-x-1">
+                                    <div className="flex items-center">
+                                        <Icon name="route" size={4} />
+                                    </div>
+                                    <p
+                                        className="text-l"
+                                        style={{
+                                            color: `${props.route}`,
+                                        }}>
+                                        {props.route}
+                                    </p>
+                                </div>
+                            </li>
+                            <li className="py-1">
+                                <div className="flex item-center space-x-1">
+                                    <div className="flex items-center">
+                                        <Icon name="time" size={4} />
+                                    </div>
+                                    <p className="text-l">{props.time}</p>
+                                </div>
+                            </li>
+
+                            <li className="py-1">
+                                <div className="flex item-center space-x-1">
+                                    <div className="flex items-center">
+                                        <Icon name="date" size={4} />
+                                    </div>
+                                    <p className="text-l">{props.day}</p>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/Favourites/FavouriteDestinations.js b/src/components/Favourites/FavouriteDestinations.js
new file mode 100644
index 0000000..78d1313
--- /dev/null
+++ b/src/components/Favourites/FavouriteDestinations.js
@@ -0,0 +1,23 @@
+import React from "react";
+import FavouriteCard from "./FavouriteCard";
+const data = require("./assets/data");
+
+export default function FavouriteDestinations() {
+    const destinations = data["destinations"];
+    return (
+        <div className="m-4">
+            {destinations.map((value, index) => {
+                return (
+                    <div key={index}>
+                        <FavouriteCard
+                            name={value.name}
+                            route={value.route}
+                            time={value.time}
+                            day={value.day}
+                        />
+                    </div>
+                );
+            })}
+        </div>
+    );
+}
diff --git a/src/components/Favourites/assets/data.js b/src/components/Favourites/assets/data.js
new file mode 100644
index 0000000..a7d89fd
--- /dev/null
+++ b/src/components/Favourites/assets/data.js
@@ -0,0 +1,68 @@
+const data = {
+    destinations: [
+        {
+            name: "Anamudi Shola National Park",
+            route: "violet",
+            time: "8:30-10:00",
+            day: "All week",
+        },
+        {
+            name: "Kallar Waterfall",
+            route: "indigo",
+            time: "6:30-5:00",
+            day: "Sunday",
+        },
+        {
+            name: "Meesapulimala",
+            route: "green",
+            time: "6:30-5:00",
+            day: "Sunday",
+        },
+        {
+            name: "Kolukkumalai",
+            route: "blue",
+            time: "6:30-5:00",
+            day: "Sunday",
+        },
+        {
+            name: "Tea Museum",
+            route: "yellow",
+            time: "6:30-5:00",
+            day: "Sunday",
+        },
+    ],
+    activities: [
+        {
+            name: "Jeep Safari",
+            route: "red",
+            time: "8:30-10:00",
+            day: "All week",
+        },
+        {
+            name: "Photography",
+            route: "orange",
+            time: "6:30-5:00",
+            day: "Sunday",
+        },
+        {
+            name: "Trekking",
+            route: "indigo",
+            time: "6:30-5:00",
+            day: "Sunday",
+        },
+        {
+            name: "Tent Stay",
+            route: "blue",
+            time: "6:30-5:00",
+            day: "Sunday",
+        },
+        {
+            name: "Jeep Safari",
+            route: "green",
+            time: "6:30-5:00",
+            day: "Sunday",
+        },
+    ],
+};
+
+module.exports = data;
diff --git a/src/components/Favourites/index.js b/src/components/Favourites/index.js
new file mode 100644
index 0000000..dbd8280
--- /dev/null
+++ b/src/components/Favourites/index.js
@@ -0,0 +1,33 @@
+import React, { useState } from "react";
+import FavouriteActivities from "./FavouriteActivities";
+import FavouriteDestinations from "./FavouriteDestinations";
+
+export default function Favourite() {
+    const [favourite, setFavourite] = useState("Destinations");
+    return (
+        <div className="bg-gray-50">
+            <p className="text-3xl ml-4 mt-8">Your favourites</p>
+            <nav className="px-8 pt-3">
+                <div className="flex justify-center space-x-10 mt-2">
+                    <button
+                        className="border-b-2 border-transparent text-2xl py-3 focus:outline-none focus:border-black"
+                        onClick={() => setFavourite("Destinations")}>
+                        Destinations
+                    </button>
+                    <button
+                        className="border-b-2 border-transparent text-2xl py-3 focus:outline-none focus:border-black"
+                        onClick={() => setFavourite("Activities")}>
+                        Activities
+                    </button>
+                </div>
+            </nav>
+            <div>
+                {favourite === "Activities" ? (
+                    <FavouriteActivities />
+                ) : (
+                    <FavouriteDestinations />
+                )}
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/Ksrtc/KsrtcCard.js b/src/components/Ksrtc/KsrtcCard.js
new file mode 100644
index 0000000..6fe15ba
--- /dev/null
+++ b/src/components/Ksrtc/KsrtcCard.js
@@ -0,0 +1,47 @@
+import React from "react";
+import clockicon from "./assets/img/alarm-clock.svg";
+
+function KsrtcCard(props) {
+    const days = ["S", "M", "T", "W", "Th", "F", "Sa"];
+    const availableDays =
+        props.availableDays === "allDay"
+            ? days
+            : props.availableDays.split(",");
+    return (
+        <div className="flex flex-col border-2 border-black w-11/12 bg-white px-7 py-7 p-1 max-w-sm mx-auto m-5 rounded-lg ">
+            <div className="mt-0.1">
+                <a className="text-xl text-black font-black font-xl" href="/#">
+                    {props.from}-{props.to}
+                </a>
+            </div>
+            <div className="flex justify-between items-center my-3 py-0.5">
+                <div className="flex items-center">
+                    <img
+                        src={clockicon}
+                        className="w-5 h-5 object-cover rounded-full"
+                        alt="clock"></img>
+                    <span className="text-black whitespace-nowrap font-medium text-sm mx-3">
+                        {props.time}
+                    </span>
+                    <span className="font-medium px-5 text-sm text-black">
+                        {props.type}
+                    </span>
+                </div>
+            </div>
+            <div className="flex text-center py-2 mt-0.5 space-x-2">
+                {days.map((day) => (
+                    <div
+                        key={day}
+                        className={`flex-1 border-2 border-black font-normal text-sm rounded-sm h-6.5 w-6.5 ${
+                            availableDays.includes(day)
+                                ? "bg-black text-white"
+                                : "bg-white text-black"
+                        }`}>
+                        {day}
+                    </div>
+                ))}
+            </div>
+        </div>
+    );
+}
+export default KsrtcCard;
diff --git a/src/components/Ksrtc/KsrtcContainer.js b/src/components/Ksrtc/KsrtcContainer.js
new file mode 100644
index 0000000..b7756da
--- /dev/null
+++ b/src/components/Ksrtc/KsrtcContainer.js
@@ -0,0 +1,25 @@
+import React from "react";
+import KsrtcCard from "./KsrtcCard";
+import ksrtcData from "../../data/ksrtcData.json";
+
+export default function KsrtcContainer() {
+    return (
+        <>
+            {ksrtcData.map((ksrtc) => {
+                return (
+                    <KsrtcCard
+                        key={ksrtc.ksrtcId}
+                        from={ksrtc.from}
+                        to={ksrtc.to}
+                        time={new Date(ksrtc.kstrcTime).toLocaleString(
+                            "en-US",
+                            { hour: "numeric", minute: "numeric" }
+                        )}
+                        type={ksrtc.ksrtcType}
+                        availableDays={ksrtc.availableDays}
+                    />
+                );
+            })}
+        </>
+    );
+}
diff --git a/src/components/Ksrtc/KsrtcHeader.js b/src/components/Ksrtc/KsrtcHeader.js
new file mode 100644
index 0000000..38540a0
--- /dev/null
+++ b/src/components/Ksrtc/KsrtcHeader.js
@@ -0,0 +1,32 @@
+import React from "react";
+
+function KsrtcHeader() {
+    return (
+        <div className=" px-4">
+            <div className="mt-10 ">
+                <div className="flex text-3xl font-bold">
+                    <button
+                        onClick={() => window.history.go(-1)}
+                        className="uppercase flex flex-row pt-2 pl-2 hover:bg-grey-200 transition duration-200 curser-default focus:outline-none justify-center items-center border border-white text-black rounded-full w-15 h-15">
+                        <svg
+                            className="mx-auto  my-auto"
+                            xmlns="http://www.w3.org/2000/svg"
+                            width="39"
+                            height="39"
+                            preserveAspectRatio="xMidYMid meet"
+                            viewBox="0 0 28 28"
+                            fill="currentColor">
+                            <path
+                                fillRule="evenodd"
+                                d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
+                                clipRule="evenodd"
+                            />
+                        </svg>
+                    </button>
+                    <p className="ml-2 PY-0.5">KSRTC Timings</p>
+                </div>
+            </div>
+        </div>
+    );
+}
+export default KsrtcHeader;
diff --git a/src/components/Ksrtc/assets/data.js b/src/components/Ksrtc/assets/data.js
new file mode 100644
index 0000000..ef05991
--- /dev/null
+++ b/src/components/Ksrtc/assets/data.js
@@ -0,0 +1,27 @@
+const data = {
+    ksrtc: [
+        {
+            from: "Munnar",
+            to: "Trivandrum",
+            time: "7",
+            amorpm: "AM",
+            type: "Ordinary",
+        },
+        {
+            from: "Munnar",
+            to: "Thodupuzha",
+            time: "10",
+            amorpm: "AM",
+            type: "Super Fast",
+        },
+        {
+            from: "Munnar",
+            to: "Ernakulam",
+            time: "9",
+            amorpm: "PM",
+            type: "Minnal",
+        },
+    ],
+};
+
+module.exports = data;
diff --git a/src/components/Ksrtc/assets/img/alarm-clock.svg b/src/components/Ksrtc/assets/img/alarm-clock.svg
new file mode 100644
index 0000000..fdcba4a
--- /dev/null
+++ b/src/components/Ksrtc/assets/img/alarm-clock.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 429.653 429.653" style="enable-background:new 0 0 429.653 429.653;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<polygon points="126.933,32.64 99.52,0 1.493,82.24 28.907,114.88 			"/>
+			<polygon points="428.16,82.347 330.133,0.107 302.72,32.747 400.747,114.987 			"/>
+			<path d="M214.72,45.653c-106.133,0-191.893,85.973-191.893,192s85.76,192,191.893,192s192.107-85.973,192.107-192
+				S320.853,45.653,214.72,45.653z M214.827,386.987c-82.453,0-149.333-66.88-149.333-149.333S132.373,88.32,214.827,88.32
+				S364.16,155.2,364.16,237.653S297.387,386.987,214.827,386.987z"/>
+			<polygon points="225.493,130.987 193.493,130.987 193.493,258.987 294.72,319.893 310.827,293.547 225.493,242.987 			"/>
+		</g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/src/components/Ksrtc/index.js b/src/components/Ksrtc/index.js
new file mode 100644
index 0000000..edd8efc
--- /dev/null
+++ b/src/components/Ksrtc/index.js
@@ -0,0 +1,13 @@
+import React from "react";
+//import KsrtcCard from "./KsrtcCard";
+import KsrtcHeader from "./KsrtcHeader";
+import KsrtcContainer from "./KsrtcContainer";
+
+export default function Ksrtc() {
+    return (
+        <div>
+            <KsrtcHeader />
+            <KsrtcContainer />
+        </div>
+    );
+}
diff --git a/src/components/NearMe/Topbar.js b/src/components/NearMe/Topbar.js
new file mode 100644
index 0000000..bda32fc
--- /dev/null
+++ b/src/components/NearMe/Topbar.js
@@ -0,0 +1,142 @@
+import React from "react";
+import location from "../NearMe/icons/map-pin.svg";
+import nearmeicon from "./Vector (2).svg";
+import Amenities from "./amenitiescard1";
+import Thingstodo from "./thingstodo";
+
+const Tabs = ({ color }) => {
+    const [openTab, setOpenTab] = React.useState(1);
+    return (
+        <>
+            <div className="flex flex-wrap">
+                <div className="w-full">
+                    <ul
+                        className="flex mb-0 list-none flex-wrap pt-3 pb-4 flex-row"
+                        role="tablist">
+                        <li className="-mb-px mr-2 last:mr-0 flex-auto text-center">
+                            <a
+                                className={
+                                    "text-sm font-medium px-5 py-3 " +
+                                    (openTab === 1
+                                        ? "text-gray-800 border-b-2 border-black"
+                                        : "text-" +
+                                          color +
+                                          "-600 focus:outline-none text-gray-800  font-medium ")
+                                }
+                                onClick={(e) => {
+                                    e.preventDefault();
+                                    setOpenTab(1);
+                                }}
+                                data-toggle="tab"
+                                href="#link1"
+                                role="tablist">
+                                Things to do
+                            </a>
+                        </li>
+                        <li className="-mb-px mr-2 last:mr-0 flex-auto text-center">
+                            <a
+                                className={
+                                    "text-sm font-medium  px-5 py-3  " +
+                                    (openTab === 2
+                                        ? "text-gray-800 bg-white-600 border-b-2 border-black"
+                                        : "text-" +
+                                          color +
+                                          "-600 bg-white focus:outline-none text-gray-800  font-medium ")
+                                }
+                                onClick={(e) => {
+                                    e.preventDefault();
+                                    setOpenTab(2);
+                                }}
+                                data-toggle="tab"
+                                href="#link2"
+                                role="tablist">
+                                Amenities
+                            </a>
+                        </li>
+                    </ul>
+                    <div class="container mx-auto max-w-sm flex flex-col space-y-4 justify-center items-center">
+                        <div
+                            className={openTab === 1 ? "block" : "hidden"}
+                            id="link1">
+                            <div>
+                                <Thingstodo name="Trekking Meeshapulimala" />
+                                <Thingstodo name="Destination Name" />
+                            </div>
+                        </div>
+                        <div
+                            className={openTab === 2 ? "block" : "hidden"}
+                            id="link2">
+                            <div className=" flex flex-wrap ">
+                                <div className="flex  justify-center mt-5">
+                                    <button className=" border-2 border-gray-600 bg-white-600 rounded-lg my-auto text-center text-xs font-medium text-black-500 px-4 py-1 hover:bg-gray-200 hover:text-black mr-2">
+                                        Hospitals
+                                    </button>
+                                    <button className="border-2 border-gray-600 bg-white-600 rounded-lg my-auto text-center text-xs font-medium text-black-500 px-2 py-1  hover:bg-gray-200 hover:text-black mr-2">
+                                        Food & Drinks
+                                    </button>
+                                    <button className="border-2 border-gray-600 bg-white-600 rounded-lg my-auto text-center text-xs font-medium text-black-500 px-2 py-1 hover:bg-gray-200 hover:text-black mr-2">
+                                        Waste bins
+                                    </button>
+                                </div>
+
+                                <div class="container mx-auto max-w-sm h-screen flex flex-col space-y-4 justify-center items-center">
+                                    <Amenities
+                                        category="Hospitals"
+                                        title="Tata Global Hospital"
+                                        place="Meeshapulimala"
+                                        color="red"
+                                        time="24 hours"
+                                        private="Private"
+                                        distance="1 KM"
+                                    />
+                                    <Amenities
+                                        category="Food_Drink"
+                                        title="Village restaurant"
+                                        place="Bodi hills"
+                                        color="indigo"
+                                        time="8AM-10PM"
+                                        private="Private"
+                                        distance="1.2 KM"
+                                    />
+                                    <Amenities
+                                        category="Wastebin"
+                                        title="Wastebin"
+                                        place="Sun moon valley"
+                                        color="green"
+                                        time="24 hours"
+                                        private="Private"
+                                        distance="1.2 KM"
+                                    />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </>
+    );
+};
+
+export default function TabsRender() {
+    return (
+        <div className="p-4 font-poppins font-weight=600  ">
+            <div className="flex justify-between mt-6 font-semibold text-3xl">
+                <div className="flex mt-6">
+                    <img src={nearmeicon} alt=""></img>
+                    <div class="pl-2 ml-2 text-2xl ">Near me </div>
+                </div>
+            </div>
+
+            <div>
+                <div className="flex mt-6 w-4 ">
+                    <img src={location} alt=""></img>
+
+                    <div class="pl-2 text-1xl font-medium">Meeshapullimala</div>
+                </div>
+            </div>
+            <>
+                <Tabs color="black" />
+            </>
+        </div>
+    );
+}
diff --git a/src/components/NearMe/Vector (2).svg b/src/components/NearMe/Vector (2).svg
new file mode 100644
index 0000000..0dc205c
--- /dev/null
+++ b/src/components/NearMe/Vector (2).svg	
@@ -0,0 +1,3 @@
+<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.4862 2.45452L8.77625 9.12056L7.62125 6.87003L7.34125 6.32385L6.62375 6.11328L3.6225 5.23807L12.4862 2.45452ZM15.75 0L0 4.95511V5.6L5.985 7.34383L8.295 11.8449H9.1525L15.75 0Z" fill="black"/>
+</svg>
diff --git a/src/components/NearMe/Vector.svg b/src/components/NearMe/Vector.svg
new file mode 100644
index 0000000..35d7d19
--- /dev/null
+++ b/src/components/NearMe/Vector.svg
@@ -0,0 +1,3 @@
+<svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.99961 5.5207C1.65561 5.5207 0.599609 4.4647 0.599609 3.1207C0.599609 1.7767 1.65561 0.720703 2.99961 0.720703C4.34361 0.720703 5.39961 1.7767 5.39961 3.1207C5.39961 4.4647 4.34361 5.5207 2.99961 5.5207ZM2.99961 1.6807C2.18361 1.6807 1.55961 2.3047 1.55961 3.1207C1.55961 3.9367 2.18361 4.5607 2.99961 4.5607C3.81561 4.5607 4.43961 3.9367 4.43961 3.1207C4.43961 2.3047 3.81561 1.6807 2.99961 1.6807Z" fill="black"/>
+</svg>
diff --git a/src/components/NearMe/Vector1.svg b/src/components/NearMe/Vector1.svg
new file mode 100644
index 0000000..90d1e63
--- /dev/null
+++ b/src/components/NearMe/Vector1.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="19" viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.99977 18.3999L6.61577 17.9679C6.37577 17.7279 0.759766 11.1039 0.759766 7.11988C0.759766 3.66388 3.54377 0.879883 6.99977 0.879883C10.4558 0.879883 13.2398 3.66388 13.2398 7.11988C13.2398 11.1039 7.62376 17.7279 7.38377 18.0159L6.99977 18.3999ZM6.99977 1.83988C4.07177 1.83988 1.71977 4.19188 1.71977 7.11988C1.71977 10.1919 5.75177 15.3759 6.99977 16.9119C8.24777 15.3759 12.2798 10.1919 12.2798 7.11988C12.2798 4.19188 9.92777 1.83988 6.99977 1.83988Z" fill="black"/>
+</svg>
diff --git a/src/components/NearMe/Wrappers/Cards/NearMeCard.js b/src/components/NearMe/Wrappers/Cards/NearMeCard.js
new file mode 100644
index 0000000..c5dd67d
--- /dev/null
+++ b/src/components/NearMe/Wrappers/Cards/NearMeCard.js
@@ -0,0 +1,51 @@
+import React from "react";
+import mapIcon from "../../icons/map.svg";
+import Icon from "../../../Common/Icon.js";
+import carIcon from "../../icons/car.svg";
+import mapPinIcon from "../../icons/map-pin.svg";
+
+export default function NearMeCard(props) {
+    return (
+        <div className="bg-white w-full flex items-center p-2  shadow border-2 border-gray-400">
+            <div className="flex items-center space-x-4">
+                <Icon name={props.icon} />
+            </div>
+            <div className="flex-grow p-3">
+                <div className="flex items-center space-x-2">
+                    <div className="flex items-center">
+                        <img
+                            alt=""
+                            style={{
+                                width: 15,
+                            }}
+                            src={mapIcon}></img>
+                    </div>
+                    <div className="font-semibold truncate text-lg text-gray-700">
+                        {props.place}
+                    </div>
+                </div>
+                <div className="flex items-center space-x-2">
+                    <div className="flex items-center mt-1">
+                        <img
+                            alt=""
+                            style={{
+                                width: 15,
+                            }}
+                            src={carIcon}></img>
+                    </div>
+                    <div className="text-sm text-gray-500">
+                        {props.minute} min {props.km} km
+                    </div>
+                </div>
+            </div>
+            <div className="p-2">
+                <img
+                    alt=""
+                    style={{
+                        width: 30,
+                    }}
+                    src={mapPinIcon}></img>
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/NearMe/Wrappers/NearmeDustBinWrapper.js b/src/components/NearMe/Wrappers/NearmeDustBinWrapper.js
new file mode 100644
index 0000000..e2d1c4a
--- /dev/null
+++ b/src/components/NearMe/Wrappers/NearmeDustBinWrapper.js
@@ -0,0 +1,35 @@
+import React from "react";
+import NearMeCard from "./Cards/NearMeCard.js";
+const data = require("../assets/data");
+
+export default function NearmeDustBinWrapper() {
+    const dustBin = data["dustbin"];
+    return (
+        <div className="m-8">
+            <div>
+                <div className="py-4 max-w-xl ">
+                    <h2 className="text-3xl text-gray-800 font-bold">
+                        Wastebin
+                    </h2>
+                    <p className="mt-4 text-sm text-gray-600">
+                        Lorem, ipsum dolor sit amea aperiam mollitia.
+                    </p>
+                </div>
+            </div>
+            <div className="space-y-4">
+                {dustBin.map((value, index) => {
+                    return (
+                        <div key={index}>
+                            <NearMeCard
+                                icon={value.icon}
+                                place={value.place}
+                                minute={value.minute}
+                                km={value.km}
+                            />
+                        </div>
+                    );
+                })}
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/NearMe/Wrappers/NearmeFoodWrapper.js b/src/components/NearMe/Wrappers/NearmeFoodWrapper.js
new file mode 100644
index 0000000..8566485
--- /dev/null
+++ b/src/components/NearMe/Wrappers/NearmeFoodWrapper.js
@@ -0,0 +1,35 @@
+import React from "react";
+import NearMeCard from "./Cards/NearMeCard.js";
+const data = require("../assets/data");
+
+export default function NearmeFoodWrapper() {
+    const restaurants = data["food"];
+    return (
+        <div className="m-8">
+            <div>
+                <div className="py-4 max-w-xl ">
+                    <h2 className="text-3xl text-gray-800 font-bold">
+                        Food & Drinks
+                    </h2>
+                    <p className="mt-4 text-sm text-gray-600">
+                        Lorem, ipsum dolor sit amea aperiam mollitia.
+                    </p>
+                </div>
+            </div>
+            <div className="space-y-4">
+                {restaurants.map((value, index) => {
+                    return (
+                        <div key={index}>
+                            <NearMeCard
+                                icon={value.icon}
+                                place={value.place}
+                                minute={value.minute}
+                                km={value.km}
+                            />
+                        </div>
+                    );
+                })}
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/NearMe/Wrappers/NearmeInfoWrapper.js b/src/components/NearMe/Wrappers/NearmeInfoWrapper.js
new file mode 100644
index 0000000..41aec67
--- /dev/null
+++ b/src/components/NearMe/Wrappers/NearmeInfoWrapper.js
@@ -0,0 +1,36 @@
+import React from "react";
+import NearMeCard from "./Cards/NearMeCard.js";
+const data = require("../assets/data");
+
+export default function NearmeInfoWrapper() {
+    const info = data["info"];
+
+    return (
+        <div className="m-8">
+            <div>
+                <div className="py-4 max-w-xl ">
+                    <h2 className="text-3xl text-gray-800 font-bold">
+                        Information Desk
+                    </h2>
+                    <p className="mt-4 text-sm text-gray-600">
+                        Lorem, ipsum dolor sit amea aperiam mollitia.
+                    </p>
+                </div>
+            </div>
+            <div className="space-y-4">
+                {info.map((value, index) => {
+                    return (
+                        <div key={index}>
+                            <NearMeCard
+                                icon={value.icon}
+                                place={value.place}
+                                minute={value.minute}
+                                km={value.km}
+                            />
+                        </div>
+                    );
+                })}
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/NearMe/Wrappers/NearmeRestWrapper.js b/src/components/NearMe/Wrappers/NearmeRestWrapper.js
new file mode 100644
index 0000000..8a9ab7d
--- /dev/null
+++ b/src/components/NearMe/Wrappers/NearmeRestWrapper.js
@@ -0,0 +1,35 @@
+import React from "react";
+import NearMeCard from "./Cards/NearMeCard.js";
+const data = require("../assets/data");
+
+export default function NearmeRestWrapper() {
+    const rest = data["rest"];
+    return (
+        <div className="m-8">
+            <div>
+                <div className="py-4 max-w-xl ">
+                    <h2 className="text-3xl text-gray-800 font-bold">
+                        Restroom
+                    </h2>
+                    <p className="mt-4 text-sm text-gray-600">
+                        Lorem, ipsum dolor sit amea aperiam mollitia.
+                    </p>
+                </div>
+            </div>
+            <div className="space-y-4">
+                {rest.map((value, index) => {
+                    return (
+                        <div key={index}>
+                            <NearMeCard
+                                icon={value.icon}
+                                place={value.place}
+                                minute={value.minute}
+                                km={value.km}
+                            />
+                        </div>
+                    );
+                })}
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/NearMe/Wrappers/NearmeStayWrapper.js b/src/components/NearMe/Wrappers/NearmeStayWrapper.js
new file mode 100644
index 0000000..728c0d9
--- /dev/null
+++ b/src/components/NearMe/Wrappers/NearmeStayWrapper.js
@@ -0,0 +1,33 @@
+import React from "react";
+import NearMeCard from "./Cards/NearMeCard.js";
+const data = require("../assets/data");
+
+export default function NearmeStayWrapper() {
+    const stay = data["stay"];
+    return (
+        <div className="m-8">
+            <div>
+                <div className="py-4 max-w-xl ">
+                    <h2 className="text-3xl text-gray-800 font-bold">Stay</h2>
+                    <p className="mt-4 text-sm text-gray-600">
+                        Lorem, ipsum dolor sit amea aperiam mollitia.
+                    </p>
+                </div>
+            </div>
+            <div className="space-y-4">
+                {stay.map((value, index) => {
+                    return (
+                        <div key={index}>
+                            <NearMeCard
+                                icon={value.icon}
+                                place={value.place}
+                                minute={value.minute}
+                                km={value.km}
+                            />
+                        </div>
+                    );
+                })}
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/NearMe/amenitiescard1.js b/src/components/NearMe/amenitiescard1.js
new file mode 100644
index 0000000..c848c7e
--- /dev/null
+++ b/src/components/NearMe/amenitiescard1.js
@@ -0,0 +1,103 @@
+import React from "react";
+import VectorIcon from "../NearMe/icons/Vector.svg";
+import clockIcon from "../NearMe/icons/clock.svg";
+import HIcon from "../NearMe/icons/H.svg";
+import ManIcon from "../NearMe/icons/man.svg";
+import PhnIcon from "../NearMe/icons/phone.svg";
+import DirectionIcon from "../NearMe/icons/direction.svg";
+import HospIcon from "../NearMe/icons/hospital.svg";
+import RestaurantIcon from "../NearMe/icons/restaurant.svg";
+
+let Contactnow = (category) => {
+    if (category !== "Wastebin") {
+        return (
+            <button className=" border-2 border-gray-700 bg-white-200 rounded-xl my-auto whitespace-nowrap text-center text-xs font-semibold text-black-500 px-4 py-1 hover:bg-white-200 hover:text-black mr-2">
+                <div class="flex">
+                    <div>Contact now</div>
+                    <div class="ml-3">
+                        <img src={PhnIcon} alt=""></img>
+                    </div>
+                </div>
+            </button>
+        );
+    }
+};
+
+let details = (props) => {
+    if (props.category !== "Wastebin") {
+        return (
+            <div class="mt-3 flex">
+                <div>
+                    <img src={clockIcon} alt=""></img>
+                </div>
+                <div class="ml-3">{props.time}</div>
+                <div class="ml-3">
+                    <img src={HIcon} alt=""></img>
+                </div>
+                <div class="ml-3">{props.private}</div>
+                <div class="ml-3">
+                    <img src={ManIcon} alt=""></img>
+                </div>
+                <div class="ml-3">{props.distance}</div>
+            </div>
+        );
+    } else {
+        return (
+            <div class="mt-3 flex">
+                <div class="ml-3">
+                    <img src={ManIcon} alt=""></img>
+                </div>
+
+                <div class="ml-3">{props.distance}</div>
+            </div>
+        );
+    }
+};
+
+export default function Amenities(props) {
+    return (
+        <div
+            class={`bg-white border-2 border-${props.color}-400 w-full p-2 rounded-xl shadow border border-red`}>
+            <div class="flex">
+                <div class="ml-2 mr-3 mt-2">
+                    <img
+                        src={
+                            props.category === "Hospitals"
+                                ? HospIcon
+                                : props.category === "Food_Drink"
+                                ? RestaurantIcon
+                                : null
+                        }
+                        alt=""></img>
+                </div>
+
+                <div class="font-Poppins font-style:normal font-weight:600 font-bold text-black-600 text-xl">
+                    {props.title}
+                </div>
+            </div>
+            <div class="mt-3 flex">
+                <div class="mr-5">{props.place}</div>
+
+                <div>
+                    <img src={VectorIcon} alt=""></img>
+                </div>
+                <div class={`ml-4 text-${props.color}-400`}>{props.color}</div>
+            </div>
+            {details(props)}
+            <div className="mt-2 flex flex-wrap ">
+                <div className="flex  justify-center mt-4">
+                    {Contactnow(props.category)}
+
+                    <button className="border-2 border-gray-700 bg-white-200 rounded-xl my-auto whitespace-nowrap text-center text-xs font-semibold text-black-500 px-2 py-1  hover:bg-white-200 hover:text-black mr-2">
+                        <div class="flex">
+                            <div>Get Direction</div>
+                            <div class="ml-3">
+                                <img src={DirectionIcon} alt=""></img>
+                            </div>
+                        </div>
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/NearMe/amenitiespage.js b/src/components/NearMe/amenitiespage.js
new file mode 100644
index 0000000..5e210a0
--- /dev/null
+++ b/src/components/NearMe/amenitiespage.js
@@ -0,0 +1,36 @@
+import React from "react";
+import Amenities from "./amenitiescard1";
+
+export default function Nearmepage() {
+    return (
+        <div class="container mx-auto max-w-sm h-screen flex flex-col space-y-4 justify-center items-center">
+            <Amenities
+                category="Hospitals"
+                title="Tata Global Hospital"
+                place="Meeshapulimala"
+                color="red"
+                time="24 hours"
+                private="Private"
+                distance="1 KM"
+            />
+            <Amenities
+                category="Food_Drink"
+                title="Village restaurant"
+                place="Bodi hills"
+                color="indigo"
+                time="8AM-10PM"
+                private="Private"
+                distance="1.2 KM"
+            />
+            <Amenities
+                category="Wastebin"
+                title="Wastebin"
+                place="Sun moon valley"
+                color="green"
+                time="24 hours"
+                private="Private"
+                distance="1.2 KM"
+            />
+        </div>
+    );
+}
diff --git a/src/components/NearMe/assets/data.js b/src/components/NearMe/assets/data.js
new file mode 100644
index 0000000..3b45e44
--- /dev/null
+++ b/src/components/NearMe/assets/data.js
@@ -0,0 +1,39 @@
+const data = {
+    info: [
+        { icon: "info", place: "Munnar", minute: "10", km: "5" },
+        { icon: "info", place: "Devikulam", minute: "100", km: "50" },
+        { icon: "info", place: "Kolukkumalai", minute: "30", km: "12" },
+        { icon: "info", place: "Kallar", minute: "50", km: "54" },
+        { icon: "info", place: "Eravikulam", minute: "40", km: "45" },
+    ],
+    dustbin: [
+        { icon: "trash", place: "Munnar", minute: "10", km: "5" },
+        { icon: "trash", place: "Devikulam", minute: "100", km: "50" },
+        { icon: "trash", place: "Kolukkumalai", minute: "30", km: "12" },
+        { icon: "trash", place: "Kallar", minute: "50", km: "54" },
+        { icon: "trash", place: "Eravikulam", minute: "40", km: "45" },
+    ],
+    rest: [
+        { icon: "bed", place: "Munnar", minute: "10", km: "5" },
+        { icon: "bed", place: "Devikulam", minute: "100", km: "50" },
+        { icon: "bed", place: "Kolukkumalai", minute: "30", km: "12" },
+        { icon: "bed", place: "Kallar", minute: "50", km: "54" },
+        { icon: "bed", place: "Eravikulam", minute: "40", km: "45" },
+    ],
+    food: [
+        { icon: "food", place: "Munnar", minute: "10", km: "5" },
+        { icon: "food", place: "Devikulam", minute: "100", km: "50" },
+        { icon: "food", place: "Kolukkumalai", minute: "30", km: "12" },
+        { icon: "food", place: "Kallar", minute: "50", km: "54" },
+        { icon: "food", place: "Eravikulam", minute: "40", km: "45" },
+    ],
+    stay: [
+        { icon: "house", place: "Munnar", minute: "10", km: "5" },
+        { icon: "house", place: "Devikulam", minute: "100", km: "50" },
+        { icon: "house", place: "Kolukkumalai", minute: "30", km: "12" },
+        { icon: "house", place: "Kallar", minute: "50", km: "54" },
+        { icon: "house", place: "Eravikulam", minute: "40", km: "45" },
+    ],
+};
+
+module.exports = data;
diff --git a/src/components/NearMe/bookguide.js b/src/components/NearMe/bookguide.js
new file mode 100644
index 0000000..cc44421
--- /dev/null
+++ b/src/components/NearMe/bookguide.js
@@ -0,0 +1,69 @@
+import React from "react";
+import { MdDateRange } from "react-icons/md";
+import { MdCall } from "react-icons/md";
+import { TiMessages } from "react-icons/ti";
+import { FaStar } from "react-icons/fa";
+export default function BookGuide(props) {
+    return (
+        <div className="p-3">
+            <div className="bg-white flex items-center p-2 border-2 border-gray-300 ">
+                <div className="flex-grow p-2">
+                    <div className="flex justify-between">
+                        <div className="flex items-center space-x-2">
+                            <img
+                                src="https://joshuaallenshaw.com/wp-content/uploads/2019/04/blank-profile-picture-973460_1280-702x526.png"
+                                alt="My profile"
+                                className="w-8 h-8 rounded-full"></img>
+                            <div
+                                className="font-semibold text-gray-700"
+                                font-quicksand>
+                                {props.name}
+                            </div>
+                        </div>
+                        <div className="flex justify-between m-0">
+                            <div className="text-sm text-gray-500 m-1.5 font-quicksand">
+                                {props.rate}
+                            </div>
+                            <div className="m-1.5">
+                                <FaStar />
+                            </div>
+                            <div className="text-sm text-gray-500 m-1.5 font-quicksand">
+                                {props.trips}
+                            </div>
+                        </div>
+                    </div>
+                    <br></br>
+                    <div className="flex items-center space-x-2">
+                        <div className="flex items-center">
+                            <div className="m-1.5">
+                                <MdDateRange />
+                            </div>
+                        </div>
+                        <div className="text-sm text-gray-500">{props.age}</div>
+                    </div>
+                    <div className="flex items-center space-x-2">
+                        <div className="flex items-center">
+                            <div className="m-1.5">
+                                <TiMessages />
+                            </div>
+                        </div>
+                        <div className="text-sm text-gray-500 font-quicksand">
+                            {props.lan}
+                        </div>
+                    </div>
+                    <br></br>
+                    <div className="flex justify-between items-center space-x-2 font-quicksand">
+                        <div className="font-semibold text-gray-700">
+                            INR 1000/trip
+                        </div>
+                        <div className="flex items-center">
+                            <div className="m-1.5">
+                                <MdCall />
+                            </div>
+                        </div>
+                    </div>{" "}
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/NearMe/callbookguide.js b/src/components/NearMe/callbookguide.js
new file mode 100644
index 0000000..9363abc
--- /dev/null
+++ b/src/components/NearMe/callbookguide.js
@@ -0,0 +1,53 @@
+import React from "react";
+import BookGuide from "./bookguide.js";
+import { IoFilter } from "react-icons/io5";
+
+export default function Callbookguide() {
+    return (
+        <div className="m-8">
+            <div className="py-12 px-6">
+                <div className="flex justify-between w-full">
+                    <div className="text-3xl text-gray-800 font-bold">
+                        <h2>Book A Guide</h2>
+                    </div>
+                    <div className="m-1.5 ">
+                        <IoFilter />
+                    </div>
+                </div>
+
+                <p className="mt-4 text-gray-600">choose a guide from below</p>
+            </div>
+
+            <div className="space-y-4">
+                <BookGuide
+                    name="John Doe"
+                    age="19"
+                    lan="Malayalam"
+                    trips="1"
+                    rate="4"
+                />
+                <BookGuide
+                    name="John Doe"
+                    age="29"
+                    lan="English"
+                    trips="21"
+                    rate="4.4"
+                />
+                <BookGuide
+                    name="John Doe"
+                    age="30"
+                    lan="French"
+                    trips="19"
+                    rate="2.5"
+                />
+                <BookGuide
+                    name="John Doe"
+                    age="40"
+                    lan="chinese"
+                    trips="2"
+                    rate="5"
+                />
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/NearMe/icons/H.svg b/src/components/NearMe/icons/H.svg
new file mode 100644
index 0000000..d8e9ec2
--- /dev/null
+++ b/src/components/NearMe/icons/H.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.472656 0.75V17.25H15.7504V0.75H0.472656ZM1.86155 2.25H14.3615V15.75H1.86155V2.25ZM4.63932 4.5V13.5H6.02821V9.75H10.1949V13.5H11.5838V4.5H10.1949V8.25H6.02821V4.5H4.63932Z" fill="black"/>
+</svg>
diff --git a/src/components/NearMe/icons/Vector.svg b/src/components/NearMe/icons/Vector.svg
new file mode 100644
index 0000000..05069cf
--- /dev/null
+++ b/src/components/NearMe/icons/Vector.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.52 6.43967L3.57333 7.38634C3.02464 6.83776 2.61544 6.16565 2.38 5.42634L3.67333 5.09967C3.88667 5.69301 4.18667 6.09967 4.52 6.43967ZM5.33333 2.99967L2.66667 0.333008L0 2.99967H2.01333C2.02667 3.53967 2.06667 4.02634 2.14 4.44634L3.43333 4.11967C3.38667 3.79967 3.35333 3.41967 3.34667 2.99967H5.33333ZM12 2.99967L9.33333 0.333008L6.66667 2.99967H8.66C8.59333 5.45301 7.80667 6.16634 6.96667 6.91967C6.63333 7.21301 6.29333 7.53301 6 7.95301C5.77333 7.62634 5.51333 7.36634 5.24667 7.12634L4.30667 8.06634C4.92667 8.63301 5.33333 9.09301 5.33333 10.333V13.6663H6.66667V10.333C6.66667 8.98634 7.14 8.55967 7.86 7.91301C8.78 7.08634 9.91333 6.05967 9.99333 2.99967H12Z" fill="black"/>
+</svg>
diff --git a/src/components/NearMe/icons/car.svg b/src/components/NearMe/icons/car.svg
new file mode 100644
index 0000000..4348ea7
--- /dev/null
+++ b/src/components/NearMe/icons/car.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><g id="_13-car" data-name="13-car"><g id="glyph"><path d="M120,236a52,52,0,1,0,52,52A52.059,52.059,0,0,0,120,236Zm0,76a24,24,0,1,1,24-24A24,24,0,0,1,120,312Z"/><path d="M408,236a52,52,0,1,0,52,52A52.059,52.059,0,0,0,408,236Zm0,76a24,24,0,1,1,24-24A24,24,0,0,1,408,312Z"/><path d="M477.4,193.04,384,176l-79.515-65.975A44.109,44.109,0,0,0,276.526,100H159.38a43.785,43.785,0,0,0-34.359,16.514L74.232,176H40A36.04,36.04,0,0,0,4,212v44a44.049,44.049,0,0,0,44,44h9.145a64,64,0,1,1,125.71,0h162.29a64,64,0,1,1,125.71,0H472a36.04,36.04,0,0,0,36-36V228.632A35.791,35.791,0,0,0,477.4,193.04ZM180,164a12,12,0,0,1-12,12H115.245a6,6,0,0,1-4.563-9.9l34.916-40.9A12,12,0,0,1,154.724,121H168a12,12,0,0,1,12,12Zm60,56H224a12,12,0,0,1,0-24h16a12,12,0,0,1,0,24Zm94.479-43.706-114.507-.266a12,12,0,0,1-11.972-12V133a12,12,0,0,1,12-12h57.548a12,12,0,0,1,7.433,2.58l53.228,42A6,6,0,0,1,334.479,176.294Z"/></g></g></svg>
diff --git a/src/components/NearMe/icons/clock.svg b/src/components/NearMe/icons/clock.svg
new file mode 100644
index 0000000..29ae70d
--- /dev/null
+++ b/src/components/NearMe/icons/clock.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.13244 11.1088L5.48892 9.33379L4.67102 10.2171L7.12472 12.8671L11.7544 7.86712L10.9365 6.98379L7.13244 11.1088ZM12.377 0.508789L15.9318 3.71296L14.9442 4.99212L11.3871 1.78962L12.377 0.508789ZM4.14093 0.508789L5.13012 1.78879L1.57457 4.99212L0.586914 3.71212L4.14093 0.508789ZM8.25898 2.33379C6.4171 2.3339 4.65069 3.12423 3.34836 4.5309C2.04602 5.93758 1.31444 7.84539 1.31454 9.83462C1.31464 11.8239 2.04642 13.7316 3.3489 15.1381C4.65138 16.5446 6.41787 17.3347 8.25975 17.3346C9.17176 17.3346 10.0748 17.1405 10.9174 16.7635C11.76 16.3865 12.5255 15.834 13.1704 15.1375C13.8152 14.441 14.3267 13.6141 14.6757 12.7041C15.0247 11.7941 15.2042 10.8188 15.2042 9.83379C15.2041 8.84882 15.0245 7.87351 14.6754 6.96354C14.3264 6.05356 13.8148 5.22676 13.1698 4.53032C12.5249 3.83388 11.7593 3.28145 10.9167 2.90456C10.0741 2.52768 9.17099 2.33373 8.25898 2.33379ZM8.25898 15.6671C5.28059 15.6671 2.85775 13.0505 2.85775 9.83379C2.85775 6.61712 5.28059 4.00046 8.25898 4.00046C11.2374 4.00046 13.6602 6.61712 13.6602 9.83379C13.6602 13.0505 11.2374 15.6671 8.25898 15.6671Z" fill="black"/>
+</svg>
diff --git a/src/components/NearMe/icons/direction.svg b/src/components/NearMe/icons/direction.svg
new file mode 100644
index 0000000..8db29ca
--- /dev/null
+++ b/src/components/NearMe/icons/direction.svg
@@ -0,0 +1,3 @@
+<svg width="11" height="14" viewBox="0 0 11 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.5 1L5.793 1.707L8.086 4H2C1.73478 4 1.48043 4.10536 1.29289 4.29289C1.10536 4.48043 1 4.73478 1 5V13H2V5H8.086L5.793 7.293L6.5 8L10 4.5L6.5 1Z" fill="black" stroke="black"/>
+</svg>
diff --git a/src/components/NearMe/icons/hospital.svg b/src/components/NearMe/icons/hospital.svg
new file mode 100644
index 0000000..f4f0693
--- /dev/null
+++ b/src/components/NearMe/icons/hospital.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9 11.3C11.9 9.4 10.9 9.7 9.8 9.6C9.9 9.9 9.9 10.2 9.9 10.6C11.5 11 11.9 12.9 11.9 14V15H9.9V14H10.9C10.9 14 10.9 11.5 9.4 11.5C7.9 11.5 7.9 13.9 7.9 14H8.9V15H6.9V14C6.9 12.9 7.3 10.9 8.9 10.6C8.9 10 8.8 9.5 8.7 9.3C8.5 9.2 8.3 9 8.3 8.7C8.3 8.1 9.1 8.3 9.7 7.2C9.7 7.2 10.6 4.9 10.3 2.9H9.3C9.3 2.7 9.4 2.6 9.4 2.4C9.4 2.2 9.4 2.1 9.3 1.9H10.1C9.8 0.9 8.8 0 6.9 0C5 0 4 0.9 3.6 2H4.4C4.4 2.2 4.3 2.3 4.3 2.5C4.3 2.7 4.3 2.8 4.4 3H3.4C3.2 5 4 7.3 4 7.3C4.6 8.3 5.4 8.1 5.4 8.8C5.4 9.3 4.9 9.5 4.3 9.6C4.1 9.8 3.9 10.2 3.9 11V12.2C4.5 12.4 4.9 13 4.9 13.6C4.9 14.3 4.2 15 3.4 15C2.6 15 1.9 14.3 1.9 13.5C1.9 12.8 2.3 12.3 2.9 12.1V10.9C2.9 10.4 3 10 3.1 9.6C2.4 9.7 1.6 10 0.9 11.3C0.3 12.4 0 16 0 16H13.7C13.8 16 13.5 12.4 12.9 11.3ZM5.4 2.5C5.4 1.7 6.1 1 6.9 1C7.7 1 8.4 1.7 8.4 2.5C8.4 3.3 7.7 4 6.9 4C6.1 4 5.4 3.3 5.4 2.5Z" fill="black"/>
+</svg>
diff --git a/src/components/NearMe/icons/man.svg b/src/components/NearMe/icons/man.svg
new file mode 100644
index 0000000..3065cea
--- /dev/null
+++ b/src/components/NearMe/icons/man.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="19" viewBox="0 0 13 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.7402 19H11.5365V11.0465H12.7402V19ZM3.53584 11.0465H2.30806L0.703125 19H1.9309L3.53584 11.0465ZM8.32658 3.53488C9.2093 3.53488 9.93152 2.73953 9.93152 1.76744C9.93152 0.795349 9.2093 0 8.32658 0C7.44387 0 6.72164 0.795349 6.72164 1.76744C6.72164 2.73953 7.44387 3.53488 8.32658 3.53488ZM5.35745 6.53953L3.11053 19H4.79572L6.24016 11.9302L7.92535 13.6977V19H9.53029V12.3721L7.8451 10.6047L8.32658 7.95349C9.36979 9.27907 10.9747 10.1628 12.7402 10.1628V8.39535C11.2155 8.39535 9.93152 7.51163 9.28955 6.27442L8.48708 4.86047C8.27036 4.47884 7.9374 4.19459 7.54778 4.05858C7.15816 3.92258 6.73731 3.94369 6.36053 4.11814L2.30806 6.0093V10.1628H3.913V7.15814L5.35745 6.53953Z" fill="black"/>
+</svg>
diff --git a/src/components/NearMe/icons/map-pin.svg b/src/components/NearMe/icons/map-pin.svg
new file mode 100644
index 0000000..861da9c
--- /dev/null
+++ b/src/components/NearMe/icons/map-pin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
diff --git a/src/components/NearMe/icons/map.svg b/src/components/NearMe/icons/map.svg
new file mode 100644
index 0000000..fce814b
--- /dev/null
+++ b/src/components/NearMe/icons/map.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map"><polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"></polygon><line x1="8" y1="2" x2="8" y2="18"></line><line x1="16" y1="6" x2="16" y2="22"></line></svg>
\ No newline at end of file
diff --git a/src/components/NearMe/icons/phone.svg b/src/components/NearMe/icons/phone.svg
new file mode 100644
index 0000000..4b5dd5b
--- /dev/null
+++ b/src/components/NearMe/icons/phone.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.18093 0.625548L2.89827 0.396214C3.5716 0.181548 4.2896 0.528881 4.57827 1.20755L5.15093 2.55955C5.40027 3.14821 5.26227 3.84088 4.80827 4.27155L3.5456 5.47021C3.62293 6.18755 3.86427 6.89355 4.26827 7.58821C4.65212 8.26036 5.16695 8.84863 5.78227 9.31821L7.29893 8.81155C7.87427 8.62022 8.50027 8.84088 8.85227 9.35888L9.67426 10.5655C10.0843 11.1682 10.0109 11.9989 9.50227 12.5095L8.95693 13.0569C8.41427 13.6015 7.63893 13.7995 6.92227 13.5755C5.2296 13.0475 3.6736 11.4802 2.2536 8.87355C0.831599 6.26288 0.329599 4.04688 0.748266 2.22821C0.924266 1.46288 1.46893 0.852881 2.18093 0.625548Z" fill="black"/>
+</svg>
diff --git a/src/components/NearMe/icons/restaurant.svg b/src/components/NearMe/icons/restaurant.svg
new file mode 100644
index 0000000..ef176f9
--- /dev/null
+++ b/src/components/NearMe/icons/restaurant.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 2.5C4.2 2.5 4 2.8 4 3V5.5H3V3C3 2.7 2.8 2.5 2.5 2.5C2.2 2.5 2 2.8 2 3V5.5H1V3C1 2.7 0.8 2.5 0.5 2.5C0.2 2.5 0 2.8 0 3V6.3C0 7.2 0.7 7.9 1.5 8V15C1.5 15.6 1.9 16 2.5 16C3.1 16 3.5 15.6 3.5 15V8C4.3 7.9 5 7.2 5 6.3V3C5 2.8 4.8 2.5 4.5 2.5ZM6.5 3V9H7.5V15C7.5 15.6 7.9 16 8.5 16C9.1 16 9.5 15.6 9.5 15V0C7.8 0 6.5 1.3 6.5 3ZM13.5 2C12.1 2 11 3.5 11 5.3C10.9 6.5 11.5 7.6 12.5 8.3V15C12.5 15.6 12.9 16 13.5 16C14.1 16 14.5 15.6 14.5 15V8.3C15.5 7.6 16.1 6.5 16 5.3C16 3.5 14.9 2 13.5 2Z" fill="black"/>
+</svg>
diff --git a/src/components/NearMe/icons/road.svg b/src/components/NearMe/icons/road.svg
new file mode 100644
index 0000000..878484c
--- /dev/null
+++ b/src/components/NearMe/icons/road.svg
@@ -0,0 +1,3 @@
+<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.99 0H7.95V1.042H6.874V0H2L0 16H14.922L12.99 0ZM7.917 15H6.917V12H7.917V15ZM7.917 10.042H6.917V7H7.917V10.042ZM6.875 4.959V2.959H7.875V4.959H6.875Z" fill="black"/>
+</svg>
diff --git a/src/components/NearMe/index.js b/src/components/NearMe/index.js
new file mode 100644
index 0000000..aec3f9e
--- /dev/null
+++ b/src/components/NearMe/index.js
@@ -0,0 +1,12 @@
+import React from "react";
+import Topbar from "./Topbar.js";
+import Thingstodo from "./thingstodo.js";
+
+export default function NearMe() {
+    return (
+        <div>
+            <Topbar />
+            <Thingstodo />
+        </div>
+    );
+}
diff --git a/src/components/NearMe/map-pin.svg b/src/components/NearMe/map-pin.svg
new file mode 100644
index 0000000..d5548e9
--- /dev/null
+++ b/src/components/NearMe/map-pin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
\ No newline at end of file
diff --git a/src/components/NearMe/nearmepage.js b/src/components/NearMe/nearmepage.js
new file mode 100644
index 0000000..8e213a0
--- /dev/null
+++ b/src/components/NearMe/nearmepage.js
@@ -0,0 +1,11 @@
+import React from "react";
+import Thingstodo from "./thingstodo";
+
+export default function Nearmepage() {
+    return (
+        <div class="container mx-auto max-w-sm flex flex-col space-y-4 justify-center items-center">
+            <Thingstodo name="Trekking Meeshapulimala" />
+            <Thingstodo name="Destination Name" />
+        </div>
+    );
+}
diff --git a/src/components/NearMe/search.svg b/src/components/NearMe/search.svg
new file mode 100644
index 0000000..8710306
--- /dev/null
+++ b/src/components/NearMe/search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
\ No newline at end of file
diff --git a/src/components/NearMe/thingstodo.js b/src/components/NearMe/thingstodo.js
new file mode 100644
index 0000000..07893f5
--- /dev/null
+++ b/src/components/NearMe/thingstodo.js
@@ -0,0 +1,35 @@
+import React from "react";
+import Star from "../Common/Star";
+import VectorIcon from "../NearMe/icons/Vector.svg";
+
+export default function Thingstodo(props) {
+    return (
+        <div class="bg-white border-2 border-blue-600 w-full p-1 mx-1 rounded-xl shadow border mt-3 border-blue">
+            <div class="font-Poppins font-style:normal font-weight:600 font-bold text-black-600 text-xl">
+                {props.name}
+            </div>
+            <div class="mt-3 flex">
+                <div>
+                    <Star num={4} />
+                </div>
+                <div>
+                    <img src={VectorIcon} alt=""></img>
+                </div>
+                <div class="ml-4 text-indigo-400">Indigo</div>
+            </div>
+            <div className="mt-2 flex flex-wrap ">
+                <div className="flex  justify-center mt-4">
+                    <button className=" border-2 border-gray-200 bg-gray-200 rounded-xl my-auto whitespace-nowrap text-center text-xs font-bold text-black-500 px-4 py-1 hover:bg-gray-200 hover:text-black mr-2">
+                        Family friendly
+                    </button>
+                    <button className="border-2 border-gray-200 bg-gray-200 rounded-xl my-auto whitespace-nowrap text-center text-xs font-bold text-black-500 px-2 py-1  hover:bg-gray-200 hover:text-black mr-2">
+                        Disabled friendly
+                    </button>
+                    <button className="border-2 border-gray-200 bg-gray-200 rounded-xl my-auto whitespace-nowrap text-center text-xs font-bold text-black-500 px-2 py-1 hover:bg-gray-200 hover:text-black mr-2">
+                        Moderate
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/NearMe/top.js b/src/components/NearMe/top.js
new file mode 100644
index 0000000..c0d0e4f
--- /dev/null
+++ b/src/components/NearMe/top.js
@@ -0,0 +1,85 @@
+import React, { useState } from "react";
+import NearmeRestWrapper from "./Wrappers/NearmeRestWrapper";
+import NearmeFoodWrapper from "./Wrappers/NearmeFoodWrapper";
+import NearmeStayWrapper from "./Wrappers/NearmeStayWrapper";
+import NearmeDustBinWrapper from "./Wrappers/NearmeDustBinWrapper";
+import NearmeInfoWrapper from "./Wrappers/NearmeInfoWrapper";
+import Callbookguide from "./callbookguide";
+import Thingstodo from "./thingstodo";
+
+export default function NearMe() {
+    const [nearBy, setNearBy] = useState("Things to do");
+    return (
+        <div className="p-4 font-quicksand font-bold font-weight=600 text-3xl  ">
+            <div className="flex justify-between mt-6">
+                <p> Near Me </p>
+                <div className="flex space-x-4">
+                    <div className="font-thin text-gray-100 "></div>
+                    <div className="font-thin text-gray-100"></div>
+                </div>
+            </div>
+
+            <div className="mt-5 flex flex-wrap ">
+                <div className="flex  justify-center mt-4">
+                    <button
+                        onClick={() => setNearBy("Things to do")}
+                        className=" border-2 border-green-500 rounded-full my-auto text-center text-sm font-bold text-green-500 px-4 py-1 transition duration-300 ease-in-out hover:bg-green-500 hover:text-white mr-2">
+                        Things to do
+                    </button>
+                    <button
+                        onClick={() => setNearBy("Food & Drink")}
+                        className="border-2 border-green-500 rounded-full my-auto text-center text-sm font-bold text-green-500 px-2 py-1 transition duration-300 ease-in-out hover:bg-green-500 hover:text-white mr-2">
+                        Food & Drink
+                    </button>
+                    <button
+                        onClick={() => setNearBy("Stay")}
+                        className="border-2 border-green-500 rounded-full my-auto text-center text-sm font-bold text-green-500 px-2 py-1 transition duration-300 ease-in-out hover:bg-green-500 hover:text-white mr-2">
+                        Stay
+                    </button>
+                </div>
+                <div className="mt-3 flex justify-center">
+                    <button
+                        onClick={() => setNearBy("Information Desk")}
+                        className="border-2 border-green-500 rounded-full my-auto text-center text-sm font-bold text-green-500 px-2 py-1 transition duration-300 ease-in-out hover:bg-green-500 hover:text-white mr-2">
+                        Information Desk
+                    </button>
+                    <button
+                        onClick={() => setNearBy("Guide")}
+                        className="border-2 border-green-500 rounded-full my-auto text-center text-sm font-bold text-green-500 px-2 py-1 transition duration-300 ease-in-out hover:bg-green-500 hover:text-white mr-2">
+                        Book Guide
+                    </button>
+                </div>
+
+                <div className="mt-3 flex justify-center">
+                    <button
+                        onClick={() => setNearBy("Wastebins")}
+                        className="border-2 border-green-500 rounded-full my-auto text-center text-sm font-bold text-green-500 px-2 py-1 transition duration-300 ease-in-out hover:bg-green-500 hover:text-white mr-2">
+                        Wastebins
+                    </button>
+                    <button
+                        onClick={() => setNearBy("Restrooms")}
+                        className="border-2 border-green-500 rounded-full my-auto text-center text-sm font-bold text-green-500 px-2 py-1 transition duration-300 ease-in-out hover:bg-green-500 hover:text-white mr-2">
+                        Restrooms
+                    </button>
+                </div>
+            </div>
+            <div className="w-full flex flex-col">
+                {nearBy === "Restrooms" ? (
+                    <NearmeRestWrapper />
+                ) : nearBy === "Food & Drink" ? (
+                    <NearmeFoodWrapper />
+                ) : nearBy === "Stay" ? (
+                    <NearmeStayWrapper />
+                ) : nearBy === "Wastebins" ? (
+                    <NearmeDustBinWrapper />
+                ) : nearBy === "Information Desk" ? (
+                    <NearmeInfoWrapper />
+                ) : nearBy === "Guide" ? (
+                    <Callbookguide />
+                ) : (
+                    <Thingstodo />
+                )}
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/Notification/News.js b/src/components/Notification/News.js
new file mode 100644
index 0000000..6d295fa
--- /dev/null
+++ b/src/components/Notification/News.js
@@ -0,0 +1,24 @@
+import React from "react";
+import newsicon from "./assets/img/news.png";
+
+export default function News(props) {
+    return (
+        <div>
+            <div className="container mx-auto mt-6 max-w-sm flex flex-col justify-center items-center">
+                <div className="bg-white w-full flex items-center p-2 rounded-xl  border-4">
+                    <div className="flex items-center">
+                        <img alt="" style={{ width: 50 }} src={newsicon}></img>
+                    </div>
+                    <div className="flex-grow p-3">
+                        <div className="font-semibold text-gray-700">
+                            {props.heading}
+                        </div>
+                        <div className="text-sm text-gray-500">
+                            {props.content}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/Notification/NewsContainer.js b/src/components/Notification/NewsContainer.js
new file mode 100644
index 0000000..31841da
--- /dev/null
+++ b/src/components/Notification/NewsContainer.js
@@ -0,0 +1,19 @@
+import React from "react";
+import News from "./News";
+const data = require("./assets/data");
+
+export default function NewsContainer() {
+    const news = data["news"];
+
+    return (
+        <div>
+            {news.map((value, index) => {
+                return (
+                    <div key={index}>
+                        <News heading={value.heading} content={value.content} />
+                    </div>
+                );
+            })}
+        </div>
+    );
+}
diff --git a/src/components/Notification/NotificationCard.js b/src/components/Notification/NotificationCard.js
new file mode 100644
index 0000000..72bfb7a
--- /dev/null
+++ b/src/components/Notification/NotificationCard.js
@@ -0,0 +1,35 @@
+import React from "react";
+import alerticon from "./assets/img/exclamation-mark.png";
+import greyicon from "./assets/img/alert.svg";
+
+export default function NotificationCard(props) {
+    return (
+        <div>
+            <div className="container box-border mx-auto m-10 max-w-sm flex flex-col justify-center items-center">
+                <div
+                    className={`bg-white box-border w-11/12 flex items-center p-2 rounded-xl border-4 ${
+                        props.isEmergency ? "border-red-500" : "border-grey-500"
+                    }`}>
+                    <div className="flex items-center">
+                        <img
+                            alt=""
+                            style={{
+                                width: 50,
+                            }}
+                            src={
+                                props.isEmergency ? alerticon : greyicon
+                            }></img>
+                    </div>
+                    <div className="flex-grow p-3">
+                        <div className="font-semibold text-gray-700">
+                            {props.heading}
+                        </div>
+                        <div className="text-sm text-gray-500">
+                            {props.content}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/Notification/NotificationContainer.js b/src/components/Notification/NotificationContainer.js
new file mode 100644
index 0000000..9ffc2e3
--- /dev/null
+++ b/src/components/Notification/NotificationContainer.js
@@ -0,0 +1,22 @@
+import React from "react";
+import NotificationCard from "./NotificationCard";
+const data = require("./assets/data");
+
+export default function NotificationContainer() {
+    const notifications = data["notifications"];
+    return (
+        <>
+            {notifications.map((value, index) => {
+                return (
+                    <div key={index}>
+                        <NotificationCard
+                            isEmergency={value.isEmergency}
+                            heading={value.heading}
+                            content={value.content}
+                        />
+                    </div>
+                );
+            })}
+        </>
+    );
+}
diff --git a/src/components/Notification/NotificationHeader.js b/src/components/Notification/NotificationHeader.js
new file mode 100644
index 0000000..76792d8
--- /dev/null
+++ b/src/components/Notification/NotificationHeader.js
@@ -0,0 +1,63 @@
+import React, { useState } from "react";
+import NotificationContainer from "./NotificationContainer";
+import NewsContainer from "./NewsContainer";
+
+function NotificationHeader() {
+    let [activeTab, setActiveTab] = useState("Alert");
+    return (
+        <div className="px-4">
+            <div className="mt-10">
+                <button
+                    onClick={() => window.history.go(-1)}
+                    className="uppercase pt-2 pl-2 hover:bg-gray-200 transition duration-200 curser-default focus:outline-none flex justify-center items-center border border-white text-black rounded-full w-15 h-15 ">
+                    <svg
+                        className="mx-auto  my-auto"
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="39"
+                        height="39"
+                        preserveAspectRatio="xMidYMid meet"
+                        viewBox="0 0 28 28"
+                        fill="currentColor">
+                        <path
+                            fill-rule="evenodd"
+                            d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z"
+                            clip-rule="evenodd"
+                        />
+                    </svg>
+                </button>
+                <p className="text-4xl font-bold ">Notification</p>
+                <br />
+                <div className="flex w-full">
+                    <button
+                        onClick={() => {
+                            setActiveTab("Alert");
+                        }}
+                        className={`text-center focus:outline-none hover:bg-teal-500 border-2 flex-shrink-0 border-teal-600 font-bold  hover:text-white rounded-full text-white px-3 py-2 transition duration-300 ease-in-out w-36 mr-50${
+                            activeTab === "Alert"
+                                ? " bg-teal-500 text-black"
+                                : "bg-white-500 text-teal-500"
+                        }`}>
+                        Alert
+                    </button>
+                    <button
+                        onClick={() => {
+                            setActiveTab("News");
+                        }}
+                        className={`text-center focus:outline-none ml-auto hover:bg-teal-500  border-2 flex-shrink-0 border-teal-500 font-bold  hover:text-white  rounded-full text-white px-4 py-2 transition duration-300 ease-in-out w-36 mr-50${
+                            activeTab === "News"
+                                ? " bg-teal-500 text-black"
+                                : "bg-white-500 text-teal-500"
+                        }`}>
+                        News
+                    </button>
+                </div>
+            </div>
+            <div>
+                {activeTab === "Alert" ? <NotificationContainer /> : ""}
+                {activeTab === "News" ? <NewsContainer /> : ""}
+            </div>
+        </div>
+    );
+}
+
+export default NotificationHeader;
diff --git a/src/components/Notification/assets/data.js b/src/components/Notification/assets/data.js
new file mode 100644
index 0000000..21f2bb9
--- /dev/null
+++ b/src/components/Notification/assets/data.js
@@ -0,0 +1,27 @@
+const data = {
+    news: [
+        {
+            heading: "Code4Munnar is going to change the face of ecotourism",
+            content:
+                "The hackathon will be held from 29 to 31 of January 2021.Interested students may apply.",
+        },
+        {
+            heading: "KSTRC Bandh",
+            content: "There will be Bandh today from 10 am to 5 pm today",
+        },
+    ],
+    notifications: [
+        {
+            isEmergency: true,
+            heading: "Road Blocked",
+            content: "The road is blocked in the route Munnar-Trivandrum.",
+        },
+        {
+            isEmergency: false,
+            heading: "Landslide Warning",
+            content: "Landslide in Devikulam",
+        },
+    ],
+};
+
+module.exports = data;
diff --git a/src/components/Notification/assets/img/alert.svg b/src/components/Notification/assets/img/alert.svg
new file mode 100644
index 0000000..8d02b7d
--- /dev/null
+++ b/src/components/Notification/assets/img/alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
\ No newline at end of file
diff --git a/src/components/Notification/assets/img/exclamation-mark.png b/src/components/Notification/assets/img/exclamation-mark.png
new file mode 100644
index 0000000..76d1e34
Binary files /dev/null and b/src/components/Notification/assets/img/exclamation-mark.png differ
diff --git a/src/components/Notification/assets/img/news.png b/src/components/Notification/assets/img/news.png
new file mode 100644
index 0000000..ff8afbc
Binary files /dev/null and b/src/components/Notification/assets/img/news.png differ
diff --git a/src/components/Notification/index.js b/src/components/Notification/index.js
new file mode 100644
index 0000000..a6bf7b9
--- /dev/null
+++ b/src/components/Notification/index.js
@@ -0,0 +1,10 @@
+import React from "react";
+import NotificationHeader from "./NotificationHeader";
+
+export default function Notification() {
+    return (
+        <div>
+            <NotificationHeader />
+        </div>
+    );
+}
diff --git a/src/components/Plan/index.js b/src/components/Plan/index.js
new file mode 100644
index 0000000..fcece50
--- /dev/null
+++ b/src/components/Plan/index.js
@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function Plan() {
+    return <div>Plan</div>;
+}
diff --git a/src/components/RoutePage/AmenitiesContainer.js b/src/components/RoutePage/AmenitiesContainer.js
new file mode 100644
index 0000000..13ce432
--- /dev/null
+++ b/src/components/RoutePage/AmenitiesContainer.js
@@ -0,0 +1,27 @@
+import React from "react";
+import Amenity from "./Amenity";
+
+const AmenitiesContainer = ({ routeName, className }) => {
+    return (
+        <div
+            className={`flex justify-evenly space-x-6 md:space-x-24 ${className}`}>
+            <Amenity
+                routeName={routeName}
+                iconName="todo"
+                name="Things To Do"
+            />
+            <Amenity
+                routeName={routeName}
+                iconName="foodDrinks"
+                name="Food and Drinks"
+            />
+            <Amenity
+                routeName={routeName}
+                iconName="amenities"
+                name="Amenities"
+            />
+        </div>
+    );
+};
+
+export default AmenitiesContainer;
diff --git a/src/components/RoutePage/Amenity.js b/src/components/RoutePage/Amenity.js
new file mode 100644
index 0000000..e1134ba
--- /dev/null
+++ b/src/components/RoutePage/Amenity.js
@@ -0,0 +1,25 @@
+import React from "react";
+import { A } from "hookrouter";
+import Icon from "../Common/Icon";
+
+const Amenity = ({ routeName, iconName, name }) => {
+    return (
+        <A
+            href={`/route/${routeName}`}
+            className="flex-1 flex flex-col border-2 border-black rounded-xl">
+            <div className="p-3 flex justify-center items-center">
+                <Icon
+                    name={iconName}
+                    className="text-black fill-current"
+                    color="black"
+                    size={10}
+                />
+            </div>
+            <div className="text-sm flex-1 bg-black text-white text-center px-2 py-3 rounded-b-lg">
+                {name}
+            </div>
+        </A>
+    );
+};
+
+export default Amenity;
diff --git a/src/components/RoutePage/Heading.js b/src/components/RoutePage/Heading.js
new file mode 100644
index 0000000..08521f3
--- /dev/null
+++ b/src/components/RoutePage/Heading.js
@@ -0,0 +1,34 @@
+import React from "react";
+import Icon from "../Common/Icon";
+import TruncatedText from "../Common/TruncatedText";
+
+const Heading = ({ route, color, className }) => {
+    return (
+        <div className={className}>
+            <div className="pt-6 pb-2 flex justify-between items-center">
+                <div
+                    className={`px-1 ${color.text} ${color.border} border-2 rounded font-semibold border-solid uppercase`}>
+                    {route.routeColorName} route
+                </div>
+
+                <Icon
+                    name="information"
+                    className="text-black stroke-2"
+                    color="black"
+                    stroke={true}
+                    size={5}
+                />
+            </div>
+            <h1 className="uppercase text-xl font-semibold pt-3 pb-2">
+                {route.routeName}
+            </h1>
+            <TruncatedText
+                content={route.routeDescription}
+                maxLength={200}
+                className="leading-relaxed pt-1 pb-3"
+            />
+        </div>
+    );
+};
+
+export default Heading;
diff --git a/src/components/RoutePage/PositionIndicator.js b/src/components/RoutePage/PositionIndicator.js
new file mode 100644
index 0000000..9709eec
--- /dev/null
+++ b/src/components/RoutePage/PositionIndicator.js
@@ -0,0 +1,20 @@
+import React from "react";
+import { A } from "hookrouter";
+
+const PositionIndicator = ({ position, routes }) => {
+    return (
+        <div className="w-full bg-black h-8 flex items-center justify-center space-x-2 md:space-x-4 px-2">
+            {routes.map((route, i) => (
+                <A
+                    href={`/route/${route}`}
+                    key={i}
+                    className={`w-10 h-1.5 md:w-12 lg:w-16 ${
+                        position === i ? "" : "bg-opacity-25"
+                    } bg-white rounded-full`}
+                />
+            ))}
+        </div>
+    );
+};
+
+export default PositionIndicator;
diff --git a/src/components/RoutePage/StoryImage.js b/src/components/RoutePage/StoryImage.js
new file mode 100644
index 0000000..bd26b4f
--- /dev/null
+++ b/src/components/RoutePage/StoryImage.js
@@ -0,0 +1,27 @@
+import React from "react";
+import { navigate } from "hookrouter";
+import Icon from "../Common/Icon";
+
+const StoryImage = ({ image }) => {
+    return (
+        <div className="relative w-full">
+            <img
+                src={image}
+                alt=""
+                className="w-full h-64 md:h-96 object-cover"
+            />
+            <button
+                className="absolute flex items-center justify-center left-3 top-3 w-12 h-12 rounded-full focus:outline-none"
+                onClick={() => navigate("/")}>
+                <Icon
+                    name="close"
+                    color="white"
+                    className="text-white"
+                    size={7}
+                />
+            </button>
+        </div>
+    );
+};
+
+export default StoryImage;
diff --git a/src/components/RoutePage/assets/images/route-default.png b/src/components/RoutePage/assets/images/route-default.png
new file mode 100644
index 0000000..f93456e
Binary files /dev/null and b/src/components/RoutePage/assets/images/route-default.png differ
diff --git a/src/components/RoutePage/index.js b/src/components/RoutePage/index.js
new file mode 100644
index 0000000..2b54469
--- /dev/null
+++ b/src/components/RoutePage/index.js
@@ -0,0 +1,85 @@
+import React from "react";
+import PositionIndicator from "./PositionIndicator";
+import StoryImage from "./StoryImage";
+import Heading from "./Heading";
+import AmenitiesContainer from "./AmenitiesContainer";
+import DestinationContainer from "../Common/DestinationContainer";
+import TodoContainer from "../Common/TodoContainer";
+import destinationData from "../../data/destinationData.json";
+import activityData from "../../data/activityData.json";
+
+const RoutePage = ({ route, position }) => {
+    let destinations = destinationData.filter(
+        (destination) => destination.destinationRouteId === route.routeId
+    );
+    let activities = activityData.filter(
+        (activity) => activity.activityRouteId === route.routeId
+    );
+    const routes = {
+        violet: {
+            text: "text-violet-900",
+            border: "border-violet-900",
+        },
+        indigo: {
+            text: "text-indigo-900",
+            border: "border-indigo-900",
+        },
+        blue: {
+            text: "text-cyan-600",
+            border: "border-cyan-600",
+        },
+        green: {
+            text: "text-green-500",
+            border: "border-green-500",
+        },
+        yellow: {
+            text: "text-yellow-500",
+            border: "border-yellow-500",
+        },
+        orange: {
+            text: "text-amber-600",
+            border: "border-amber-600",
+        },
+        red: {
+            text: "text-red-500",
+            border: "border-red-500",
+        },
+    };
+
+    const color = routes[route.routeColorName.toLowerCase()];
+
+    return (
+        <div className="w-full bg-gray-200">
+            <div className="max-w-5xl mx-auto bg-white">
+                <PositionIndicator
+                    position={position}
+                    routes={Object.keys(routes)}
+                />
+                <StoryImage image={route.routeIllustrationUrl} />
+
+                <Heading
+                    route={route}
+                    color={color}
+                    className="px-8 md:px-10"
+                />
+
+                <AmenitiesContainer
+                    routeName={route.routeColorName}
+                    className="py-8 px-8 md:px-10"
+                />
+
+                <DestinationContainer
+                    destinations={destinations}
+                    className="py-8 pb-4 md:pd-8"
+                />
+
+                <TodoContainer
+                    activities={activities}
+                    className="py-6 pt-4 md:pt-6"
+                />
+            </div>
+        </div>
+    );
+};
+
+export default RoutePage;
diff --git a/src/components/Search/index.js b/src/components/Search/index.js
new file mode 100644
index 0000000..bed8117
--- /dev/null
+++ b/src/components/Search/index.js
@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function Search() {
+    return <div>Search</div>;
+}
diff --git a/src/components/User/Common/Input.js b/src/components/User/Common/Input.js
new file mode 100644
index 0000000..a0b9702
--- /dev/null
+++ b/src/components/User/Common/Input.js
@@ -0,0 +1,19 @@
+import React from "react";
+import Icon from "../../Common/Icon";
+
+const Input = ({ placeholder, icon }) => {
+    return (
+        <div className="relative flex w-full flex-wrap items-stretch mb-3">
+            <span className="z-10 leading-snug font-normal absolute text-center text-gray-400 absolute bg-transparent rounded text-base items-center justify-center w-8 pl-3 py-3">
+                <Icon name={icon} size="w-2" />
+            </span>
+            <input
+                type="text"
+                placeholder={placeholder}
+                className="px-3 py-3 placeholder-gray-400 text-black relative bg-white bg-white rounded text-sm border-0 border-b-2 border-gray-400 outline-none focus:outline-none focus:shadow-outline w-full pl-10"
+            />
+        </div>
+    );
+};
+
+export default Input;
diff --git a/src/components/User/Common/Navbar.js b/src/components/User/Common/Navbar.js
new file mode 100644
index 0000000..2509302
--- /dev/null
+++ b/src/components/User/Common/Navbar.js
@@ -0,0 +1,20 @@
+import React from "react";
+import Icon from "../../Common/Icon";
+
+const Navbar = ({ name }) => {
+    return (
+        <div className="Navbar flex justify-between content-center pt-8 pb-12 pl-8 pr-8">
+            <div className="flex content-center">
+                <Icon name="userFilled" className="text-gray-900" size="7" />
+                <h1 className="ml-4 text-2xl font-bold text-gray-900">
+                    {name}
+                </h1>
+            </div>
+            <div className="flex">
+                <Icon name="editUser" className="text-gray-900" size="7" />
+            </div>
+        </div>
+    );
+};
+
+export default Navbar;
diff --git a/src/components/User/Common/PhoneNumberInput.js b/src/components/User/Common/PhoneNumberInput.js
new file mode 100644
index 0000000..4b42088
--- /dev/null
+++ b/src/components/User/Common/PhoneNumberInput.js
@@ -0,0 +1,34 @@
+import React from "react";
+
+const PhoneNumberInput = () => {
+    return (
+        <div>
+            <div className=" border-gray-300">
+                <div className="absolute border-b border-gray-600 py-1 inset-x-0 left-0 flex items-center">
+                    <label for="currency" className="sr-only">
+                        Currency
+                    </label>
+                    <select
+                        id="currency"
+                        name="currency"
+                        className="focus:ring-indigo-500 focus:border-indigo-500 h-full py-0 pl-2 pr-7 border-transparent bg-transparent text-gray-500 sm:text-sm rounded-md">
+                        <option>+91</option>
+                        <option>+91</option>
+                        <option>+91</option>
+                    </select>
+                </div>
+                <div className="mt-1 absolute rounded-md shadow-sm right-0">
+                    <input
+                        type="text"
+                        name="price"
+                        id="price"
+                        className="focus:ring-indigo-500 focus:border-indigo-500 block w-11/12 pl-7 pr-12 sm:text-sm border-gray-300 rounded-md"
+                        placeholder="9879879879"
+                    />
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default PhoneNumberInput;
diff --git a/src/components/User/Common/Progressbar.js b/src/components/User/Common/Progressbar.js
new file mode 100644
index 0000000..adaee56
--- /dev/null
+++ b/src/components/User/Common/Progressbar.js
@@ -0,0 +1,18 @@
+import React from "react";
+
+const Progressbar = ({ progress, color }) => {
+    return (
+        <div className="progressbar">
+            <div className="relative pt-1">
+                <div
+                    className={`overflow-hidden h-4 mb-4 text-xs flex rounded bg-${color}-200`}>
+                    <div
+                        style={{ width: progress }}
+                        className={`shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-${color}-500`}></div>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default Progressbar;
diff --git a/src/components/User/Common/Switchcomp/Switchcomp.css b/src/components/User/Common/Switchcomp/Switchcomp.css
new file mode 100644
index 0000000..0a13754
--- /dev/null
+++ b/src/components/User/Common/Switchcomp/Switchcomp.css
@@ -0,0 +1,50 @@
+.content {
+    background-color: #fff;
+}
+.switch {
+    position: relative;
+    display: inline-block;
+    width: 60px;
+    height: 34px;
+}
+.switch input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+}
+.slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #6e6e6e;
+    transition: 0.4s;
+}
+.slider:before {
+    position: absolute;
+    content: "";
+    height: 26px;
+    width: 26px;
+    left: 4px;
+    bottom: 4px;
+    background-color: white;
+    transition: 0.4s;
+}
+input:checked + .slider {
+    background-color: #1849ab;
+}
+input:focus + .slider {
+    box-shadow: 0 0 0 4px rgba(21, 156, 228, 0.7);
+    outline: none;
+}
+input:checked + .slider:before {
+    transform: translateX(26px);
+}
+.slider.round {
+    border-radius: 34px;
+}
+.slider.round:before {
+    border-radius: 50%;
+}
diff --git a/src/components/User/Common/Switchcomp/Switchcomp.js b/src/components/User/Common/Switchcomp/Switchcomp.js
new file mode 100644
index 0000000..50b29c8
--- /dev/null
+++ b/src/components/User/Common/Switchcomp/Switchcomp.js
@@ -0,0 +1,17 @@
+import React from "react";
+import "./Switchcomp.css";
+
+const Switchcomp = () => {
+    return (
+        <div>
+            <div className="content">
+                <label className="switch">
+                    <input type="checkbox" />
+                    <span className="slider round"></span>
+                </label>
+            </div>
+        </div>
+    );
+};
+
+export default Switchcomp;
diff --git a/src/components/User/Profile.js b/src/components/User/Profile.js
new file mode 100644
index 0000000..87bdfed
--- /dev/null
+++ b/src/components/User/Profile.js
@@ -0,0 +1,142 @@
+import React from "react";
+import Icon from "../Common/Icon";
+import ProgressBar from "./Common/Progressbar";
+
+const UserHome = () => {
+    const name = "John Doe";
+    const placeholder =
+        "https://i.pinimg.com/736x/50/df/34/50df34b9e93f30269853b96b09c37e3b.jpg";
+    return (
+        <div className="user">
+            <div className="Navbar flex justify-between content-center pt-8 pb-12 pl-8 pr-8">
+                <div className="flex content-center">
+                    <Icon
+                        name="userFilled"
+                        className="text-gray-900"
+                        size="7"
+                    />
+                    <h1 className="ml-4 text-2xl font-bold text-gray-900">
+                        {name}
+                    </h1>
+                </div>
+                <div className="flex">
+                    <Icon
+                        name="editUser"
+                        className="text-gray-900 slider "
+                        size="7"
+                    />
+                    <div className="ml-3">
+                        <Icon
+                            name="settings"
+                            className="text-gray-900 "
+                            size="7"
+                        />
+                    </div>
+                </div>
+            </div>
+
+            {/* Grid Images */}
+            <div className="flex justify-center">
+                <div className="container w-11/12">
+                    <div className="flex w-full h-20">
+                        <div
+                            className="w-4/12 border"
+                            style={{
+                                backgroundImage: `url(${placeholder})`,
+                                backgroundSize: "cover",
+                                backgroundPosition: "center",
+                            }}></div>
+                        <div
+                            className="w-8/12 border"
+                            style={{
+                                backgroundImage: `url(${placeholder})`,
+                                backgroundSize: "cover",
+                                backgroundPosition: "center",
+                            }}></div>
+                    </div>
+                    <div className="flex  w-full h-40 border">
+                        <div
+                            className="border w-8/12 h-full"
+                            style={{
+                                backgroundImage: `url(${placeholder})`,
+                                backgroundSize: "cover",
+                                backgroundPosition: "center",
+                            }}></div>
+                        <div
+                            className="h-full w-4/12 border"
+                            style={{
+                                backgroundImage: `url(${placeholder})`,
+                                backgroundSize: "cover",
+                                backgroundPosition: "center",
+                            }}></div>
+                    </div>
+                    <div className="flex w-full h-20">
+                        <div
+                            className="w-8/12 border"
+                            style={{
+                                backgroundImage: `url(${placeholder})`,
+                                backgroundSize: "cover",
+                                backgroundPosition: "center",
+                            }}></div>
+                        <div
+                            className="w-4/12 border"
+                            style={{
+                                backgroundImage: `url(${placeholder})`,
+                                backgroundSize: "cover",
+                                backgroundPosition: "center",
+                            }}></div>
+                    </div>
+                </div>
+            </div>
+
+            <div className="mt-4 flex flex-center w-full h-30 justify-center">
+                <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    height="60px"
+                    width="60px"
+                    stroke="#52BA81">
+                    <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        strokeWidth={2}
+                        d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"
+                    />
+                </svg>
+                <div className="p-2 w-8/12">
+                    <ProgressBar progress="20%" color="green" />
+                    <h3>20 of 256 badges completed</h3>
+                </div>
+            </div>
+            <div className="flex flex-center w-full h-30 justify-center">
+                <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    height="60px"
+                    width="60px"
+                    stroke="#F49E2D">
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
+                    />
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
+                    />
+                </svg>
+                <div className="p-2 w-8/12">
+                    <ProgressBar progress="10%" color="yellow" />
+                    <h3>30 of 360 locations visited</h3>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default UserHome;
diff --git a/src/components/User/SignIn.js b/src/components/User/SignIn.js
new file mode 100644
index 0000000..7f9ed79
--- /dev/null
+++ b/src/components/User/SignIn.js
@@ -0,0 +1,35 @@
+import React from "react";
+import Navbar from "./Common/Navbar";
+import Switchcomp from "./Common/Switchcomp/Switchcomp";
+import Input from "./Common/Input";
+import { navigate } from "hookrouter";
+
+const SignIn = () => {
+    return (
+        <div>
+            <Navbar name="John Doe" />
+            <div className="flex items-center justify-end w-full h-3 pr-4">
+                <h1 className="mr-3">Dark Mode</h1>
+                <Switchcomp />
+            </div>
+            <div className="flex flex-col items-center justify-center mt-10">
+                <div className="w-10/12 flex items-center justify-center ">
+                    <Input placeholder="Rate Our App" icon="star" />
+                </div>
+                <div className="w-10/12 flex items-center justify-center ">
+                    <Input placeholder="Send Feedback" icon="chat" />
+                </div>
+                <div className="w-10/12 flex items-center justify-center ">
+                    <Input placeholder="Privacy and legal" icon="lock" />
+                </div>
+                <div
+                    className="w-10/12 flex items-center justify-center "
+                    onClick={() => navigate("/signOut")}>
+                    <Input placeholder="Sign In or Sign Up" icon="addUser" />
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default SignIn;
diff --git a/src/components/User/SignOut.js b/src/components/User/SignOut.js
new file mode 100644
index 0000000..61cabec
--- /dev/null
+++ b/src/components/User/SignOut.js
@@ -0,0 +1,35 @@
+import React from "react";
+import Navbar from "./Common/Navbar";
+import Switchcomp from "./Common/Switchcomp/Switchcomp";
+import Input from "./Common/Input";
+import { navigate } from "hookrouter";
+
+const SignOut = () => {
+    return (
+        <div className="user">
+            <Navbar name="John Doe" />
+            <div className="flex items-center justify-end w-full h-3 pr-4">
+                <h1 className="mr-3">Dark Mode</h1>
+                <Switchcomp />
+            </div>
+            <div className="flex flex-col items-center justify-center mt-10">
+                <div className="w-10/12 flex items-center justify-center ">
+                    <Input placeholder="Rate Our App" icon="star" />
+                </div>
+                <div className="w-10/12 flex items-center justify-center ">
+                    <Input placeholder="Send Feedback" icon="chat" />
+                </div>
+                <div className="w-10/12 flex items-center justify-center ">
+                    <Input placeholder="Privacy and legal" icon="lock" />
+                </div>
+                <div
+                    className="w-10/12 flex items-center justify-center"
+                    onClick={() => navigate("/explore")}>
+                    <Input placeholder="Logout" icon="logout" />
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default SignOut;
diff --git a/src/components/User/UserEdit.js b/src/components/User/UserEdit.js
new file mode 100644
index 0000000..3c8be32
--- /dev/null
+++ b/src/components/User/UserEdit.js
@@ -0,0 +1,7 @@
+import React from "react";
+
+const UserEdit = () => {
+    return <div></div>;
+};
+
+export default UserEdit;
diff --git a/src/data/activities.js b/src/data/activities.js
new file mode 100644
index 0000000..feaf875
--- /dev/null
+++ b/src/data/activities.js
@@ -0,0 +1,57 @@
+export const activityData = [
+    {
+        name: "Trekking",
+        url: "https://picsum.photos/400/300",
+        type: "Adventure",
+    },
+    {
+        name: "Wildlife",
+        url: "https://picsum.photos/400/300",
+        type: "Adventure",
+    },
+    {
+        name: "Jeep_Safari",
+        url: "https://picsum.photos/400/300",
+        type: "Adventure",
+    },
+    {
+        name: "Landscape",
+        url: "https://picsum.photos/400/300",
+        type: "Adventure",
+    },
+    {
+        name: "Bathing",
+        url: "https://picsum.photos/400/300",
+        type: "Adventure",
+    },
+    {
+        name: "Sight_Seeing",
+        url: "https://picsum.photos/400/300",
+        type: "Adventure",
+    },
+    {
+        name: "Shopping",
+        url: "https://picsum.photos/400/300",
+        type: "Adventure",
+    },
+    {
+        name: "Fooding",
+        url: "https://picsum.photos/400/300",
+        type: "Adventure",
+    },
+    {
+        name: "Sun_Set",
+        url: "https://picsum.photos/400/300",
+        type: "Adventure",
+    },
+    {
+        name: "Camping",
+        url: "https://picsum.photos/400/300",
+        type: "Special",
+    },
+    {
+        name: "Memmorial",
+        url: "https://picsum.photos/400/300",
+        type: "Special",
+    },
+];
diff --git a/src/data/activityData.json b/src/data/activityData.json
new file mode 100644
index 0000000..1424973
--- /dev/null
+++ b/src/data/activityData.json
@@ -0,0 +1,251 @@
+[
+    {
+        "activitiesId": "ACT001",
+        "activityName": "Meesappulimala Trekking ",
+        "activityRouteId": "R4",
+        "activityDifficulty": "challenging",
+        "activityPrice": 2000,
+        "activityChallangesId": ["CH-3", "CH-4", "CH-5"],
+        "activitycoordinateslat": 10.0981631951696,
+        "activitycoordinateslon": 77.2032882028,
+        "bookinglink": "https://munnar.kfdcecotourism.com/",
+        "bookingContactName": "KFDC Ecotourism MUNNAR Mattupatty Road, Munnar",
+        "bookingContactNumber": "91 4865 230332\n91 82898 21408",
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "activityDescription": "Meesapulimala is a travel destination for adventurous tourists. The trekking experience here is\rtruly challenging. Twenty-four kilometres from Munnar to Mattupetty, through the Aruvukadu\restate, you will find the basecamp of Meesapulimala. Four kilometres from here is the Rhodo\rvalley which is till where you can travel in a jeep. A night’s stay at the Rhodo Mansion is much\rneeded for the next day’s climb to the peak amidst rhododendron trees. The package includes guide service, breakfast, lunch, evening tea & dinner. The cost of the\rpackage for a two-person stay at Rhodo Mansion in Rs. 6000 and a two-person stay at Base\rCamp is Rs. 4000. For a three-person stay at Sky Cottage, the charge is Rs. 9000."
+    },
+    {
+        "activitiesId": "ACT002",
+        "activityName": "Pampadum Shola National Park Trekking",
+        "activityRouteId": "R7",
+        "activityopentime": "08.00 AM",
+        "activityclosetime": "02.00 PM",
+        "activityDifficulty": "adventure",
+        "activityPrice": 250,
+        "activityChallangesId": ["CH-4"],
+        "activitycoordinateslat": 10.12665808,
+        "activitycoordinateslon": 77.25823467,
+        "bookinglink": "Spot booking",
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "activityDescription": "A three-hour trekking through the shola grasslands from the Pampadum Shola National Park to\rVattavada lets you through the enchanting woodlands and stunted trees of the Shola forests.\r\nTrekking is available here from 8 AM to 2 PM and it costs 250 rupees per person."
+    },
+    {
+        "activitiesId": "ACT003",
+        "activityName": "Kurinji Trail Eravikulam National Park",
+        "activityRouteId": "R1",
+        "activityopentime": "08.00 AM",
+        "activityclosetime": "02.00 PM",
+        "activityDifficulty": "easy",
+        "activityPrice": 290,
+        "activityChallangesId": ["CH-2", "CH-3", "CH-4"],
+        "activitycoordinateslat": 10.1356,
+        "activitycoordinateslon": 77.0597,
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "bookinglink": "https://eravikulamnationalpark.in/landing/index.php",
+        "bookingContactName": "Wildlife Warden Munnar, Wildlife division, Munnar",
+        "bookingContactNumber": "04865 230487\n8547603199",
+        "activityDescription": "The Kurinji Trail is a soft-trekking package available in Eravikulam National Park. Here, you can\rsee various endangered flora and fauna. The cost of the package is Rs.290 for Indian nationals\rand Rs.560 for two foreigners (minimum 2 persons)."
+    },
+    {
+        "activitiesId": "ACT004",
+        "activityName": "Trail through Lakkam Waterfalls\n",
+        "activityRouteId": "R1",
+        "activityDifficulty": "easy",
+        "activityPrice": 20,
+        "activityChallangesId": ["CH-2"],
+        "activitycoordinateslat": 10.1356,
+        "activitycoordinateslon": 77.0597,
+        "bookinglink": "https://eravikulamnationalpark.in/landing/index.php",
+        "bookingContactName": "Wildlife Warden Munnar, Wildlife division, Munnar",
+        "bookingContactNumber": "04865 230487\n8547603199",
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "activityDescription": "The scenic Lakkam waterfalls situated in Lakkam, on the way from Marayoor to Munnar have\rbeen attracting tourists for a long time, being a favourite destination for those who love\radventure tourism and trekking.The abundant flora and fauna blended with transfixing\rsurroundings and rocky cliffs of Eravikulam plateau provides a memorable trip for the visitors."
+    },
+    {
+        "activitiesId": "ACTOO5",
+        "activityName": "Cascade Walk Eravikulam National Park",
+        "activityRouteId": "R1",
+        "activityDifficulty": "easy",
+        "activityPrice": 100,
+        "activityChallangesId": ["CH-2", "CH-3", "CH-4", "CH-5"],
+        "activitycoordinateslat": 10.1356,
+        "activitycoordinateslon": 77.0597,
+        "bookinglink": "https://eravikulamnationalpark.in/landing/index.php",
+        "bookingContactName": "Wildlife Warden Munnar, Wildlife division, Munnar",
+        "bookingContactNumber": "04865 230487\n8547603199",
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "activityDescription": "The cascade walk across Lakkam waterfalls, which starts from the Eravikulam stream\rmesmerizes the travellers. The charming giggles of the rushing water and the lush greenery\ramidst the woods are an amazing experience while taking a walk. It provides stress-relief\rand a peace of mind. This is also a wonderful opportunity to snap the elegance of Munnar."
+    },
+    {
+        "activitiesId": "ACT006",
+        "activityName": "Jungle Camp Meesappulimala",
+        "activityRouteId": "R4",
+        "activityopentime": "08.00 AM",
+        "activityclosetime": "02.00 PM",
+        "activityDifficulty": "adventure",
+        "activityPrice": 2000,
+        "activityChallangesId": ["CH-3", "CH-4", "CH-5"],
+        "activitycoordinateslat": 10.0981631951696,
+        "activitycoordinateslon": 77.2032882028,
+        "bookinglink": "https://munnar.kfdcecotourism.com/",
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "bookingContactName": "KFDC Ecotourism MUNNAR Mattupatty Road, Munnar",
+        "bookingContactNumber": "91 4865 230332\n91 82898 21408",
+        "activityDescription": "Lauded as the second highest peak in western ghats, Meesappulimala is one of the UNESCO\rheritage sites. Since the peak resembles that of the face of a tiger, it is renowned so. The\rRhodo valley trek trail along with multitudes of biodiversity, Meesapulimala is favoured by all\rkinds of travellers. Apart from trekking, jungle camp is the most exalting experience this place\roffers. Staying overnight in tents at the base camp, amidst the most delicate part of nature, this\ris one of the most exciting programs offered by Kerala Forest development Corporation."
+    },
+    {
+        "activitiesId": "ACT007",
+        "activityName": "Sky Cottage Meesappulimala",
+        "activityRouteId": "R4",
+        "activityopentime": "NIL",
+        "activityclosetime": "NIL",
+        "activityDifficulty": "adventure",
+        "activityPrice": 3000,
+        "activityChallangesId": ["CH-3", "CH-4", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "activitycoordinateslat": 10.0981631951696,
+        "activitycoordinateslon": 77.2032882028,
+        "bookinglink": "https://munnar.kfdcecotourism.com/",
+        "bookingContactName": "KFDC Ecotourism MUNNAR Mattupatty Road, Munnar",
+        "bookingContactNumber": "91 4865 230332\n91 82898 21408",
+        "activityDescription": "Sky Cottage, the perfect place to grasp the splendour of Meesapulimala, and the\r\nsecond-highest peak on Western ghats, is under Kerala Forest Development Corporation\r\n(KFDC) at Rhodo Valley. It is located on top of a cliff confronting a glorious waterfall. The\r\nbroad glass windows offer an astonishing panoramic view of splendid hills caressed by\r\nblankets of mist. The transparent ceiling gives a sublime visual treat of twinkling stars and\r\nglinting moon. This is an ideal destination for a honeymoon trip as well as an adventurous\r\ntrip. Travellers can stay here and enjoy their trekking via Rhodo valley. An experienced\r\nguide accompanies them. The sky cottage also offers delicious food."
+    },
+    {
+        "activitiesId": "ACT008",
+        "activityName": "Rhodo Mansion Meesappulimala",
+        "activityRouteId": "R4",
+        "activityopentime": "NIL",
+        "activityclosetime": "NIL",
+        "activityDifficulty": "adventure",
+        "activityPrice": 3000,
+        "activityChallangesId": ["CH-3", "CH-4", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "activitycoordinateslat": 10.0981631951696,
+        "activitycoordinateslon": 77.2032882028,
+        "bookinglink": "https://munnar.kfdcecotourism.com/",
+        "bookingContactName": "KFDC Ecotourism MUNNAR Mattupatty Road, Munnar",
+        "bookingContactNumber": "91 4865 230332\n91 82898 21408",
+        "activityDescription": "Rhodo Mansion is an amazing accommodation facility under Kerala Forest Development\r\nCorporation(KFDC) exclusively for those who want to be a little bit adventurous by having a\r\ntrekking trail via Rhodo Valley. Located at a high altitude in the misty hilltop, Rhodo Mansion\r\nis a beautifully designed luxury option for those who love the wilderness and scenic beauty\r\nof Meesapulimala. The views from this mansion are truly amazing and stunning. Night stay\r\nat Rhodo mansion by enjoying a campfire and the delicious local cuisine is one of the\r\ngreatest experiences one can have."
+    },
+    {
+        "activitiesId": "ACT009",
+        "activityName": "Jungle Camp Pampadum Shola National Park",
+        "activityRouteId": "R1",
+        "activityDifficulty": "adventure",
+        "activityChallangesId": ["CH-4"],
+        "activitycoordinateslat": 10.12665808,
+        "activitycoordinateslon": 77.25823467,
+        "bookinglink": "https://eravikulamnationalpark.in/landing/index.php",
+        "bookingContactName": "Wildlife Warden Munnar, Wildlife division, Munnar",
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "bookingContactNumber": "04865 230487\n8547603199",
+        "activityDescription": "Despite being the smallest national park in Kerala, the splendor of the shola forests in\r\nPampadum Shola National Park will mesmerize everyone’s mind. The Log House provides a\r\njungle camp package situated in the heart of shola forests. It costs 3000 rupees for 2 people."
+    },
+    {
+        "activitiesId": "ACT010",
+        "activityName": "Eravikulam National Park Jungle Camp",
+        "activityRouteId": "R1",
+        "activityopentime": "3 : 00 PM",
+        "activityclosetime": "10.00 AM",
+        "activityDifficulty": "adventure",
+        "activityPrice": 1500,
+        "activityChallangesId": ["CH-2", "CH-3", "CH-4"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "activitycoordinateslat": 10.1356,
+        "activitycoordinateslon": 77.0597,
+        "bookinglink": "https://eravikulamnationalpark.in/landing/index.php",
+        "bookingContactName": "Wildlife Warden Munnar, Wildlife division, Munnar",
+        "bookingContactNumber": "04865 230487\n8547603199",
+        "activityDescription": "Eravikulam National Park, Kerala’s largest national park situated in Munnar, offers jungle camps\rat Lakkom Log House which is located near the Lakkom Waterfalls. It will be a great opportunity\rto get acquainted with nature and keep in touch with nature. The cost of the package is Rs.3000\rfor two Indians, Rs.4000 for foreigners, and Rs.1000 for an extra person. The package is\ravailable for a maximum of four people."
+    },
+    {
+        "activitiesId": "ACT011",
+        "activityName": "Chinnar Valley Safari",
+        "activityRouteId": "R1",
+        "activityopentime": "8 : 00 AM",
+        "activityDifficulty": "easy",
+        "activityPrice": 700,
+        "activityChallangesId": ["CH-2", "CH-4"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "bookinglink": "https://booking.munnarwildlife.com/product/marayur-heritage-safari/",
+        "bookingContactName": "Forest Information Centre Wildlife Warden’s Office, Munnar",
+        "bookingContactNumber": "91 8301024187\n91 8547603199",
+        "activityDescription": "Chinnar Wildlife Sanctuary, the abode of several threatened species and a great destination for\rall those who love to explore nature, offers the Chinnar Valley Safari Package which is 3 and a\rhalf hours long. The package is available for a maximum of five people at a rate of 3500 rupees\rper person. The check-in centre-Karimutty Interpretation Centre."
+    },
+    {
+        "activitiesId": "ACT012",
+        "activityName": "TEA VALLEY TOUR",
+        "activityRouteId": "R7",
+        "activityopentime": "9 : 00 AM",
+        "activityclosetime": "17 : 00",
+        "activityDifficulty": "easy",
+        "activityPrice": 400,
+        "activityChallangesId": ["CH-2", "CH-4"],
+        "bookingContactName": "Tourism Information Centre, Munnar",
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "bookingContactNumber": "04865 231516\n9961960555",
+        "activityDescription": "The Tea Valley tour, one of the most precious moments in Munnar, takes one through the flower\rgarden, photo point, Mattupetty Dam, speed boating location, Kundala Dam, and echo point.\rThe tour charge is rs400/- per individual."
+    },
+    {
+        "activitiesId": "ACT013",
+        "activityName": "SANDAL VALLEY TOUR",
+        "activityRouteId": "R1",
+        "activityopentime": 10,
+        "activityclosetime": "18 :00",
+        "activityDifficulty": "easy",
+        "activityPrice": 400,
+        "activityChallangesId": ["CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "bookingContactName": "Tourism Information Centre, Munnar",
+        "bookingContactNumber": "04865 231516\n9961960555",
+        "activityDescription": "The sandal valley tour is a full day trip through Munnar covering unique experiences\rsuch as Tea garden, Lukkom waterfalls, and Anaimudi peak. The trek also includes a\rvisit to the Orange Plantations, Sandalwood Forest, Muniyara Cave, Thoovanam Falls,\rand ChinnarWildlife Sanctuary among many others. The trek is an ideal sightseeing\rexperience to explore the fauna and flora of the place and to relish the beauty and\rsplendor of the lovely hill station with your loved ones. A standard 4 seater Non A/C car\ris included in the package for transportation."
+    },
+    {
+        "activitiesId": "ACT014",
+        "activityName": "VILLAGE TOUR",
+        "activityRouteId": "R2",
+        "activityopentime": "9 : 30",
+        "activityclosetime": "17 : 00 ",
+        "activityDifficulty": "easy",
+        "activityPrice": 400,
+        "activityChallangesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "bookingContactName": "Tourism Information Centre, Munnar",
+        "bookingContactNumber": "04865 231516\n9961960555",
+        "activityDescription": "The village tour includes a visit to the spectacular Chithirapuram, Karadipara, and\rKallimaly viewpoints, Kallar and SN Puram waterfalls, and also a look in on Sengulam\rand Ponmudy dams. Apart from these, the main highlight of the tour is the spice garden visit which mesmerizes the visitors to trail through the spices cultivated and to linger\rover the amazing aroma of the place. The suspension bridge is another wonder that\rcould be witnessed during the tour. Village tour Munnar is the best way to get away\rfrom the hassles of city life and to spend some quality time with nature."
+    },
+    {
+        "activitiesId": "ACT015",
+        "activityName": "MANKULAM AANAKKULAM SPECIAL TRIP",
+        "activityRouteId": "R6",
+        "activityDifficulty": "adventure",
+        "activityChallangesId": ["CH-1", "CH-2"],
+        "bookingContactName": "Tourism Information Centre, Munnar",
+        "bookingContactNumber": "04865 231516\n9961960555",
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "activityDescription": "Mankulam is a small village in the Idukki district of Kerala. It is famous worldwide as the\r\nfirst self-governing institution to produce its electricity. Mankulam is also famous as the\r\nhighest peak in south India, the Anaimudi peak is located here. The elephant viewpoint\r\nand the Valara waterfalls are just a few of the many attractions in the place. Anakulam\r\nis known for its elephant abode. In the green ambiance of Anakkulam, local people are\r\neven seen playing football on the riverbank close to the wild elephants. The Mankulam\r\nAnakulam trip is a never to miss tour as it is a one of a kind experience."
+    },
+    {
+        "activitiesId": "ACT016",
+        "activityName": "KOLUKKUMALA SPECIAL TRIP",
+        "activityRouteId": "R3",
+        "activityDifficulty": "adventure",
+        "activityChallangesId": ["CH-1", "CH-2"],
+        "bookingContactName": "Tourism Information Centre, Munnar",
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "bookingContactNumber": "04865 231516\n9961960555",
+        "activityDescription": "One of the breathtaking tours you could take through Munnar would be the\r\nKolukkumalai Special Trip. Kolukkumalai is the world’s highest elevation tea plantation\r\nwhich is located at 7900 feet. It is undoubtedly one of the most beautiful and scenic\r\ndestinations in the country, known for its spectacular sunrise. An amazing view of the\r\nvistas of Munnar and Kodaikanal hills could be viewed from here on a clear-skied day.\r\nThe Kolukkumalai tea estate started in 1920 is another attraction of the trip."
+    },
+    {
+        "activitiesId": "ACT017",
+        "activityName": "KSRTC SIGHTSEEING",
+        "activityopentime": "9 : 00",
+        "activityclosetime": "17 : 00",
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "activityDifficulty": "easy",
+        "activityPrice": 250,
+        "activityChallangesId": ["CH-1", "CH-2", "CH-4"],
+        "bookinglink": "Live Booking",
+        "activityDescription": "The KSRTC SIGHTSEEING is an affordable package that lets you visit all the important sites \nin Munnar in just one and a half hours. The facility is open from 9 AM to 5 PM, with each bus \nhaving a 50 seat capacity. The rate per head for an adult is 250 rupees, which perfectly fits the \nbill amount of many travel enthusiasts in our country.\nThe journey is scheduled to cover Tea Museum, Top Station, Kundala Dam, Echo Point,\n Mattupetty boating location, Mattupetty dam, photo point and flower garden.\n"
+    }
+]
diff --git a/src/data/activityTags.json b/src/data/activityTags.json
new file mode 100644
index 0000000..85f5412
--- /dev/null
+++ b/src/data/activityTags.json
@@ -0,0 +1,131 @@
+[
+    {
+        "activityTagsId": "AT-001",
+        "activityTagName": "Trekking-Easy",
+        "activitytagiconurl": "https://cdn.hellomunnar.in/icons/AT-001.svg"
+    },
+    {
+        "activityTagsId": "AT-002",
+        "activityTagName": "Trekking-Moderate"
+    },
+    {
+        "activityTagsId": "AT-003",
+        "activityTagName": "Trekking-Easy Challenge"
+    },
+    {
+        "activityTagsId": "AT-004",
+        "activityTagName": "Trekking-Wildlife"
+    },
+    {
+        "activityTagsId": "AT-005",
+        "activityTagName": "Boating"
+    },
+    {
+        "activityTagsId": "AT-006",
+        "activityTagName": "Site seeing"
+    },
+    {
+        "activityTagsId": "AT-007",
+        "activityTagName": "Camping"
+    },
+    {
+        "activityTagsId": "AT-008",
+        "activityTagName": "Cycling"
+    },
+    {
+        "activityTagsId": "AT-009",
+        "activityTagName": "Wildlife"
+    },
+    {
+        "activityTagsId": "AT-010",
+        "activityTagName": "Rock climbing"
+    },
+    {
+        "activityTagsId": "AT-011",
+        "activityTagName": "Photography"
+    },
+    {
+        "activityTagsId": "AT-012",
+        "activityTagName": "Landscape"
+    },
+    {
+        "activityTagsId": "AT-013",
+        "activityTagName": "Sunrise / Sunset"
+    },
+    {
+        "activityTagsId": "AT-014",
+        "activityTagName": "Heritage Photography"
+    },
+    {
+        "activityTagsId": "AT-015",
+        "activityTagName": "Wedding Photography"
+    },
+    {
+        "activityTagsId": "AT-016",
+        "activityTagName": "Festivals"
+    },
+    {
+        "activityTagsId": "AT-017",
+        "activityTagName": "Tea plantation / Farming"
+    },
+    {
+        "activityTagsId": "AT-018",
+        "activityTagName": "Memorials"
+    },
+    {
+        "activityTagsId": "AT-019",
+        "activityTagName": "Religious Architects"
+    },
+    {
+        "activityTagsId": "AT-020",
+        "activityTagName": "Estate Bunglow"
+    },
+    {
+        "activityTagsId": "AT-021",
+        "activityTagName": "Theme Park"
+    },
+    {
+        "activityTagsId": "AT-022",
+        "activityTagName": "Shopping"
+    },
+    {
+        "activityTagsId": "AT-023",
+        "activityTagName": "Fooding"
+    },
+    {
+        "activityTagsId": "AT-024",
+        "activityTagName": "Jeep Safari"
+    },
+    {
+        "activityTagsId": "AT-025",
+        "activityTagName": "Bathing"
+    },
+    {
+        "activityTagsId": "AT-026",
+        "activityTagName": "Adventure"
+    },
+    {
+        "activityTagsId": "AT-027",
+        "activityTagName": "Plantation walk"
+    },
+    {
+        "activityTagsId": "AT-028",
+        "activityTagName": "Welfare "
+    },
+    {
+        "activityTagsId": "AT-029",
+        "activityTagName": "View point"
+    },
+    {
+        "activityTagsId": "AT-030",
+        "activityTagName": "Elephant safari"
+    },
+    {
+        "activityTagsId": "AT-031",
+        "activityTagName": "Fish spa"
+    },
+    {
+        "activityTagsId": "AT-032",
+        "activityTagName": "Zip line"
+    }
+]
diff --git a/src/data/bankAtmAminityData.json b/src/data/bankAtmAminityData.json
new file mode 100644
index 0000000..bf81d11
--- /dev/null
+++ b/src/data/bankAtmAminityData.json
@@ -0,0 +1,724 @@
+[
+    {
+        "atmAminityId": "AB-001",
+        "aminityType": "BANK",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.08552083,
+        "aminityLocationLongitude": 77.06011187,
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-002",
+        "aminityType": "ATM",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.08549674,
+        "aminityLocationLongitude": 77.06004292,
+        "aminityRouteId": "R5"
+    },
+    {
+        "atmAminityId": "AB-003",
+        "aminityType": "BANK",
+        "aminityName": "SOUTH INDIAN BANK",
+        "aminityLocationLatitude": 10.08601934,
+        "aminityLocationLongitude": 77.05871402,
+        "aminityRouteId": "R5"
+    },
+    {
+        "atmAminityId": "AB-004",
+        "aminityType": "ATM",
+        "aminityName": "SOUTH INDIAN BANK",
+        "aminityLocationLatitude": 10.08623417,
+        "aminityLocationLongitude": 77.05883445,
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-005",
+        "aminityType": "ATM",
+        "aminityName": "FEDERAL BANK",
+        "aminityLocationLatitude": 10.08629685,
+        "aminityLocationLongitude": 77.05989114,
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-006",
+        "aminityType": "BANK",
+        "aminityName": "DHANALAXMI BANK",
+        "aminityLocationLatitude": 10.08586571,
+        "aminityLocationLongitude": 77.0602465,
+        "aminityRouteId": "R5"
+    },
+    {
+        "atmAminityId": "AB-007",
+        "aminityType": "ATM",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.08739103,
+        "aminityLocationLongitude": 77.06021632,
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-008",
+        "aminityType": "ATM",
+        "aminityName": "SOUTH INDIAN BANK",
+        "aminityLocationLatitude": 10.08743064,
+        "aminityLocationLongitude": 77.06026594,
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-009",
+        "aminityType": "BANK",
+        "aminityName": "CATHOLIC SYRIAN BANK",
+        "aminityLocationLatitude": 10.08839979,
+        "aminityLocationLongitude": 77.05946262,
+        "aminityRouteId": "R5"
+    },
+    {
+        "atmAminityId": "AB-010",
+        "aminityType": "BANK",
+        "aminityName": "FEDERAL BANK",
+        "aminityLocationLatitude": 10.08861031,
+        "aminityLocationLongitude": 77.05950515,
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:08:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-011",
+        "aminityType": "ATM & CDM",
+        "aminityName": "FEDERAL BANK",
+        "aminityLocationLatitude": 10.08864265,
+        "aminityLocationLongitude": 77.05947296,
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-012",
+        "aminityType": "BANK",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.08862109,
+        "aminityLocationLongitude": 77.05846525,
+        "aminityRouteId": "R5 ",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "4:00PM."
+    },
+    {
+        "atmAminityId": "AB-013",
+        "aminityType": "ATM",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.08849037,
+        "aminityLocationLongitude": 77.05866374,
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-014",
+        "aminityType": "BANK",
+        "aminityName": "UNION BANK OF INDIA",
+        "aminityLocationLatitude": 10.08591313,
+        "aminityLocationLongitude": 77.05937285,
+        "aminityRouteId": "R5"
+    },
+    {
+        "atmAminityId": "AB-015",
+        "aminityType": "BANK",
+        "aminityName": "IDCB",
+        "aminityLocationLatitude": 10.08548577,
+        "aminityLocationLongitude": 77.05945704,
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "1899-12-30T08:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T14:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-016",
+        "aminityType": "ATM",
+        "aminityName": "IDCB",
+        "aminityLocationLatitude": 10.0856401,
+        "aminityLocationLongitude": 77.05968183,
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-017",
+        "aminityType": "BANK",
+        "aminityName": "MUNNAR SERVICE COOPERATIVE BANK",
+        "aminityLocationLatitude": 10.08624501,
+        "aminityLocationLongitude": 77.0608809,
+        "aminityRouteId": "R5"
+    },
+    {
+        "atmAminityId": "AB-018",
+        "aminityType": "ATM",
+        "aminityName": "INDIAN POST",
+        "aminityLocationLatitude": 10.08647901,
+        "aminityLocationLongitude": 77.06114907,
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-019",
+        "aminityType": "BANK",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.2565846,
+        "aminityLocationLongitude": 77.16800868,
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "4;00PM"
+    },
+    {
+        "atmAminityId": "AB-020",
+        "aminityType": "ATM",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.25139074,
+        "aminityLocationLongitude": 77.17010368,
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-021",
+        "aminityType": "BANK",
+        "aminityName": "UNION BANK OF INDIA",
+        "aminityLocationLatitude": 10.25030027,
+        "aminityLocationLongitude": 77.17118326,
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-022",
+        "aminityType": "BANK",
+        "aminityName": "IDCB MARAYOOR",
+        "aminityLocationLatitude": 10.27561292,
+        "aminityLocationLongitude": 77.16091083,
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T11:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-023",
+        "aminityType": "ATM",
+        "aminityName": "IDCB MARAYOOR",
+        "aminityLocationLatitude": 10.2764228,
+        "aminityLocationLongitude": 77.16194388,
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-024",
+        "aminityType": "BANK",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.27683038,
+        "aminityLocationLongitude": 77.1617553,
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T11:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-025",
+        "aminityType": "ATM",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.27683038,
+        "aminityLocationLongitude": 77.1617553,
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-026",
+        "aminityType": "BANK",
+        "aminityName": "STATE BANK OF TRAVANCORE (INDIA)",
+        "aminityLocationLatitude": 10.27656664,
+        "aminityLocationLongitude": 77.16290383,
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T11:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-027",
+        "aminityType": "BANK",
+        "aminityName": "ESAF",
+        "aminityLocationLatitude": 10.22628207,
+        "aminityLocationLongitude": 77.19208639,
+        "aminityRouteId": "R1"
+    },
+    {
+        "atmAminityId": "AB-028",
+        "aminityType": "ATM",
+        "aminityName": "UNION BANK OF INDIA",
+        "aminityLocationLatitude": 10.21365752,
+        "aminityLocationLongitude": 77.19683624,
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "aminityOpenTime": "."
+    },
+    {
+        "atmAminityId": "AB-029",
+        "aminityType": "ATM",
+        "aminityName": "ICICI BANK",
+        "aminityLocationLatitude": 10.07841403,
+        "aminityLocationLongitude": 77.06261622,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-030",
+        "aminityType": "ATM",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.07474901,
+        "aminityLocationLongitude": 77.06323861,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-031",
+        "aminityType": "ATM",
+        "aminityName": "FEDERAL BANK",
+        "aminityLocationLatitude": 10.04071602,
+        "aminityLocationLongitude": 77.03574314,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-032",
+        "aminityType": "BANK",
+        "aminityName": "KALLAR BANK",
+        "aminityLocationLatitude": 10.03113333,
+        "aminityLocationLongitude": 77.04709304,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "."
+    },
+    {
+        "atmAminityId": "AB-033",
+        "aminityType": "ATM",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.02351902,
+        "aminityLocationLongitude": 77.03789523,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-034",
+        "aminityType": "ATM",
+        "aminityName": "KALLAR SCB MICRO ATM",
+        "aminityLocationLatitude": 10.02402438,
+        "aminityLocationLongitude": 77.03721068,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-035",
+        "aminityType": "ATM & CDM",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.01531365,
+        "aminityLocationLongitude": 76.95412303,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-036",
+        "aminityType": "BANK",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.01542788,
+        "aminityLocationLongitude": 76.95410291,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T11:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-037",
+        "aminityType": "ATM",
+        "aminityName": "SOUTH INDIAN BANK",
+        "aminityLocationLatitude": 10.01557633,
+        "aminityLocationLongitude": 76.95388157,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-038",
+        "aminityType": "BANK",
+        "aminityName": "ADIMALI SERVICE COOPERATIVE BANK",
+        "aminityLocationLatitude": 10.01559402,
+        "aminityLocationLongitude": 76.9538497,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "1899-12-30T02:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T14:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-039",
+        "aminityType": "BANK",
+        "aminityName": "FEDERAL BANK",
+        "aminityLocationLatitude": 10.01556511,
+        "aminityLocationLongitude": 76.95193782,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:08:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-040",
+        "aminityType": "ATM",
+        "aminityName": "FEDERAL BANK",
+        "aminityLocationLatitude": 10.01556511,
+        "aminityLocationLongitude": 76.95198367,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-041",
+        "aminityType": "BANK",
+        "aminityName": "IDBI",
+        "aminityLocationLatitude": 10.01532052,
+        "aminityLocationLongitude": 76.95247253,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-042",
+        "aminityType": "BANK",
+        "aminityName": "SOUTH INDIAN BANK",
+        "aminityLocationLatitude": 10.01434058,
+        "aminityLocationLongitude": 76.95293924,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-043",
+        "aminityType": "BANK",
+        "aminityName": "INDUSIND",
+        "aminityLocationLatitude": 10.01518262,
+        "aminityLocationLongitude": 76.95199711,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "1899-12-30T03:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T11:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-044",
+        "aminityType": "ATM",
+        "aminityName": "FEDERAL BANK",
+        "aminityLocationLatitude": 10.01576508,
+        "aminityLocationLongitude": 76.93834503,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-045",
+        "aminityType": "BANK",
+        "aminityName": "ADIMALI SERVICE COOPERATIVE BANK",
+        "aminityLocationLatitude": 10.01202114,
+        "aminityLocationLongitude": 76.9555908,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "1899-12-30T03:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T12:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-046",
+        "aminityType": "BANK",
+        "aminityName": "CANARA BANK",
+        "aminityLocationLatitude": 10.00960589,
+        "aminityLocationLongitude": 76.9582099,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T11:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-047",
+        "aminityType": "ATM",
+        "aminityName": "CANARA BANK",
+        "aminityLocationLatitude": 10.00960589,
+        "aminityLocationLongitude": 76.9582099,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-048",
+        "aminityType": "BANK",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.00970884,
+        "aminityLocationLongitude": 76.95823886,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-049",
+        "aminityType": "ATM",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.00970884,
+        "aminityLocationLongitude": 76.95823886,
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-050",
+        "aminityType": "BANK",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.0680167,
+        "aminityLocationLongitude": 77.10602718,
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T11:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-051",
+        "aminityType": "ATM",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.0680167,
+        "aminityLocationLongitude": 77.10602718,
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-052",
+        "aminityType": "BANK",
+        "aminityName": "FEDERAL BANK",
+        "aminityLocationLatitude": 10.04148842,
+        "aminityLocationLongitude": 77.17747238,
+        "aminityRouteId": "R3"
+    },
+    {
+        "atmAminityId": "AB-053",
+        "aminityType": "BANK",
+        "aminityName": "SOUTH INDIAN BANK",
+        "aminityLocationLatitude": 10.04152526,
+        "aminityLocationLongitude": 77.17761269,
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-054",
+        "aminityType": "BANK",
+        "aminityName": "UNION BANK OF INDIA",
+        "aminityLocationLatitude": 10.05099451,
+        "aminityLocationLongitude": 77.1956041,
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "1899-12-30T03:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-055",
+        "aminityType": "ATM",
+        "aminityName": "SOUTH INDIAN BANK",
+        "aminityLocationLatitude": 10.05054867,
+        "aminityLocationLongitude": 77.19786163,
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-056",
+        "aminityType": "ATM",
+        "aminityName": "IDCB",
+        "aminityLocationLatitude": 9.978468911,
+        "aminityLocationLongitude": 77.20766785,
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-057",
+        "aminityType": "BANK",
+        "aminityName": "POOPPARA URBAN BANK",
+        "aminityLocationLatitude": 9.977531392,
+        "aminityLocationLongitude": 77.20806232,
+        "aminityRouteId": "R3"
+    },
+    {
+        "atmAminityId": "AB-058",
+        "aminityType": "BANK",
+        "aminityName": "ESAF",
+        "aminityLocationLatitude": 9.97734592,
+        "aminityLocationLongitude": 77.20841919,
+        "aminityRouteId": "R3"
+    },
+    {
+        "atmAminityId": "AB-059",
+        "aminityType": "ATM",
+        "aminityName": "ESAF",
+        "aminityLocationLatitude": 9.97734592,
+        "aminityLocationLongitude": 77.20841919,
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "aminityType": "."
+    },
+    {
+        "atmAminityId": "AB-077",
+        "aminityType": "BANK",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.0806,
+        "aminityLocationLongitude": 77.0614
+    },
+    {
+        "atmAminityId": "AB-060",
+        "aminityType": "BANK",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.2565846,
+        "aminityLocationLongitude": 77.16800868,
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-061",
+        "aminityType": "ATM",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.25139074,
+        "aminityLocationLongitude": 77.17010368,
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-062",
+        "aminityType": "BANK",
+        "aminityName": "UNION BANK OF INDIA",
+        "aminityLocationLatitude": 10.25030027,
+        "aminityLocationLongitude": 77.17118326,
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:38:50.000Z"
+    },
+    {
+        "aminityRouteId": "R6",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-063",
+        "aminityType": "ATM",
+        "aminityName": "ICICI BANK",
+        "aminityLocationLatitude": 10.07841403,
+        "aminityLocationLongitude": 77.06261622,
+        "aminityRouteId": "R6",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-064",
+        "aminityType": "ATM",
+        "aminityName": "STATE BANK OF INDIA",
+        "aminityLocationLatitude": 10.07474901,
+        "aminityLocationLongitude": 77.06323861,
+        "aminityRouteId": "R6",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-065",
+        "aminityType": "BANK",
+        "aminityName": "IDCB",
+        "aminityLocationLatitude": 10.11736,
+        "aminityLocationLongitude": 76.92695,
+        "aminityRouteId": "R6",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-066",
+        "aminityType": "ATM",
+        "aminityName": "IDCB",
+        "aminityLocationLatitude": 10.11994,
+        "aminityLocationLongitude": 76.9274,
+        "aminityRouteId": "R6",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-067",
+        "aminityType": "BANK",
+        "aminityName": "FEDERAL BANK",
+        "aminityLocationLatitude": 10.12154,
+        "aminityLocationLongitude": 76.92803,
+        "aminityRouteId": "R6",
+        "aminityOpenTime": "24 HRS"
+    },
+    {
+        "atmAminityId": "AB-068",
+        "aminityType": "ATM",
+        "aminityName": "FEDERAL BANK",
+        "aminityLocationLatitude": 10.12154,
+        "aminityLocationLongitude": 76.92804,
+        "aminityRouteId": "R6",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-069",
+        "aminityType": "BANK",
+        "aminityName": "Co-operative Bank",
+        "aminityLocationLatitude": 10.11898,
+        "aminityLocationLongitude": 76.92734,
+        "aminityRouteId": "R6",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-070",
+        "aminityType": "BANK",
+        "aminityName": "Co-operative Bank",
+        "aminityLocationLatitude": 10.15755,
+        "aminityLocationLongitude": 76.91302,
+        "aminityRouteId": "R6"
+    },
+    {
+        "aminityRouteId": "          R7",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:08:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-071",
+        "aminityType": "BANK",
+        "aminityName": "Kerala Gramin Bank",
+        "aminityLocationLatitude": 10.18238945,
+        "aminityLocationLongitude": 77.25906532,
+        "aminityRouteId": "         R7",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T10:08:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-072",
+        "aminityType": "ATM",
+        "aminityName": "Kerala Gramin Bank",
+        "aminityLocationLatitude": 10.18238945,
+        "aminityLocationLongitude": 77.25906532,
+        "aminityRouteId": "          R7",
+        "aminityOpenTime": "24hrs"
+    },
+    {
+        "atmAminityId": "AB-073",
+        "aminityType": "BANK",
+        "aminityName": "IDCB Vattavad Branch",
+        "aminityLocationLatitude": 10.182424,
+        "aminityLocationLongitude": 77.259111,
+        "aminityRouteId": "           R7",
+        "aminityOpenTime": "1899-12-30T04:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T11:38:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-074",
+        "aminityType": "ATM",
+        "aminityName": "IDCB ATM",
+        "aminityLocationLatitude": 10.182682,
+        "aminityLocationLongitude": 77.258586,
+        "aminityRouteId": "          R7"
+    },
+    {
+        "atmAminityId": "AB-075",
+        "aminityType": "BANK",
+        "aminityName": "ESAF small finance bank",
+        "aminityLocationLatitude": 10.183363,
+        "aminityLocationLongitude": 77.257487,
+        "aminityRouteId": "         R7",
+        "aminityOpenTime": "1899-12-30T04:08:50.000Z",
+        "aminityCloseTime": "1899-12-30T12:08:50.000Z"
+    },
+    {
+        "atmAminityId": "AB-076",
+        "aminityType": "ATM",
+        "aminityName": "ESAF small finance bank",
+        "aminityLocationLatitude": 10.183363,
+        "aminityLocationLongitude": 77.257487,
+        "aminityRouteId": "         R7"
+    }
+]
diff --git a/src/data/challenges.json b/src/data/challenges.json
new file mode 100644
index 0000000..e92ab2d
--- /dev/null
+++ b/src/data/challenges.json
@@ -0,0 +1,22 @@
+[
+    {
+        "challengeId": "CH1",
+        "challangeName": "DIFFERENTLY ABLED"
+    },
+    {
+        "challengeId": "CH2",
+        "challangeName": "KIDS FRIENDLY "
+    },
+    {
+        "challengeId": "CH3",
+        "challangeName": "SEASONAL CHALLENGE"
+    },
+    {
+        "challengeId": "CH4",
+        "challangeName": "POLICY CHALLENGE"
+    },
+    {
+        "challengeId": "CH5",
+        "challangeName": "CLIMATE CHALLENGE"
+    }
+]
diff --git a/src/data/dataUtils.js b/src/data/dataUtils.js
new file mode 100644
index 0000000..3123d88
--- /dev/null
+++ b/src/data/dataUtils.js
@@ -0,0 +1,140 @@
+import destinationData from "./destinationData.json";
+import activityData from "./activityData";
+import routeData from "./routeData.json";
+import challengesData from "./challenges.json";
+import flauraFaunaData from "./floraFaunaData.json";
+import activityTagsData from "./activityTags.json";
+
+export let getRandomDestinations = (numberOfElements) => {
+    if (!numberOfElements || numberOfElements > destinationData.length)
+        return null;
+    let randomIndex = Math.floor(Math.random() * (destinationData.length - 1));
+    let startIndex;
+    let endIndex;
+    if (randomIndex < destinationData.length - numberOfElements) {
+        startIndex = randomIndex;
+        endIndex = randomIndex + numberOfElements;
+    } else if (randomIndex > destinationData.length - numberOfElements) {
+        randomIndex = randomIndex - numberOfElements;
+        startIndex = randomIndex;
+        endIndex = randomIndex + numberOfElements;
+    }
+    return destinationData.slice(startIndex, endIndex);
+};
+
+export let getRandomActivities = (numberOfElements) => {
+    if (!numberOfElements || numberOfElements > activityData.length)
+        return null;
+    let randomIndex = Math.floor(Math.random() * (activityData.length - 1));
+    let startIndex;
+    let endIndex;
+    if (randomIndex < activityData.length - numberOfElements) {
+        startIndex = randomIndex;
+        endIndex = randomIndex + numberOfElements;
+    } else if (randomIndex > activityData.length - numberOfElements) {
+        randomIndex = randomIndex - numberOfElements;
+        startIndex = randomIndex;
+        endIndex = randomIndex + numberOfElements;
+    }
+    return activityData.slice(startIndex, endIndex);
+};
+
+export const getRoute = (id, expandIds = false) => {
+    let route = getOne(routeData, id, "route");
+
+    if (expandIds) {
+        // get destination and activities
+        // get all data recursively
+    }
+
+    return route;
+};
+
+export const getManyRoute = (ids) => {
+    return getMany(routeData, ids, "route");
+};
+
+export const getActivity = (id, expandIds = false) => {
+    let activity = getOne(activityData, id, "activities");
+
+    if (expandIds && activity) {
+        activity.activityRoute = getRoute(activity.activityRouteId);
+        activity.activityChallanges = getManyChallenge(activity.challengesId);
+    }
+
+    return activity;
+};
+
+export const getManyActivity = (ids) => {
+    return getMany(activityData, ids, "activities");
+};
+
+export const getFlauraFauna = (id, expandIds = false) => {
+    let flauraFauna = getOne(flauraFaunaData, id, "ff");
+
+    if (expandIds) {
+        // get all data recursively
+    }
+
+    return flauraFauna;
+};
+
+export const getManyFlauraFauna = (ids) => {
+    return getMany(flauraFaunaData, ids, "ff");
+};
+
+export const getChallenge = (id, expandIds = false) => {
+    let challenge = getOne(challengesData, id, "challenge");
+
+    if (expandIds) {
+        // get all data recursively
+    }
+
+    return challenge;
+};
+
+export const getManyChallenge = (ids) => {
+    return getMany(challengesData, ids, "challenge");
+};
+
+export const getActivityTags = (id, expandIds = false) => {
+    let activityTag = getOne(activityTagsData, id, "activityTags");
+
+    if (expandIds) {
+        // get all data recursively
+    }
+
+    return activityTag;
+};
+
+export const getManyActivityTags = (ids) => {
+    return getMany(activityTagsData, ids, "activityTags");
+};
+
+export const getDestination = (id, expandIds = false) => {
+    let destination = getOne(destinationData, id, "destination");
+
+    if (expandIds && destination) {
+        destination.destinationRoute = getRoute(destination.destinationRouteId);
+        destination.activities = getManyActivity(destination.activitiesId);
+        destination.challenges = getManyChallenge(destination.challengesId);
+        destination.flauraFauna = getManyFlauraFauna(destination.ffId);
+        destination.activityTags = getManyActivityTags(
+            destination.activityTagsId
+        );
+    }
+
+    return destination;
+};
+
+export const getManyDestination = (ids) => {
+    return getMany(destinationData, ids, "destination");
+};
+
+const getOne = (data, id, keyPrefix = "") => {
+    return data.find((d) => d[`${keyPrefix}Id`] === id);
+};
+
+const getMany = (data, ids, keyPrefix = "") => {
+    return ids ? data.filter((d) => ids.includes(d[`${keyPrefix}Id`])) : [];
+};
diff --git a/src/data/destinationData.json b/src/data/destinationData.json
new file mode 100644
index 0000000..0f7c0c8
--- /dev/null
+++ b/src/data/destinationData.json
@@ -0,0 +1,1172 @@
+[
+    {
+        "destinationId": "D-001",
+        "routeDestination": "ERAVIKULAM NATIONAL PARK",
+        "closingTime": "1899-12-30T10:38:50.000Z",
+        "destinationAvailability": "APRIL-JAN",
+        "activitiesId": ["ACT003", "ACT004", "ACT005", "ACT010"],
+        "destinationRouteId": "R1",
+        "destinationDescription": "A trip to Munnar will be incomplete without having a visit to Eravikulam, the first National park in\n Kerala, which is located in the majestic Kannan Devan hills of Munnar. It is spread over 97 square kilometres and is a\n protected area which is divided into three zones. Visitors are allowed \nonly to the Rajamala tourism zone of Eravikulam park.This park is the natural habitat of many \nendangered species including the Nilgiri Tahr. Myriad varieties of flora and fauna are abundant \nhere. Strobilanthes Kunthiana(Neelakurinji) makes the splendid mountains blue once in every twelve \nyears, which adds to the  violet colour significance of this route.Kurinji trail, the soft trekking package enables the tourist \nto enjoy the magnificent beauty of Munnar. The cascade walk across Lakkam waterfalls which originates from the Eravikulam\n stream mesmerizes the travellers. The amazing view of Munnar's natural vegetation and the \nother magnificent scenery of Munnar mountains can be enjoyed and snapped by visiting this park.",
+        "destinationLatitude": 10.1356,
+        "destinationLongitude": 77.0597,
+        "challengesId": ["CH-2", "CH-3", "CH-4", "CH-5"],
+        "ffId": ["FF-001", "FF-002", "FF-003", "FF-004"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/THALAIYAR_TEA_PLANTATION.jpeg",
+        "activityTagsId": ["AT-002", "AT-009", "AT-024"],
+        "fuelStationAminityId": ["FS-002"],
+        "wastebinAminityId": ["WB-022"]
+    },
+    {
+        "destinationId": "D-002",
+        "routeDestination": "THALAYAR TEA PLANTATION \n( Temporarily Closed )",
+        "destinationRouteId": "R1",
+        "destinationDescription": "Talayar is one of the amazing and splendid tea plantations in Munnar. Talayar tea plantation, \nwhich is covered by the lush greenery of tea plants is a paradise in real sense. It reflects the \neternal beauty of Munnar. Talayar tea factory allows visitors until noon. 'Make your own chai' is a\n unique event in this factory which enables visitors to make their own tea with the tea leaves \nplucked by them from the majestic tea plantations of Munnar.Tea manufacturing workshops are\n also organised here.The stunning view of the dense tea garden and other magnificent scenery\n of munnar can be obtained from this spot.",
+        "destinationLatitude": 10.1561942424402,
+        "destinationlongitude": 77.1022063108109,
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/THALAIYAR_TEA_PLANTATION.jpeg",
+        "fuelStationAminityId": ["FS-001"]
+    },
+    {
+        "destinationId": "D-003",
+        "routeDestination": "LAKKAM WATERFALLS",
+        "openingTime": "1899-12-30T02:38:50.000Z",
+        "closingTime": "1899-12-30T10:38:50.000Z",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT013"],
+        "destinationRouteId": "R1",
+        "destinationDescription": "Lakkam falls, which originates from Eravikulam stream, is a major tributary of the Pamba river. It is one of the amazing falls to visit. It is a paradise in true sense for all types of travellers around the world. The charming giggles of the rushing water and the lush greenery amidst the woods are an amazing experience mesmerizing the travellers. It provides stress relief and peace of mind. The cascade walk across Lakkam falls makes the trip more memorable to the travellers. This is an ideal destination for trekking and picnicking. Lakkam falls is the only place in Munnar to enjoy taking a shower in the Waterfalls. This is an exceptional place to capture the elegance of Munnar. These majestic falls make the experience of visiting Munnar much more enriching.",
+        "destinationLatitude": 10.1888406372322,
+        "destinationlongitude": 77.1115032175578,
+        "challengesId": ["CH-1", "CH-2", "CH-4", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/LAKKAM_WATERFALLS.jpeg",
+        "activityTagsId": ["AT-012", "AT-025"],
+        "hospitalAminityId": ["HL-005"],
+        "fuelStationAminityId": ["FS-003"],
+        "wastebinAminityId": ["WB-023"]
+    },
+    {
+        "destinationId": "D-004",
+        "routeDestination": "SANDAL WOOD FOREST MARAYOOR (PASS)",
+        "openingTime": "nill",
+        "closingTime": "nill",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT013"],
+        "destinationRouteId": "R1",
+        "destinationDescription": "Marayoor is well-known for its incredible sandalwood forest. It is the sole place in Kerala that has a natural growth of sandalwood trees.\nA vast area of this zone is covered with aromatic sandalwood trees and lemongrass which are fenced and belong to the protected area. Trespassing is strictly prohibited and visitors are not allowed to enter the sandalwood forest. But a traveller can enjoy the splendour of the enchanting woods from outside. Marayoor sandal has a high demand in the international market for its high quality and high oil content. The amazing view of dense sandalwoods is spectacular in every sense. This forest is a treasure in true sense.",
+        "destinationLatitude": 10.2762,
+        "destinationlongitude": 77.1615,
+        "challengesId": ["CH-1", "CH-2", "CH-4"],
+        "ffId": ["FF-005", "FF-006"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/SANDALWOOD_FOREST.jpeg",
+        "activityTagsId": ["AT-006", "AT-009", "AT-011", "AT-012"],
+        "fuelStationAminityId": ["FS-005"]
+    },
+    {
+        "destinationId": "D-005",
+        "routeDestination": "MARAYOOR MARKET",
+        "destinationAvailability": "SUNDAY",
+        "destinationRouteId": "R1",
+        "destinationDescription": "The Marayoor market is the clubhouse of all the spices, herbs, vegetables, fruits, honey, and a lot more variety of things \ncultivated by the indigenous people of Marayoor and Chinnar. The market is open every Thursday at the garden situated\n inside the forest department, monitored by the forest range officer. The market is locally called ‘Chilla’ referring to the\n branch of a forest tree. The famous‘ Marayoor sarkara ‘ ( jaggery ) is available in this weekly market. Honey cultivated \nin the forests is yet another attraction of this market.",
+        "destinationLatitude": 10.276464809369,
+        "destinationlongitude": 77.1593112816279,
+        "activityTagsId": ["AT-022"],
+        "hospitalAminityId": ["HL-008"]
+    },
+    {
+        "destinationId": "D-006",
+        "routeDestination": "MARAYOOR DOLEMENS",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R1",
+        "destinationDescription": "Marayoor is famous not only for it's great archaeological,historical and cultural significance but also natural vegetation and beautiful landscape.The mysterious prehistoric dolmens which date back to the megalithic age are scattered throughout the majestic landscape of Marayoor.It is estimated that they are built in between BC 3000 and BC 14000.Some of the historians are of the view that these dolmens are the burial chambers of the inhabitant tribe and others are of the perception that they were the dwelling places of sages because of which it is known as 'Muniyara' in Malayalam.“Muniyaras”are made of 4 vertical stones, and a large horizontal wide capstone.The place name Marayoor is derived from the Malayalam words “mara” which means “hide” and “(y)oor” means “village”, a hidden village.Under the initiative of Marayoor Grama Panchayat, this “Mount of the Spirit” is being protected and is open to visitors. Marayoor is the best destination for those who love to explore Neolithic monuments and underexplored natural topographies of western ghats.In Addition to the prehistoric dolmens, Marayoor is the land of cave paintings, the only natural sandalwood forests in Kerala, sugarcane fields and exquisite landscapes. Heritage photography is another highlight of this cultural site.",
+        "destinationLatitude": 10.247888,
+        "destinationlongitude": 77.175091,
+        "challengesId": ["CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/",
+        "activityTagsId": ["AT-006", "AT-011", "AT-012", "AT-013"],
+        "atmaminityid": ["AB-020"],
+        "bankaminityid": ["AB-019", "AB-021"]
+    },
+    {
+        "destinationId": "D-007",
+        "routeDestination": "MARAYOOR JAGGERY, MARAYOOR\n(MARAYOOR-KANTHALLOR)",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R1",
+        "destinationDescription": "‘Walking through the lap of nature and savouring the best nature can offer’.\nThere is no better way to describe your visit to Munnar’s Marayur, where you can have the best jaggery in the world directly from the place where it is made, with the wonderful climatic condition adding up to your experience. Marayur, located 42kms north of Munnar in Munnar-Udumalpet road is best known for sandalwood and sugarcane cultivation. \nWhen the unique Marayur sugarcane meets the authentic age-old skill of local people, Marayoor Jaggery becomes a unique product, hailing the heritage and delicacy of Marayoor. Visitors get to visit, watch and understand the traditional process of jaggery making done in age old huts. Marayur visit is as unique as the dark brown Marayur jaggery.",
+        "destinationLatitude": 10.229544,
+        "destinationlongitude": 77.187159,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/MARAYOOR_JAGGERY.jpeg",
+        "activityTagsId": ["AT-011", "AT-022"],
+        "wastebinAminityId": ["WB-026"]
+    },
+    {
+        "destinationId": "D-008",
+        "routeDestination": "KANTHALLUR FARMING (MARAYOOR- KANTHALLOR)",
+        "openingTime": "1899-12-30T03:38:50.000Z",
+        "closingTime": "5.00 pm",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R1",
+        "destinationDescription": "Known as the Kashmir of South India, Munnar’s Kanthalloor Farms can be compared to nothing less than the Biblical Garden of Eden. Nestled in the plethora of greenery and mist, Kanthalloor awaits you with its beautiful natural landscapes, adorned with man-made orchards as serene as a paradisiacal environment. Private farms are the main attraction of this place, which stretches upto many acres, luxuriant with trees including apple, strawberry, passion fruit, orange, tamarillo, apricot, plum, sabarjil and what not! Most of these private farms have around 200 varieties of flora including trees, flowers, and vegetables. Fruit-plucking tourism which is not so popular in Kerala is promoted in Kanthalloor where visitors stay within the farms, experience everything so close and even buy freshly-plucked fruits from the very place they are being cultivated. Kanthalloor is thus an apt escape from the hasty city life and a wonderful honeymoon place for couples.",
+        "destinationLatitude": 10.20767,
+        "destinationlongitude": 77.195065,
+        "challengesId": ["CH-2", "CH-3", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/KANTHALLOOR_JAGGERY_VETTUKAD.jpeg",
+        "activityTagsId": ["AT-006", "AT-011", "AT-012", "AT-022"],
+        "fuelStationAminityId": ["FS-006"]
+    },
+    {
+        "destinationId": "D-009",
+        "routeDestination": "ANAMUDI SHOLA NP(MARAYOOR-KANTHALLOR)",
+        "openingTime": "8.30 am",
+        "closingTime": "5.00 pm",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R1",
+        "destinationDescription": "The most picturesque place in Munnar, Anamudi Shola National Park is an abode for around 174 species of herbs, 62 species of trees, 40 species of climbers. The land blessed with luxuriant grasslands and velvety patches of tea plantations rejuvenates you the purest air of high altitudes! Anamudi Shola, consisting of Mannavanshola, Idavarashola and Pullardishola (Shola means ‘Cholai’ or ‘forest’) is the perfect paradise for a nature lover. This 7.5km square forest area was declared a national park in the year 2003 and is nominated for UNESCO’s World Heritage Program.\nUntil recently, Anamudi National Park was a restricted area by the Forest Department. Now, it has been opened to visitors for activities like trekking. This ‘plastic free’ area is not just for some adventurous visits, but is also the best place to observe and study the nature of Western Ghats. \nSo the next time you pack your backpack, there is no question where you are going, right?\n",
+        "destinationLatitude": 10.190326,
+        "destinationlongitude": 77.177278,
+        "challengesId": ["CH-2", "CH-3", "CH-4", "CH-5"],
+        "ffId": ["FF-007"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Anaimudishola.jpeg",
+        "activityTagsId": ["AT-006", "AT-002", "AT-009", "AT-011", "AT-012"],
+        "atmaminityid": ["AB-028"],
+        "bankaminityid": ["AB-027"],
+        "fuelStationAminityId": ["FS-007"]
+    },
+    {
+        "destinationId": "D-010",
+        "routeDestination": "KARIMUTTY WATERFALLS(MARAYOOR -CHINNAR)",
+        "openingTime": "1899-12-30T02:38:50.000Z",
+        "closingTime": "1899-12-30T11:38:50.000Z",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R1",
+        "destinationDescription": "Karimutty waterfalls is another fascinating destination on the Munnar Marayoor route. It Comes under Karimutty Forest Station and is visible from the road side. Being a destination under Chinnar Valley Safari, Karimutty is a plastic free zone. Trekking to this perennial waterfall is open throughout the year with an entry fee of Rs. 25. Mazhanizhal tea shop sponsored by KFWD and an Ecoshop nearby are the two spots associated with Karimutty Waterfalls, refreshment and a wee bit of shopping while enjoying nature.",
+        "destinationLatitude": 10.2905,
+        "destinationlongitude": 77.1689,
+        "challengesId": ["CH-2", "CH-4"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/KARIMUTTY_WATERFALLS.jpeg",
+        "activityTagsId": ["AT-006", "AT-011", "AT-012", "AT-025"],
+        "atmaminityid": ["AB-023", "AB-025"],
+        "bankaminityid": ["AB-022", "AB-024", "AB-026"],
+        "fuelStationAminityId": ["FS-004"],
+        "wastebinAminityId": ["WB-024"]
+    },
+    {
+        "destinationId": "D-011",
+        "routeDestination": "ALAMPETTY ECOTOURISM (MARAYOOR-CHINNAR)",
+        "openingTime": "-",
+        "closingTime": "-",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R1",
+        "destinationDescription": "Alampetty Eco-Tourism is one of the best tourism programs ever executed in Kerala, serving the purpose at its best. Consisting of Thoovanam Waterfalls, Cultural zone, Jallimala, Vayumala and Kannimala trekking, Alampetty project is run by Kerala Tourism Department promoting sustainable tourism along with aiding the native people. Three hours trek to the Thoovanam Waterfalls awaits you with awe-inspiring view of unfurled silver amidst lushful green carpet. Though the zenith of nature’s abundance is visible during the rainy season, the authorities instruct visitors to visit the place during the summer season for the sake of safety. Munnar is not about greenery and nature but has anecdotes of cultural heritage as indicated by the Dolemons in the cultural zone. The log huts can give you another unmatchable experience of staying in the middle of the jungle, where you can anticipate meeting any animals dwelling inside the Chinnar forest.",
+        "destinationLatitude": 10.310854,
+        "destinationlongitude": 77.185148,
+        "challengesId": ["CH-2", "CH-4"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/",
+        "activityTagsId": ["AT-002", "AT-006", "AT-014"],
+        "wastebinAminityId": ["WB-025"]
+    },
+    {
+        "destinationId": "D-012",
+        "routeDestination": "THOOVANAM WATERFALLS VIEW \n(MARAYOOR-CHINNAR)",
+        "openingTime": "-",
+        "closingTime": "-",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R1",
+        "destinationDescription": "Thoovanam is a popular trekking spot in Munnar, with its destination leading to Marayoor Thoovanam Falls.The 4 km guided forest trek to Thoovanam falls is the best way to get to the soul of Chinnar Wildlife Sanctuary. It starts from Alampetty Checkpost and takes around 3 hours to reach the falls in the Pamba River stretch. A dip in the Thoovanam Falls is a soothing experience for nature-lovers. The waterfall is perennial and offers the best experience during the monsoons (July-August). The forest is rich with its rare flora and fauna species and gives a holistic experience of being close to nature. One may spend around 3-4 hours visiting the falls or may camp overnight in the forest guest house, cottages, or log houses which are available in the sanctuary for reasonable prices.",
+        "destinationLatitude": 10.287009,
+        "destinationlongitude": 77.187904,
+        "challengesId": ["CH-2", "CH-3", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/",
+        "activityTagsId": ["AT-007", "AT-002", "AT-029"]
+    },
+    {
+        "destinationId": "D-013",
+        "routeDestination": "CHINNAR WLS(MARAYOOR- CHINNAR)",
+        "openingTime": "8 : 30 AM",
+        "closingTime": "1899-12-30T12:08:50.000Z",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT011", "ACT013"],
+        "destinationRouteId": "R1",
+        "destinationDescription": "Located in the rain shadow region of the Western Ghats, Chinnar Wildlife Sanctuary is a conservation zone neighbouring Tamil Nadu. Chinnar, with its unique geological features, encompasses a variety of habitat types. It is also a sanctum to a large number of unique flora and fauna accustomed to thorny vegetation. It is a repository of medicinal plants and supports a healthy population of grizzled giant squirrels, tufted grey langurs, gaurs, spotted deers, slender lorises, wild elephants, crocodiles, tigers, leopards and numerous birds, insects and plants. The Chinnar Wildlife Sanctuary is also the only rehabilitation centre for the Indian Star Tortoise - a threatened species of tortoise. The sanctuary also houses archaeologically-significant megalithic burial sites consisting of dolmens and cysts.\nThe sanctuary offers a visual charm that leaves its sightseers mesmerized with its diversity in topography and ecosystem. The two perennial water resources, namely the Chinnar and Pambar rivers, is an enchanting vista which hosts a number of waterfalls en route.\nThe major attraction in the sanctuary is trekking, The sanctuary has an Interpretation Centre at Karimutty, two eco shops (one each at Chinnar check post and Aalampetty), an amenity centre, inspection bunglow, dormitory and cafeteria at Chinnar check post to cater to the needs of the the visitors. \nThe area encompasses diverse ecosystems and is home to a rich ethno-cultural heritage. The main inhabitants are Muthuvas and Pulayars. Maize, ragi, and lemongrass are cultivated here.\n",
+        "destinationLatitude": 10.3068,
+        "destinationlongitude": 77.206,
+        "challengesId": ["CH-2", "CH-3", "CH-4", "CH-5"],
+        "ffId": ["FF-008", "FF-009", "FF-010"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/violet/Chinnar.jpg",
+        "activityTagsId": [
+            "AT-024",
+            "AT-002",
+            "AT-009",
+            "AT-007",
+            "AT-006",
+            "AT-011"
+        ],
+        "hospitalAminityId": ["HL-006", "HL-007"],
+        "fuelStationAminityId": ["FS-008"],
+        "wastebinAminityId": ["WB-027"]
+    },
+    {
+        "destinationId": "D-014",
+        "routeDestination": "DTPC INFORMATION CENTRE AND BOATING ",
+        "openingTime": "1899-12-30T03:38:50.000Z",
+        "closingTime": "1899-12-30T11:38:50.000Z",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R2",
+        "destinationDescription": "The boating services provided by the DTPC (District Tourism Promotion Council) mainly involve pedal boating, which is the only available form of boating. It only covers 3km of the Muthirapuzha River. Currently, there is only one working boat with which they run the boating service . The fare charged is Rs 100 every half hour. It is open on all 7 days. It also provides all necessary facilities including toilets, hotels, ATM, and various other accessories. It is not a well-established boating service. It has minimum congestion and has only one boat that works from 9 to 5.",
+        "destinationLatitude": 10.075609,
+        "destinationlongitude": 77.063235,
+        "challengesId": ["CH-1", "CH-2", "CH-4"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/indigo/",
+        "activityTagsId": ["AT-012", "AT-005"],
+        "atmaminityid": ["AB-029"]
+    },
+    {
+        "destinationId": "D-015",
+        "routeDestination": "BLOSSOM HYDEL PARK",
+        "openingTime": "9.0 AM",
+        "closingTime": "6.30 PM",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R2",
+        "destinationDescription": "Blossom Hydel Park is located around 3 km away from Munnar town, towards the old Munnar. This park is a part of the Sylvan Hill resort of Munna. Nearby attractions are the Muthirapuzha River and the Misty Kannan Devan Hill Tea Estates.\nThe Hydel Park offers many facilities including adventure trails, nature walks, bird-watching, roller skating, badminton, and many more. Visitors can admire the spectacle of Nature’s most scenic landscapes and delight in the aroma of fresh mountain flowers that are found abundantly in the park. They can also enjoy boating through the serene waters of Muthirapuzha River. The Blossom Hydel Park is also famous for other facilities like campfire with music.The park’s scenic lookout points include the exquisite Western Ghats and the misty folds of Kannan Devan Hill Tea Estates (also known to be another major attraction in Munnar). \nThe best time to visit here is between December and February. This destination allows tourists to enjoy the splash of air and tranquil walks through nature which will leave them feeling euphoric throughout the journey. ",
+        "destinationLatitude": 10.0691218188624,
+        "destinationlongitude": 77.0665255672478,
+        "challengesId": ["CH-1", "CH-2", "CH-4"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/indigo/BLOSSOM_HYDEL_PARK.jpg",
+        "activityTagsId": ["AT-006", "AT-011", "AT-031", "AT-032"],
+        "atmaminityid": ["AB-030"],
+        "fuelStationAminityId": ["FS-015"],
+        "wastebinAminityId": ["WB-015"]
+    },
+    {
+        "destinationId": "D-016",
+        "routeDestination": "HEADWORKS DAM",
+        "openingTime": "7.30AM",
+        "closingTime": "9.00 PM",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R2",
+        "destinationDescription": "Built in 1940 and named after C P Ramaswami Iyer, the Munnar Headworks Dam was constructed under the Pallivasal Hydro Electric Project to collect water. The water reaches the reservoir through Muthirapuzha, which carries water from the Nallathanni and Kannimala Rivers and also from Mattupetty Dam. The dam was opened for 24 hours, but after 9 in the evenings till 7 in the mornings, heavy vehicles were not allowed. By this way, the tourists can visit the Pothamedu View Point.\nThe tourists can visit the place for 15-20 minutes.\n",
+        "destinationLatitude": 10.0681,
+        "destinationlongitude": 77.0671,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/indigo/RAMASWAMI_IYER_HEADWORKS_DAM.jpg",
+        "activityTagsId": ["AT-012", "AT-011"],
+        "fuelStationAminityId": ["FS-013"],
+        "wastebinAminityId": ["WB-016"]
+    },
+    {
+        "destinationId": "D-017",
+        "routeDestination": "POTHENMEDU VIEW POINT\n(CARDAMOM PLANTATION)",
+        "openingTime": "All time ",
+        "closingTime": "All time ",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R2",
+        "destinationDescription": "4.5 km away from Munnar, a lush green space of plantations with the aroma of cardamom, tea and coffee await you! And what if the space is goldenly lit by the setting sun?! Pothamedu offers a magnificent view for nature lovers and photographers! The view tea plantation gives you flourishing our happiness and also give you the soothing sunset view.",
+        "destinationLatitude": 10.0597,
+        "destinationlongitude": 77.0641,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/indigo/POTHANMEDU_VIEW_POINT.jpg",
+        "activityTagsId": ["AT-012", "AT-011", "AT-013"],
+        "hospitalAminityId": ["HL-016"],
+        "fuelStationAminityId": ["FS-014"],
+        "wastebinAminityId": ["WB-017"]
+    },
+    {
+        "destinationId": "D-018",
+        "routeDestination": "ATTUKADU WATERFALLS",
+        "openingTime": "All time ",
+        "closingTime": "All time ",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R2",
+        "destinationDescription": "The roaring, cascading down Attukadu waterfalls is an ethereal beauty in itself! If you are a photographer and nature lover or just want to eliven your spirits up, this green hills with its pleasant misty atmosphere is for you! The place is just enchanting during monsoon and is recommended for a visit!",
+        "destinationLatitude": 10.0534,
+        "destinationlongitude": 77.0589,
+        "challengesId": ["-"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/indigo/attukad_waterfalls.jpg",
+        "activityTagsId": ["AT-011", "AT-012"],
+        "fuelStationAminityId": ["FS-012"],
+        "wastebinAminityId": ["WB-018"]
+    },
+    {
+        "destinationId": "D-019",
+        "routeDestination": "2nd MILE VIEWPOINT ",
+        "openingTime": "All time ",
+        "closingTime": "All time ",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT014"],
+        "destinationRouteId": "R2",
+        "destinationDescription": "8.5 km away from Munnar town, the 2 nd mile valley welcomes you to the tea plantations of Munnar. It offers picturesque views of wide landscapes, hills and tea plantations and wide view of Idukki dam! Since it's on the way to Munnar town, you can spend as much time as you want photographing from different angles and enjoying the sunset!",
+        "destinationLatitude": 10.0414,
+        "destinationlongitude": 77.0393,
+        "challengesId": ["CH-1", "CH-2", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/indigo/2nd_MILE_POINT.jpg",
+        "activityTagsId": ["AT-011", "AT-012"],
+        "hospitalAminityId": ["HL-015"],
+        "atmaminityid": ["AB-031"],
+        "fuelStationAminityId": ["FS-011"],
+        "wastebinAminityId": ["WB-019"]
+    },
+    {
+        "destinationId": "D-020",
+        "routeDestination": "THEME PARK",
+        "openingTime": "8 : 30 AM",
+        "closingTime": "6 : 30 PM",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R2",
+        "destinationDescription": "Situated amidst the waters, hills and forests, Wonder Valley Anachal offers a wide range of adventures from Dashing cars to Burma bridge to Rock climbing to Bungee jumping to nature walks and tree houses and what not?! Designed for kids and grownups alike, this place is a feast and is sure to enliven your spirits! It is open from 8:30 am to 6:45 pm( varies on some days).",
+        "destinationLatitude": 10.026998,
+        "destinationlongitude": 77.035503,
+        "challengesId": ["CH-2", "CH-4"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/indigo/",
+        "activityTagsId": ["AT-026"],
+        "atmaminityid": ["AB-033", "AB-034"],
+        "bankaminityid": ["AB-032"]
+    },
+    {
+        "destinationId": "D-021",
+        "routeDestination": "SHENGULAM DAM AND\n SHENGULAM HYDEL PARK",
+        "openingTime": "9.00 AM",
+        "closingTime": "5.00 PM",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT014"],
+        "destinationRouteId": "R2",
+        "destinationDescription": "Shengulam dam which is a part of Shengulam hydroelectric project offers a mesmerising view since the dam is surrounded by Letchmi hills with an enchanting sky! It offers a view of pettumudi peaks, adding to its beauty! The place is ideal for photography, sightseeing and some fun activities such as boating in pedal boats and speed boats! The boating is open from 8:30 am to 4:30 pm. The small park by the side of the dam is an exact place for relaxing and to have fun time with kids and family with kayaking and coracle.",
+        "destinationLatitude": 10.0089882808287,
+        "destinationlongitude": 77.0337932261429,
+        "challengesId": ["CH-2", "CH-4"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/indigo/SENGULAM_HYDEL_PARK.jpg",
+        "activityTagsId": [
+            "AT-005",
+            "AT-006",
+            "AT-011",
+            "AT-012",
+            "AT-015",
+            "AT-023"
+        ],
+        "hospitalAminityId": ["HL-013"],
+        "fuelStationAminityId": ["FS-016"],
+        "wastebinAminityId": ["WB-021"]
+    },
+    {
+        "destinationId": "D-022",
+        "routeDestination": "SPICE GARDEN",
+        "openingTime": "8 : 00 AM",
+        "closingTime": "6 :30 PM",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT014"],
+        "destinationRouteId": "R2",
+        "destinationDescription": "Spice garden is famous for the variety of spices that have. Visiting here will forever be a cultural experience. You can find Spices that make your mouth water that have exceptional medicinal values. Spice garden is the place where spice shops and along with that spice cultivation garden could be seen. Vast plantations, cultivation, and harvesting of these exotic flavours are remarkable sights to behold. The enriching aroma from the fresh-cut spices can keep you tethered to this place. The place is misty with fragrance, but it’s not all pungent. Sweet-toothed travellers are lucky enough to watch live chocolate making. By hook or by crook you are sure to be dribbling.\nThe whole spice garden area can be covered within 1 hour; the duration depends on one’s interest.  Guided plantation walks include visits to sites of live chocolate making.",
+        "destinationLatitude": 10.0278,
+        "destinationlongitude": 76.8853,
+        "challengesId": ["CH-1", "CH-2"],
+        "ffId": ["FF-011", "FF-012", "FF-013", "FF-014"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/indigo/SPICE_GARDEN.jpg",
+        "activityTagsId": ["AT-006", "AT-005", "AT-011"],
+        "fuelStationAminityId": ["FS-009"]
+    },
+    {
+        "destinationId": "D-023",
+        "routeDestination": "KARADIPPARA VIEWPOINT",
+        "openingTime": "All time",
+        "closingTime": "All time",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT014"],
+        "destinationRouteId": "R2",
+        "destinationDescription": "The very sight of green bushy tea plantations and high range mountains itself is rejuvenating. The best spot to capture this excellent view is karadippara view point. A couple of park benches on the spot are useful to enjoy the wonderful landscape. This spot is best enjoyed during the months from December to February when the hillocks are covered in green stretches. A panoramic view of the Munnar valleys is indeed a spectacular view. The multi-cuisine highway restaurants are serviceable refreshment centers.",
+        "destinationLatitude": 10.0365,
+        "destinationlongitude": 77.01833,
+        "challengesId": ["CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/indigo/",
+        "activityTagsId": ["AT-012", "AT-013"],
+        "wastebinAminityId": ["WB-020"]
+    },
+    {
+        "destinationId": "D-024",
+        "routeDestination": "BOTANICAL GARDEN",
+        "openingTime": "8.00 AM",
+        "closingTime": "5.00PM",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R3",
+        "destinationDescription": "A drive through the mist covered roads of Munnar and you will arrive at this beautiful paradise - the botanical garden. This area is packed with exquisite flowers and lush green bushy shrubs is the perfect place for nature enthusiasts to explore. Botanical Garden in Munnar is a museum of living plants that attracts photographers, gardeners, botanists, scientists, and nature lovers from around the world. The diverse flora also includes medicinal herbs. This is the place in Munnar where leisure meets knowledge. Along with flora and fauna of distinct varieties, the garden is designed as an entertainment park for tourists including facilities Coffee Shop, Spices Shop, playing area, and plant nursery. Recreational activities like boating also go along with this visit.\nA well-maintained garden with a variety of rare species including cacti and a good collection of their hybrids too. A walk through the garden is blissful enough to make you feel alive from inside. The park is open on all days from 8 AM to 5 PM and all it takes is 1hr to stroll the entire area. ",
+        "destinationLatitude": 10.08311389,
+        "destinationlongitude": 77.07133597,
+        "challengesId": ["CH-1", "CH-2", "CH-4"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/blue/",
+        "activityTagsId": ["AT-006", "AT-011", "AT-012", "AT-022"],
+        "hospitalAminityId": ["HL-001"],
+        "fuelStationAminityId": ["FS-018"],
+        "wastebinAminityId": ["WB-010"]
+    },
+    {
+        "destinationId": "D-025",
+        "routeDestination": "SIGNAL POINT",
+        "openingTime": "All time ",
+        "closingTime": "All time ",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R3",
+        "destinationDescription": "The best spot to witness the enchanting beauty of Munnar tea plantations. It is a must-visit destination if you cannot relate to what a place with a view means. May it be solo bullet lovers or SUV holiday visitors, all could just sit back and relax, looking at the burgeoning tea sprouts forming a spectrum with infinite shades of green.",
+        "destinationLatitude": 10.078214718346,
+        "destinationlongitude": 77.0869822847567,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/blue/",
+        "activityTagsId": ["AT-011", "AT-006", "AT-012", "AT-013"],
+        "fuelStationAminityId": ["FS-019"],
+        "wastebinAminityId": ["WB-011"]
+    },
+    {
+        "destinationId": "D-026",
+        "routeDestination": "LOCKHART TEA PLANT& MUSEUM ",
+        "openingTime": "1899-12-30T02:38:50.000Z",
+        "closingTime": "1899-12-30T11:38:50.000Z",
+        "destinationAvailability": "TUE-SUN",
+        "destinationRouteId": "R3",
+        "destinationDescription": "Lockhart is the first estate in Munnar believed to have been planted in 1879 by Scottish planter Baron Von Rosenberg. Place with such historical significance, this tourist destination is known for showcasing orthodox tea processing and the operations that go into the making of black tea, green tea, and white tea in traditional ways. Some tourists are fond of the older equipment used in the plantation like Shears, Mechanical Harvesting Machine, Drake and Fletcher Sprayer, etc. Vintage is the word; this tea museum gives great aesthetic pleasure. Situated here is also the chokramudi peak 7000 feet elevated isolated from other hill ranges but provides a fabulous view of the surrounding valleys & mountains covered with stunning dense forestation and the lush green tea plantations.\nAt the tea factory, you can also avail fun activities like tea trials and making your tea. The factory is open from 8 AM to 5 PM permitting plantation walk and tea tasting. The most and tastiest section of  Lockhart Museum is  Lockhart kiosk, which provides their customers with different varieties of Teas, Ice – creams, crispy crunchier delightful deep-fried delicious foods.\n",
+        "destinationLatitude": 10.05433034,
+        "destinationlongitude": 77.10909185,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/blue/",
+        "activityTagsId": ["AT-011", "AT-012", "AT-006"],
+        "hospitalAminityId": ["HL-002"],
+        "atmaminityid": ["AB-051"],
+        "bankaminityid": ["AB-050"],
+        "fuelStationAminityId": ["FS-020"],
+        "wastebinAminityId": ["WB-012"]
+    },
+    {
+        "destinationId": "D-027",
+        "routeDestination": "CHOKKRAMUDI TREKKING ",
+        "openingTime": "5.0AM",
+        "closingTime": "3.0 PM",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R3",
+        "destinationDescription": "Chokramudi Peak, one of the highest peaks of Munnar, is located at an elevation of 7200 ft in the Eravikulam National Park. This is an isolated hill range, which offers fascinating views of lush Shola forests, shrubs, tea plantations, meadows, and more. For those who love nature and adventure, Chokramudi Peak is the perfect destination to visit. When you reach the top of the peak, your eyes capture an amazingly mesmerizing view of Munnar. Trekking through unique places will bring unique experiences - Chokramudi is also a place that offers unique experiences. The winter months between December and February is the best time to visit this place. The Kerala Forest Department charges an entry fee of Rs 400 for Indians and Rs 600 for Foreigners to trek.",
+        "destinationLatitude": 10.027118132,
+        "destinationlongitude": 77.10241954,
+        "challengesId": ["CH-3", "CH-4", "CH-5"],
+        "ffId": ["FF-017"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/blue/",
+        "activityTagsId": [
+            "AT-006",
+            "AT-002",
+            "AT-009",
+            "AT-010",
+            "AT-012",
+            "AT-011"
+        ],
+        "fuelStationAminityId": ["FS-021"],
+        "wastebinAminityId": ["WB-014"]
+    },
+    {
+        "destinationId": "D-028",
+        "routeDestination": "LOCKHART GAP VIEWPOINT",
+        "openingTime": "All time",
+        "closingTime": "All time",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R3",
+        "destinationDescription": "To explore the breathtaking panoramic view of the magnificent scenery of Munnar, the Lockhart gap viewpoint is the best. It is known as the gateway of Dhanushkodi. Surrounded by lush green valleys filled with dense tea plantations, vast grasslands, and rolling hills wrapped by blankets of mist, this viewpoint is mesmerizing. It offers a mind-blowing and sublime visual treat to tourists, which is probably a photographer's delight and a traveller's desire. A traveller can snap the incredible beauty of Munnar and watch the spectacular sunset and sunrise from this point. It offers a feast for the eyes and brings a peace of mind. Lockhart viewpoint is an ideal place for obtaining an overview of other places at the foothills of the Mountains of Munnar. Enjoying this beautiful view by experiencing the cold breeze in total connection with the wild nature, is an incredible moment in its truest sense.",
+        "destinationLatitude": 10.03596068,
+        "destinationlongitude": 77.13667343,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/blue/",
+        "activityTagsId": ["AT-011", "AT-006", "AT-012"],
+        "fuelStationAminityId": ["FS-022"],
+        "wastebinAminityId": ["WB-013"]
+    },
+    {
+        "destinationId": "D-029",
+        "routeDestination": "CHINNAKKANAL WATERFALLS",
+        "openingTime": "all time",
+        "closingTime": "All time",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R3",
+        "destinationDescription": "Popularly known as power house waterfalls, Chinnakanal has its origin in Devikulam river. Surrounded by tea estates, mountain ranges and lush greenery, the place is a classic beauty in itself! The place is the best escape to nature and would indeed give you a beautiful experience with its cool, fresh water pool, misty atmosphere, dense greenery, chirping birds and innumerable wildlife!\nThe site is ideal for nature photography and is at its best in monsoon when the flow of water becomes wider. ",
+        "destinationLatitude": 10.0376527603314,
+        "destinationlongitude": 77.1549122555909,
+        "challengesId": ["CH-1", "CH-2", "CH-3"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/blue/",
+        "activityTagsId": ["AT-011", "AT-006", "AT-012"],
+        "hospitalAminityId": ["HL-003", "HL-004"]
+    },
+    {
+        "destinationId": "D-030",
+        "routeDestination": "SURYANELLI TEA FACTORY ",
+        "openingTime": "1899-12-30T03:38:50.000Z",
+        "closingTime": "1899-12-30T10:38:50.000Z",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R3",
+        "destinationDescription": "Suryanelli Tea factory, located in the Suryanelli estate is where one of the world's renowned Suryanelli tea originates.\nThe place offers good spots for photography, sightseeing and activities like zipline and kayaking in addition to the factory tour and relishing a sip of some classic tea! A must visit place for tea- nature lover combo!\nThe place is open from Tuesday to Saturday from 8 am to 4 pm. One can visit the place in 2 hrs.",
+        "destinationLatitude": 10.079732,
+        "destinationlongitude": 77.061386,
+        "challengesId": ["CH-1", "CH-2", "CH-4"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/blue/",
+        "activityTagsId": ["AT-001", "AT-012", "AT-011"],
+        "atmaminityid": ["AB-055"],
+        "bankaminityid": ["AB-052", "AB-053", "AB-054"]
+    },
+    {
+        "destinationId": "D-031",
+        "routeDestination": "KOLUKKUMALAI TEA FACTORY ",
+        "openingTime": "1899-12-30T00:38:50.000Z",
+        "closingTime": "1899-12-30T11:38:50.000Z",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT016"],
+        "destinationRouteId": "R3",
+        "destinationDescription": "Located at a height of 7,900 ft above sea level, Kolukkumalai offers an ethereal experience! The jeep ride through bumpy routes of aroma filled tea plantations, misty hills and humble villages are worthwhile!\nThe tour through the tea factory is an enlightening experience since it dates back to the colonial era and the orthodox tea making employed there itself is an enthralling story! \nThe place produces one of the richest, flavoursome world's highest organic tea! The place is a must visit for those who want an ideal escape from the monotonous routine of their daily lives since the place offers a combo of tea, nature and trekking and what more is needed?!",
+        "destinationLatitude": 10.0808615,
+        "destinationlongitude": 77.2149625,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/blue/KOLUKKUMALAI_TEA_PLANTATION_AND_FACTORY.jpg",
+        "activityTagsId": ["AT-006", "AT-011", "AT-012", "AT-017"],
+        "wastebinAminityId": ["WB-008"]
+    },
+    {
+        "destinationId": "D-032",
+        "routeDestination": "ANAYIRANGAL DAM",
+        "openingTime": "1899-12-30T03:38:50.000Z",
+        "closingTime": "1899-12-30T11:38:50.000Z",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R3",
+        "destinationDescription": "Anayirangal area is enriched with so many attractions. The journey through the beautiful tea gardens at Lockhart estate and the rock roads at Gap gives immense pleasure to your eyes. The name has come like that because elephants come down in to that spot, lake, from the forests adjoining the lake.Anayirankal dam one of the largest earthen dams built in the 1960s is located 28 km from Munnar. The dam was built with a mixture of mud, gravel and boulders. Located in the midst of a verdant carpet of tea plantations, Anayirankal is an ideal picnic spot for travellers from around the world. The Anayirankal Dam is flanked by the Tata Tea Plantation and a thick cover of evergreen forests. Anayirankal is located 22 km from Munnar, the beloved hill station of Kerala. A boat ride on the splendid reservoir is an unforgettable experience that no visitor should miss. Ranked amongst the top scenic places to visit in Munnar, Anayirankal Dam is an ideal picnic spot for travellers and locals alike. Almost 22km away from Munnar, the dam is located amidst tea plantations and dense green forests. The word Anayirankal is a mix of two words, ‘Aana’ meaning ‘elephants’ and ‘irankal’ meaning ‘coming down’. There’s  a boating centre by anayirangal dam ‘elephant abode boating centre’.",
+        "destinationLatitude": "10.014517384245202, ",
+        "destinationlongitude": 77.2051307983159,
+        "challengesId": ["CH-1", "CH-2", "CH-3", "CH-4", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/blue/ANAYIRANKAL_BOATING.jpg",
+        "activityTagsId": ["AT-005", "AT-023", "AT-011"],
+        "fuelStationAminityId": ["FS-026"],
+        "wastebinAminityId": ["WB-009"]
+    },
+    {
+        "destinationId": "D-033",
+        "routeDestination": "POOPPARA",
+        "openingTime": "Any time",
+        "closingTime": "Any time",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R3",
+        "destinationDescription": "Poopara is a village in Idukki district in the Indian state of Kerala.It is located in the cardamom-growing region of Kerala, and also houses a number of tea and coffee plantations. The place also intersects the Munnar - Kumily state highway (SH-19) and Kochi - Dhanushkodi national highway (NH-49). The Anayirankal reservoir is 4 km up the road from Poopara. Though we do not normally experience the four seasons in their full strength, variations in climatic conditions make on all life forms. A dense forest turns thin during summer, taking away much of its greenery.A view from Bodimettu, near here, to the plains bordering Tamil Nadu, is clear. Fast spreading fogs that affect vision are a rare phenomenon, thanks to the presence of large rocky barren grasslands on the north-eastern side. During December and January for appears, but not to any great extent.Going on a visit to Poopara",
+        "destinationLatitude": 10.03279,
+        "destinationlongitude": 77.1263,
+        "challengesId": ["CH-1", "CH-2", "CH-3", "CH-4", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/blue/",
+        "activityTagsId": ["AT-022"],
+        "atmaminityid": ["AB-056", "AB-059"],
+        "bankaminityid": ["AB-057", "AB-058"]
+    },
+    {
+        "destinationId": "D-034",
+        "routeDestination": "BODIMETTU",
+        "openingTime": "Anytime ",
+        "closingTime": "Anytime ",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R3",
+        "destinationDescription": "Bodimettu is a locality in Theni district in the state of Tamil Nadu in India, near the border with Kerala.It is 10 km from Poopara on the way to Bodinayakanur by the side of National Highway 85, which runs from Dhanushkkodi to Kochi. Bodimettu is the main cardamom-growing area of Tamil Nadu. It is close to famous tourist destinations such as Munnar, Marayur, Thekkady, Kodaikanal, Anayirangal Dam. it is just 30 minutes from Bodinayakanur, and the perfect place for picnic and spend a nice time with mountain views and chill weather of hill station, lot of developments are going to promote this place for tourist who come to visit Munnar during summer is a real pleasure, Chinnakanal and near by hill & tea gardens. New Hotels and Homestays have come up in the last few years..",
+        "destinationLatitude": 10.022,
+        "destinationlongitude": 77.2621,
+        "challengesId": ["CH-1", "CH-2", "CH-3", "CH-4", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/blue/",
+        "activityTagsId": ["AT-029", "AT-011"]
+    },
+    {
+        "destinationId": "D-035",
+        "routeDestination": "MEESAPPULIMALA",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT001", "ACT006", "ACT007", "ACT008"],
+        "destinationRouteId": "R4",
+        "destinationDescription": "The beauty of the mountain range can only be fully appreciated if you trek to the top of the mountain. To that end, first, you have to take a jeep to the base camp and then hike to the top of the mountain. However, this route should only be undertaken by veteran hiking enthusiasts, as it can be quite grueling. Perched at a height of 2640 meters above the sea level, Meesapulimala is the second highest peak when it comes to the mountain ranges in the Western Ghat. This mountain range is a trekker’s paradise in the Southern parts of India, and is located just a small distance away from the beautiful Munnar town of Idukki district in Kerala. The name of the peak is derived from the fact that it is made of a total of eight peaks. All of these mountains are spread out and have a moustache like formation. The mountain range is sandwiched between Anaimalai Hills and the Palani Hills, which are located near Suryanelli. You can also hike to the mountains from Silent Valley, which is located 6 km away from Rhodo Valley. It is best to plan your trek to  Meesapulimala in the months of winter, that is, between October and February. The average temperature in this region of the country is a pleasant 19.4 degrees centigrade, and the average precipitation received by the hills is 2640 mm.",
+        "destinationLatitude": 10.0981631951696,
+        "destinationlongitude": 77.2032882028,
+        "challengesId": ["CH-3", "CH-4", "CH-5"],
+        "ffId": ["FF-018", "FF-019", "FF-020"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/green/MEESAPPULIMALA.jpg",
+        "activityTagsId": ["AT-003", "AT-006", "AT-011"],
+        "hospitalAminityId": ["HL-024"],
+        "fuelStationAminityId": ["FS-028"]
+    },
+    {
+        "destinationId": "D-036",
+        "routeDestination": "SECOND WORLD WAR MEMORIAL (CENOTAPH)",
+        "openingTime": "All time",
+        "closingTime": "All time",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R5",
+        "destinationDescription": "Munnar’s wonders are not just confined to nature’s blessings. This might sound strange, but it is true that mountains of \nWestern Ghats have witnessed V-day celebrations of World War. Munnar-Kodaikanal road being a significant relic, there is a\n starkly simple memorial of the war at the entrance of Munnar, resonating the sacrifices made by tea-planters of Munnar. \nUnlike other heritage sites, this is often ignored by people visiting Munnar. This has been made to commemorate those brave \nsouls.\n",
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/yellow/",
+        "activityTagsId": ["AT-018"],
+        "atmaminityid": [
+            "AB-002",
+            "AB-004",
+            "AB-005",
+            "AB-007",
+            "AB-008",
+            "AB-011",
+            "AB-013",
+            "AB-016",
+            "AB-018"
+        ],
+        "bankaminityid": [
+            "AB-001",
+            "AB-003",
+            "AB-006",
+            "AB-009",
+            "AB-010",
+            "AB-012",
+            "AB-014",
+            "AB-015",
+            "AB-017"
+        ],
+        "fuelStationAminityId": ["FS-035"]
+    },
+    {
+        "destinationId": "D-037",
+        "routeDestination": "CSI CHURCH",
+        "openingTime": "1899-12-30T03:38:50.000Z",
+        "closingTime": "1899-12-29T23:38:50.000Z",
+        "destinationAvailability": "MON-SAT",
+        "destinationRouteId": "R5",
+        "destinationDescription": "This congregation is additionally affectionately known as the \"Taj Mahal of Munnar\". \nThe internment burial place of Eleanor Isabel May approaches the congregation remains as an image of never-ending love, singing to us of the sentimental story of Munnar. \nA visit to this extremely old construction of the congregation with its gothic style and a strange touch, celebrated for its strict and memorable importance, will leave you charmed with the remainders of a rich culture. \nThis building made of stone blocks welcomes the consideration of history specialists and legacy photographic artists because of its old engineering tastefulness. Hints of Roman design in the Church with its stained glass windows, stone floor, inclined rooftops, the detailed light fixtures improving the insides of the structure, and the old graveyard close to it, add to its compositional expert articulation",
+        "destinationLatitude": 10.080955,
+        "destinationlongitude": 77.061452,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/yellow/CSI_CHURCH_MUNNAR.jpg",
+        "activityTagsId": ["AT-014", "AT-018", "AT-019"],
+        "hospitalAminityId": ["HL-018", "HL-019"],
+        "atmaminityid": [
+            "AB-002",
+            "AB-004",
+            "AB-005",
+            "AB-007",
+            "AB-008",
+            "AB-011",
+            "AB-013",
+            "AB-016",
+            "AB-018"
+        ],
+        "bankaminityid": [
+            "AB-001",
+            "AB-003",
+            "AB-006",
+            "AB-009",
+            "AB-010",
+            "AB-012",
+            "AB-014",
+            "AB-015",
+            "AB-017"
+        ],
+        "fuelStationAminityId": ["FS-029"]
+    },
+    {
+        "destinationId": "D-038",
+        "routeDestination": "ROMEN CATHOLIC CHURCH",
+        "openingTime": "1899-12-30T00:38:50.000Z",
+        "closingTime": "1899-12-30T16:38:50.000Z",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R5",
+        "destinationDescription": "Situated at the core of Munnar town, this is a church that is perhaps the most renowned Christian church in Kerala state. Set up in the year 1898, Mount Carmel Church is one of Munnar's significant spots of strict significance. Known to be the principal Catholic Church in the locale, this strict building was begun by Father Alphonse of the Spanish Missionary.After Father Alphonse's destruction, his body was covered in this congregation. Delightful sculptures of Jesus Christ and Mother Mary add huge effortlessness to this congregation. One can invest quality energy in the serene environs of this spot.",
+        "destinationLatitude": 10.0879785588462,
+        "destinationlongitude": 77.0596886641843,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/yellow/",
+        "activityTagsId": ["AT-014", "AT-019"],
+        "atmaminityid": [
+            "AB-002",
+            "AB-004",
+            "AB-005",
+            "AB-007",
+            "AB-008",
+            "AB-011",
+            "AB-013",
+            "AB-016",
+            "AB-018"
+        ],
+        "bankaminityid": [
+            "AB-001",
+            "AB-003",
+            "AB-006",
+            "AB-009",
+            "AB-010",
+            "AB-012",
+            "AB-014",
+            "AB-015",
+            "AB-017"
+        ],
+        "fuelStationAminityId": ["FS-036"]
+    },
+    {
+        "destinationId": "D-039",
+        "routeDestination": "MUNNAR MARKET ",
+        "openingTime": "All time",
+        "closingTime": "All time",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R5",
+        "destinationDescription": "Shopping in the Munnar market is a unique travel experience in itself, with the fresh mountain air perfumed with the aromas of coffee or spices.Your trip to Munnar might even seem incomplete without a visit to this shopper's paradise in Munnar which is known worldwide for its tea and spice plantation.With an amazing array of local products, organically grown fresh vegetables and fruits or be it handicrafts, fabrics, spices aromatic essential oils, varieties of tea and coffee powders, homemade chocolate and many more, a stroll through the streets of this market is sure to leave you with a memorable souvenir or gift items specific to this region to take home, maybe even without burning a hole in your pocket as the market is known for its wholesale reasonable prices",
+        "destinationLatitude": 10.0878664576273,
+        "destinationlongitude": 77.0607481966956,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/yellow/munnar_town.jpg",
+        "activityTagsId": ["AT-022"],
+        "hospitalAminityId": ["HL-021"],
+        "atmaminityid": [
+            "AB-002",
+            "AB-004",
+            "AB-005",
+            "AB-007",
+            "AB-008",
+            "AB-011",
+            "AB-013",
+            "AB-016",
+            "AB-018"
+        ],
+        "bankaminityid": [
+            "AB-001",
+            "AB-003",
+            "AB-006",
+            "AB-009",
+            "AB-010",
+            "AB-012",
+            "AB-014",
+            "AB-015",
+            "AB-017"
+        ],
+        "fuelStationAminityId": ["FS-031"]
+    },
+    {
+        "destinationId": "D-040",
+        "routeDestination": "TEA MUSEUM ",
+        "openingTime": "  9.00 am",
+        "closingTime": "5.00pm",
+        "destinationAvailability": "TUE-SUN",
+        "destinationRouteId": "R5",
+        "destinationDescription": " Tea has had a fundamental impact all through the whole presence of Munnar. Tea museum welcomes the tourists with a \nhalf an hour documentary which shows the history of Munnar and the connection between people and the green tea gardens.\n We can also trek through the misty tea plants with the cool breeze welcoming us aboard. The estates accepted an enormous\n part in attracting people to the zone. Farewell Tea set up a Tea Museum in 2005 which has photographs and equipment, which \narchive the journey of tea in the locale. The presentation corridor set up at the Nallathanni Estate of Tata Tea ensures that the\n convention of the people who tried to ensure the tea houses persevere through this long is seen straightforwardly. \nOne can see the arrangement of encounters and advancement of tea areas in the district. We will watch the change from the straightforward tea roller to the high-level robotized tea creation line. Various periods of tea planning can be seen, which\n consolidates the production of dim tea. \n                                     An indicating space for tea tasting is another interest where one would go over different groupings of tea.\n One can taste indisputably the most captivating groupings of tea available around the planet here. The outlet which is arranged \nhere in the museum helps us to recreate the refreshment within our  place. It has reliably changed into an obvious necessity visit\n spot for the people who wish to delve into the soul of Munnar.\n",
+        "destinationLatitude": 10.094095,
+        "destinationlongitude": 77.050661,
+        "challengesId": ["CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/yellow/tea_museum.jpg",
+        "activityTagsId": [
+            "AT-04",
+            "AT-06",
+            "AT-011",
+            "AT-012",
+            "AT-014",
+            "AT-017",
+            "AT-022"
+        ],
+        "hospitalAminityId": ["HL-022"],
+        "atmaminityid": [
+            "AB-002",
+            "AB-004",
+            "AB-005",
+            "AB-007",
+            "AB-008",
+            "AB-011",
+            "AB-013",
+            "AB-016",
+            "AB-018"
+        ],
+        "bankaminityid": [
+            "AB-001",
+            "AB-003",
+            "AB-006",
+            "AB-009",
+            "AB-010",
+            "AB-012",
+            "AB-014",
+            "AB-015",
+            "AB-017"
+        ],
+        "fuelStationAminityId": ["FS-032"],
+        "wastebinAminityId": ["WB-029"]
+    },
+    {
+        "destinationId": "D-041",
+        "routeDestination": "SRISHTI-TATA",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R5",
+        "destinationDescription": "Srishti is an administration help center in Munnar which is directed and run by Tata Tea. It goes under Tata Global Beverages' Corporate Social Responsibility exercises. It targets giving a quality life to the gatherings of tea pluckers in Munnar. Srishti moreover encourages in getting the destiny of contrastingly abled adolescents of who have a spot with these families. The tea pluckers are paid on a reliable timetable and clearly, they don't obtain liberal aggregates. Srishti runs various exercises that target getting a nice future for these youngsters. The assignments which describe Srishti are Development Activities in Rehabilitations (DARE), Aranya, Athulya, and Strawberry Preserve Making Unit.\nThe estate arranging and cycles going on the spot totally draws in the consideration of the travelers. One would go staggering around the confused tea house and assimilate everything green. Amidst the typical visit when the guide suggested visiting Srishti, I was enraptured to get some answers concerning it. He in like manner referred to that it isn't something touristy so if I could have done without it he shouldn't be denounced for consuming the time, as we had just a single day to meander around in Munnar. I promised him nothing of that sort will happen.",
+        "destinationLatitude": 10.0948,
+        "destinationlongitude": 77.0404,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/yellow/srishti_TATA.jpg",
+        "activityTagsId": ["AT-028"],
+        "atmaminityid": [
+            "AB-002",
+            "AB-004",
+            "AB-005",
+            "AB-007",
+            "AB-008",
+            "AB-011",
+            "AB-013",
+            "AB-016",
+            "AB-018"
+        ],
+        "bankaminityid": [
+            "AB-001",
+            "AB-003",
+            "AB-006",
+            "AB-009",
+            "AB-010",
+            "AB-012",
+            "AB-014",
+            "AB-015",
+            "AB-017"
+        ],
+        "fuelStationAminityId": ["FS-033"]
+    },
+    {
+        "destinationId": "D-042",
+        "routeDestination": "CAVE PAINTING",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R5",
+        "destinationDescription": "Apart from the breathtaking landscapes and scenic beauty, Munnar is also a place marked by rich heritage and prehistoric cave paintings. Marayoor, Ezhuthala, Attala, etc. in Munnar are few of the crucial historical sites in Kerala. The makers of these cave paintings were the first storytellers who illustrated the origin of gods, religion, folk tales, myths, legends, etc. They have portrayed the many facets of their lifestyles through the demonstrations in these cave walls.These cave paintings serve as a primitive communication and connecting link between the ages.\nMarayoor is known for a plethora of cave paintings and prehistoric dolmens. Ezhuthala cave paintings are fading due to the absence of scientific preservation and protection nowadays.",
+        "destinationLatitude": 10.2761663,
+        "destinationlongitude": 77.161458,
+        "challengesId": ["CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/yellow/",
+        "activityTagsId": ["AT-04", "AT-012", "AT-014"]
+    },
+    {
+        "destinationId": "D-043",
+        "routeDestination": "LAXMI ESTATE TREK",
+        "openingTime": "1899-12-30T03:38:50.000Z",
+        "closingTime": "1899-12-30T11:38:50.000Z",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R6",
+        "destinationDescription": "Laxmi Hills is an alluring trekking point that offers a mesmerizing panoramic view of the Western Ghats. The cool breeze and the enthralling meadows give energy to the trekking. This place is a heavily weekend getaway for travelers and visitors from the cities. One side of the mountain ranges is rocky, and the other side of the valley is tea plantations, shola forests, etc. The place offers moderately difficult trekking experience to adventure loving visitors, thus making it restricted to individuals above 11 years of age. Laxmi Estate Trek is one of the most popular trekking sites in Munnar It is a paradise for those who love to add a pinch of adventure to their leisure trips with trekking, cycling, rope activities, etc.\nAlthough the major parts of the ranges are open to the public, some are under ownership of The Tata Group.",
+        "destinationLatitude": 10.082979,
+        "destinationlongitude": 77.077823,
+        "challengesId": ["CH-1", "CH-2", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/orange/",
+        "activityTagsId": ["AT-002", "AT-006"],
+        "atmaminityid": ["AB-063", "AB-064"],
+        "fuelStationAminityId": ["FS-037"]
+    },
+    {
+        "destinationId": "D-044",
+        "routeDestination": "VIRUPARA(KAINAGIRI OR\n GIRIVARA WATERFALLS)",
+        "openingTime": "  8.00 am",
+        "closingTime": "  5.00 pm",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R6",
+        "destinationDescription": "Viripara Waterfalls in Kallar river-protected under the Department of Forest- is one of the best tourist destinations in Munnar with its enchanting lush green backdrops. Located 15 km away from Munnar town, one may take the three-hour trek from Kannadipara through the forest trails at reasonable rates ranging from ₹300/-₹500/- to finally take a cold dip in the waterfalls. One may spot rare Gopher trees on their way to the falls. Best time to visit the waterfalls is during Monsoons. Another attraction en route is the unexplored waterfalls near Laxmi Estate Tea Plantations (entry fee is ₹20/- for visiting and ₹50/- for a refreshing dip in the falls).",
+        "destinationLatitude": 10.07842,
+        "destinationlongitude": 76.961816,
+        "challengesId": ["CH-1", "CH-2", "CH-3", "CH-4", "CH-5"],
+        "ffId": ["FF-022"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/orange/",
+        "activityTagsId": ["AT-002", "AT-009", "AT-011", "AT-025"],
+        "fuelStationAminityId": ["FS-038"],
+        "wastebinAminityId": ["WB-006"]
+    },
+    {
+        "destinationId": "D-045",
+        "routeDestination": "TIGER CAVE",
+        "openingTime": "  8.00am",
+        "closingTime": "   5.00pm",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R6",
+        "destinationDescription": "En route to the Nakshatrakuthu waterfalls in the Mankulam Range, one could trek along panoramic water streams and picturesque bamboo covered forests to reach the magnificent Nakshatrakuthu caves or the tiger caves. A small hanging bridge takes visitors across the river to the destination, about 300m into the forest. The place is historically known to have been a habitat of tigers. Cameras are placed at different points in the cave, as occasional sightings of the tigers are still observed. Officers are on constant check and tourists will not be allowed into the caves in such a scenario. It is situated 3km away from Viripara. Since it is a little distant from the usual trek circuit, not many people know about or get a chance to see this amazing natural wonder. From trekking along a rough terrain through the forests to the Nakshatrakuthu waterfalls, to sighting wild animals to bird watching, the place promises a wide range of nature experiences to the visitors.",
+        "destinationLatitude": 10.08912,
+        "destinationlongitude": 76.947994,
+        "challengesId": ["CH-3", "CH-4", "CH-5"],
+        "ffId": ["FF-021"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/orange/",
+        "activityTagsId": ["AT-002", "AT-009", "AT-011", "AT-010"],
+        "fuelStationAminityId": ["FS-039"]
+    },
+    {
+        "destinationId": "D-046",
+        "routeDestination": "MANKULAM",
+        "openingTime": "  Nil",
+        "closingTime": "    NIL",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT015"],
+        "destinationRouteId": "R6",
+        "destinationDescription": "Amidst the mighty green mountains of the Western ghats lies the valley of Mankulam, one of the many secrets hidden in Munnar for its biodiversity, culture, and scenery. The place is far away from the hassles of a city and opens a nature paradise to its visitors. Crystal clear streams and waterfalls flow abundantly through the valley, refreshing the soul of the earth. The blue skies and the cool mountain breeze meets the dreams and fantasies of every traveler who visits it. Mankulam village is famously known as the first local self-governing institution in Asia to generate its electricity using waterfalls. Cultivations of spices, coffee, cocoa, and rubber are enthralling and take the tourists to the lap of nature. Apart from these attractions, the place offers a jeep safari through the uneven terrain to trigger an adrenaline rush. The resorts in Mankulam provide a safe and comfortable stay with tent campings to relax your body and soul.",
+        "destinationLatitude": 10.1173,
+        "destinationlongitude": 76.9269,
+        "challengesId": ["CH-1", "CH-2", "CH-3"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/orange/",
+        "activityTagsId": ["AT-012", "AT-006", "AT-011"],
+        "hospitalAminityId": ["HL-010", "HL-011"],
+        "atmaminityid": ["AB-066", "AB-068"],
+        "bankaminityid": ["AB-065", "AB-067", "AB-069"]
+    },
+    {
+        "destinationId": "D-047",
+        "routeDestination": "PERUMBANKUTH WATERFALLS",
+        "openingTime": "  Nil",
+        "closingTime": "    Nil",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R6",
+        "destinationDescription": "The incredible Perambankuthu waterfall is highly underrated amongst the many large and small waterfalls around the area. 43 kilometers from Pallivasal, it is located at Anakkulam, Munnar. Around 50 meters in height, the fall is surrounded by large rocks and boulders. The lush green bamboo forests abut the roaring waterfalls on one side and the spice plantations on the other. Herds of elephants are often sighted feeding on the bamboo trees to meet their hunger needs. To explore the breathtaking views of mountain water plunging down the slopes, take a short hike through the rubber plantations to seek a majestic panoramic view of the Peranbankuthu falls. Tourists often take a shower in the trickling waters that fall from about a height of 20 meters. The waterfall is violent during monsoon, compared to the other seasons. If you are visiting during the rainy months, it is best to be accompanied by a local. Even if the weather can’t always be guaranteed, the beauty and drama of Perambankuthu will certainly not disappoint the travelers.",
+        "destinationLatitude": 10.1387,
+        "destinationlongitude": 76.9141,
+        "challengesId": ["CH-3", "CH-5"],
+        "ffId": ["FF-021"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/orange/",
+        "activityTagsId": ["AT-002", "AT-009", "AT-011"],
+        "fuelStationAminityId": ["FS-040"]
+    },
+    {
+        "destinationId": "D-048",
+        "routeDestination": "ANAKKULAM( 2 Destination  is there) ",
+        "openingTime": "  Nil",
+        "closingTime": "    Nil",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT015"],
+        "destinationRouteId": "R6",
+        "destinationDescription": "Situated around 40 kilometers from Munnar is the elephant paradise, Anakkulam, offering a perfect getaway from the hustle and bustle of everyday life. The place is a small forest locked village with villagers whose livelihood depends on selling honey collected from honeycombs. Herds of wild elephants frequently drop by at the Anakkulam river to quench their thirst. There is no better place to watch adorable calves taking a shower in the cold waters. Breathtakingly amazing waters add to the aesthetic as we gaze at the mighty tuskers, wild boars, peacocks, and deer descent down the forest to visit the brook. The streamlets, Ittacholayaar and Nallathanniyar, two tributaries of Periyar, wet the place through all seasons. A nice long walk through the forest and a cool bath in the stream is enough to reinvigorate oneself.",
+        "destinationLatitude": 10.159245,
+        "destinationlongitude": 76.913894,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/orange/",
+        "activityTagsId": [
+            "AT-009",
+            "AT-011",
+            "AT-025",
+            "AT-015",
+            "AT-013",
+            "AT-012",
+            "AT-006"
+        ],
+        "bankaminityid": ["AB-070"],
+        "fuelStationAminityId": ["FS-041"],
+        "wastebinAminityId": ["WB-007"]
+    },
+    {
+        "destinationId": "D-049",
+        "routeDestination": "33 WATERFALLS",
+        "openingTime": "  Nil",
+        "closingTime": "    Nil",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R6",
+        "destinationDescription": "35 kilometers from Munnar and 8 kilometers from Mankulam, on the Aluva-Munnar road one can discover the 33 waterfalls. It is an unspoiled, least explored waterfall in Munnar where the mountain water plunges down the slopes into the valley. The caressing water flowing down the cascade engulfs visitors with a sense of serenity. This place is ideal for people who wish to have a one on one time with nature. Trek to the falls to experience and appreciate the stunning views and to take in the tranquil splendour. Off-roaders could bike or take a jeep from Mankulam to reach this beautiful destination.",
+        "destinationLatitude": 10.128489,
+        "destinationlongitude": 76.929887,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/orange/",
+        "activityTagsId": ["AT-025", "AT-012", "AT-011"],
+        "fuelStationAminityId": ["FS-042"]
+    },
+    {
+        "destinationId": "D-050",
+        "routeDestination": "FLOWER GARDEN",
+        "openingTime": "  9.00 am",
+        "closingTime": "   6.00 pm",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT012"],
+        "destinationRouteId": "R7",
+        "destinationDescription": "Munnar Flower Garden is additionally known by the name Rose Garden. It is a greenhouse that exists in the quiet excellence of Munnar slope station. The nursery is worked by Kerala Forest Development Center (KFDC), a Govt. of Kerala undertaking institution. It is spread across a couple of sections of land, with many uncommon assortments of flowers, desert plants, bushes, creepers, and herbal plants. Large tea manors structure the foundation of the nursery and the area is considered as perhaps the most should visit objections in Munnar. This spot is a paradise for photographers. The region is clogged with harvests, for example, vanilla and cardamom. It is likewise the home spot of numerous flavours and natural product trees, for example, Litchi, Strawberry, Rambutan, and Amla. A similarly huge assortment of blossoming plants can be seen here. Occasional tropical organic products develop here the entire year, and new vegetables and organic products like cabbage, potato, cauliflowers, bananas, and beans can be acquired from the ranches farm within the nursery. You can likewise purchase seeds of blooming plants from here and develop them as a journal of this enchanting spot.",
+        "destinationLatitude": 10.08604325,
+        "destinationlongitude": 77.07565959,
+        "challengesId": ["CH-1", "CH-2", "CH-3", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/red/FLOWER_GARDEN.jpg",
+        "activityTagsId": ["AT-011"],
+        "fuelStationAminityId": ["FS-043"]
+    },
+    {
+        "destinationId": "D-051",
+        "routeDestination": "PHOTO POINT",
+        "openingTime": "   All time",
+        "closingTime": "   All time",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT012"],
+        "destinationRouteId": "R7",
+        "destinationDescription": "This is one of the primary places of interest in Munnar. Just 3 km away from the primary commercial center of this slope station, this site is a photographic artist's favorite spot. Encircled by the Tata Tea nurseries of the Kannan Devan Hills and a lining of silver oak trees, this point is directly by the fundamental highway. It is the ideal spot to catch the inconceivable minutes, which the geomorphology and the beauty of the slope station mix into the most flawless type of profoundness.",
+        "destinationLatitude": 10.08652123,
+        "destinationlongitude": 77.0796829,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/red/PHOTO_POINT.jpg",
+        "activityTagsId": ["AT-011", "AT-006"],
+        "fuelStationAminityId": ["FS-044"]
+    },
+    {
+        "destinationId": "D-052",
+        "routeDestination": "ELEPHANT PARK",
+        "openingTime": "  9.00 am",
+        "closingTime": "   6.00pm",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R7",
+        "destinationDescription": "Found 3kms away from the photo point, the Carmelagiri Elephant Park is an awesome spot for individuals who love the wild and gutsy excursion through timberlands. A short drive of 7 minutes will carry you to a subdued crowd of elephants. Prepared by mahouts, these elephants are prepared to take travelers out on an audacious and astonishing ride on their backs. Wandering through the profound backwoods, the 1-km ride. offers an incredible opportunity to encounter and appreciate the excellence of nature from an alternate point of view. Excursions on elephants inside their wild natural surroundings gives an encounter which can be rarely failed to remember. It is considered an unquestionable watch spot in Munnar.",
+        "destinationLatitude": 10.09510845,
+        "destinationlongitude": 77.09901941,
+        "challengesId": ["CH-1", "CH-2", "CH-3", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/red/ELEPHANT_PARK.jpg",
+        "activityTagsId": ["AT-009", "AT-011", "AT-030"],
+        "fuelStationAminityId": ["FS-045"]
+    },
+    {
+        "destinationId": "D-053",
+        "routeDestination": "CARMELGIRI BOTANICAL GARDEN ",
+        "openingTime": "  8.30  am",
+        "closingTime": "   6.30 am",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R7",
+        "destinationDescription": "Carmelgiri Botanical Garden Munnar is arranged at Korandikkadu in the Munnar – Mattupetty course. The distance from Munnar is only 8 Kms which is a paradise for nature sweethearts. Carmelgiri Botanical Garden Munnar targets safeguarding characteristics and ecological excellence. The spot is an unquestionable requirement on your Munnar itinerary on the off chance that you are a nature enthusiast. The Botanical Garden is an immense scope of lavish green nursery stuffed with plenty of restrictive plants in the country. The nursery impeccably embodies Mother Nature in its most noticeably terrible structure with tranquil environmental factors and uncommon types of plants and flowers. Varieties of restorative plants and huge organic product segments are some different plants the nursery gloats of. The Botanical Garden is an ideal spot to visit with loved ones for a short trip, running, and photography. This Botanical Garden is spread across a huge region accommodating the most dazzling assortments of greenery. Aside from having various segments for restorative plants, uncommon plants(Pista natural product), wiped out plants, the nursery additionally houses a part of organic product plants and trees.",
+        "destinationLatitude": "10.096277634874953,",
+        "destinationlongitude": 77.1013164966957,
+        "challengesId": ["CH-1", "CH-2", "CH-4"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/red/CARMALAGIRI_BOTANICAL_GARDEN.jpg",
+        "activityTagsId": ["AT-011", "AT-022", "AT-023"],
+        "hospitalAminityId": ["HL", "-020"],
+        "wastebinAminityId": ["WB-028"]
+    },
+    {
+        "destinationId": "D-054",
+        "routeDestination": "TEA FACTORY",
+        "destinationRouteId": "R7",
+        "destinationDescription": "The Tea industrial facility visit in Munnar Tea Factory will give you all the data for your inquiries concerning the handling of tea leaves. An additional delight; you can see the cycle for yourself face to face! During the tea plant visit, see with your own eyes and appreciate each progression during which the tea leaves are handled and toward the finish of the visit, appreciate some delightful newly arranged tea! There are arrangements inside the manufacturing plant premises to purchase the newly arranged tea leaves all prepared and stuffed. With cool temperatures, Munnar has good climatic conditions that are reasonable for its development. Henceforth, the spot has various tea estates that have a place with the best tea makers in the business market. A significant sight for which Munnar is very popular is the green tea manors that one can spot as they show up at Munnar. Seeing the tea manors enhanced in nature's great tone, the impeccable green itself is a stunning one. Without a doubt, one would have given it an idea regarding how the tea leaves that we buy from the market are produced using these plants.",
+        "destinationLatitude": "10.104382728969373,",
+        "destinationlongitude": 77.1193783009143,
+        "challengesId": ["CH-1", "CH-2"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/red/",
+        "activityTagsId": ["AT-012", "AT-017"]
+    },
+    {
+        "destinationId": "D-055",
+        "routeDestination": "MATTUPETTY DAM",
+        "openingTime": "   9.00 am ",
+        "closingTime": "  5.00 pm",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT012"],
+        "destinationRouteId": "R7",
+        "destinationDescription": "Mattupetty Dam is located in the Top Station Highway, Munnar. It was opened in the year 1953 and serves as a major source of power generation. The dam has a holding capacity of around 55.4 million cubic metres and covers a surface area of 323.75 hectares. The dam has an enthralling view that does not disappoint its visitors. Mattupetty Dam is the perfect destination for adventure lovers as there are many water sport activities organised by the District District Tourism Promotion Department of Idukki.This concrete gravity dam also creates a natural habitat for wild animals and birds. The Shola Forest is only a few miles away from the dam where one can go for an adventure trekking.",
+        "destinationLatitude": 10.1066121,
+        "destinationlongitude": 77.12414412,
+        "challengesId": ["CH-1", "CH-2", "CH-3", "CH-4", "CH-5"],
+        "ffId": ["FF-023"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/red/MATTUPETTY_DAM.jpg",
+        "activityTagsId": ["AT-011", "AT-022", "AT-023", "AT-006", "AT-005"],
+        "fuelStationAminityId": ["FS-046"]
+    },
+    {
+        "destinationId": "D-056",
+        "routeDestination": "SUNMOON VALLEY BOATING CENTRE",
+        "openingTime": "   9.00 am",
+        "closingTime": "  5.00pm",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT012"],
+        "destinationRouteId": "R7",
+        "destinationDescription": "Sun Moon Valley Boating Centre is located near Mattupetty Dam, Munnar. This tourist destination is surrounded by tea gardens and boating. One may choose among various types of boats such as Speed Boats, Slow Boats, Pedal Boats, Shikkaras for the boating. In Addition to boating, the place interests nature lovers with its breathtaking views.\nThe amusement park, 'Cow Boy Park' is very close to the boating centre. It offers multiple adrenaline rush adventures for children and adults both. The entry fee Rs.100 per perso",
+        "destinationLatitude": 10.1091117251704,
+        "destinationlongitude": 77.1303497678604,
+        "challengesId": ["CH-1", "CH-2", "CH-3", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/red/SUN_MOON_VALLEY_BOATING_CENTRE.jpg",
+        "activityTagsId": ["AT-005", "AT-006", "AT-021", "AT-011"],
+        "fuelStationAminityId": ["FS-047"],
+        "wastebinAminityId": ["WB-005"]
+    },
+    {
+        "destinationId": "D-057",
+        "routeDestination": "ECHO POINT",
+        "openingTime": "   9.30 am",
+        "closingTime": "  5.00 pm",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT012"],
+        "destinationRouteId": "R7",
+        "destinationDescription": "Echo Point is a tourist destination at Kannan Devan Hills located 15 Kilometres from Munnar. As the name suggests, visitors enjoy the natural phenomenon of hearing their voice breaking through the reservoir and returning back. This is the second most popular spot in Munnar after Top Station.\nApart from this, Echo point is a destination for various adventure activities such as nature walk, trekking, boating etc. The picturesque view of valleys from the echo point makes it preferred for nature lovers as well as photographers.",
+        "destinationLatitude": 10.12069256,
+        "destinationlongitude": 77.15254979,
+        "challengesId": ["CH-1", "CH-2", "CH-3", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/red/ECHO_POINT.jpg",
+        "activityTagsId": ["AT-011", "AT-022", "AT-023", "AT-006", "AT-005"],
+        "fuelStationAminityId": ["FS-048"],
+        "wastebinAminityId": ["WB-004"]
+    },
+    {
+        "destinationId": "D-058",
+        "routeDestination": "KUNDALA DAM, LAKE",
+        "openingTime": "   9.15 am",
+        "closingTime": "  5 .00 pm",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R7",
+        "destinationDescription": "Kundala Dam is a picturesque water-adventure spot, at a height of 1700 meters above sea level. Kundala is the first artificial arch dam in Asia, constructed as part of the Pallivasal Power Project. Located 20 km from Munnar, Kundala Dam, -otherwise known as Sethuparvathypuram- is a destination for water sports and water adventures.\nKundala Dam is a picturesque water-adventure spot, at a height of 1700 meters above sea level. Kundala is the first artificial arch dam in Asia, constructed as part of the Pallivasal Power Project. Located 20 km from Munnar, Kundala Dam, -otherwise known as Sethuparvathypuram-  is a destination for water sports and water adventures.",
+        "destinationLatitude": 10.14378719,
+        "destinationlongitude": 77.19890056,
+        "challengesId": ["CH-1", "CH-2", "CH-3", "CH-4", "CH-5"],
+        "ffId": ["FF-023"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/red/KUNDALA_LAKE.jpg",
+        "activityTagsId": ["AT-006", "AT-005", "AT-011"],
+        "hospitalAminityId": ["HL-009"],
+        "fuelStationAminityId": ["FS-049"],
+        "wastebinAminityId": ["WB-003"]
+    },
+    {
+        "destinationId": "D-059",
+        "routeDestination": "YELLAPPETTY VEGETABLE FARMING",
+        "openingTime": "day time",
+        "closingTime": "Day time",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R7",
+        "destinationDescription": "‘Yellappetty’, which is known as ‘last village’ in Tamil, marks the border between Kerala and Tamilnadu on the giant mountain ranges of Western Ghats. Covered by mist and soft lights, Yellappetty lies to the East of Munnar, located away from crowd and rush. It's the place where the sun rises in two states. These hills are home to breathtaking sunrises – ones that will be etched in eyes and hearts like the memory of the desired glance. The camping area at Yellappetty can be reached by trekking up the eastern side of the hills. The mountainside is shaped as steps so as to plant tea. The charming land of Yellapetty is also an important cultivation area in Munnar. Fresh vegetables grown in farmlands are directly delivered and sold around the area. Campers who stay up to watch the sunrise over the hills often break into a song, yet others prefer a glance in silence, in their world. The last village attracts travelers from around the country.",
+        "destinationLatitude": 10.1287,
+        "destinationlongitude": 77.2094,
+        "challengesId": ["CH-1", "CH-2", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/red/",
+        "activityTagsId": ["AT-017", "AT-012"]
+    },
+    {
+        "destinationId": "D-060",
+        "routeDestination": "TOP STATION",
+        "openingTime": "   7.00 am",
+        "closingTime": "  6.00 pm",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R7",
+        "destinationDescription": "Hidden within the greenish valleys of Munnar, Top Station is a mainstay among all who foray into the majestic hills of Munnar. This location is one of the perfect tourist destinations in town. People visit here to explore the unseen beauty of the town, get cuddled by the clouds, and feel its exquisiteness in absolute peace. Famous for its sprawling tea gardens, it also served as the transshipment point for the delivery of tea between Munnar and Bodinayakanur. The location, which is the highest point in Munnar which falls at a height above 1700 meters above sea level, also gives the panoramic view of the Western Ghats and the green stretched valleys of the Theni in Tamilnadu. It is the meeting point of Pandi Desom and Malayala Desom. Strobilanthes kunthiana, locally known by the name Kurinji and Neelakurinji, which blooms once every 12 years, is the main attraction top station. The drive, on a winding path decorated with rare flora, is one among the most exhilarating in the entire world. This location is the main tourist spot in the ‘Kashmir of South India’, simply a ‘Heaven in Earth’.",
+        "destinationLatitude": 10.12536402,
+        "destinationlongitude": 77.24238027,
+        "challengesId": ["CH-3", "CH-4", "CH-5"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/red/TOP_STATION.jpg",
+        "activityTagsId": ["AT-006", "AT-011", "AT-013", "AT-012", "AT-023"],
+        "fuelStationAminityId": ["FS-050"],
+        "wastebinAminityId": ["WB-002"]
+    },
+    {
+        "destinationId": "D-061",
+        "routeDestination": "PAMPADUM SHOLA NP",
+        "openingTime": "   6.00 am",
+        "closingTime": "  6.00pm",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R7",
+        "destinationDescription": "The blue sky, soothing air, stretched green meadows and deep green foliage teeming with flora and fauna make it a dream for tourists. It's one of the smallest national parks in India, also a home for various endangered species of plants and animals. Ethnic huts and stay in log houses make it the perfect destination for families. Undulated terrain with hillocks is covered by green patches of grass and plants. Many endangered species like Nymphalidae, Pantoporia ranga, Rohana pariasitis, etc. are the species included in the Red List of UN seen here. The misty and cloudy climate seen throughout the year makes it one of the most perfect solutions, which relieves all your stress. Trekking to the Shola forests and Bison swamps qualifies the location as an adventurous as well as an exciting tourist spot.",
+        "destinationLatitude": 10.12665808,
+        "destinationlongitude": 77.25823467,
+        "challengesId": ["CH-4"],
+        "ffId": ["FF-024", "FF-025", "FF-026"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/red/PAMPADUM_SHOLA_NATIONAL_PARK.jpg",
+        "activityTagsId": ["AT-006", "AT-011", "AT-002", "AT-009", "AT-012"],
+        "fuelStationAminityId": ["FS-051"],
+        "wastebinAminityId": ["WB-001"]
+    },
+    {
+        "destinationId": "D-062",
+        "routeDestination": "KOVILOOR",
+        "openingTime": "  All time",
+        "closingTime": " All time",
+        "destinationAvailability": "MON-SUN",
+        "activitiesId": ["ACT002", "ACT009"],
+        "destinationRouteId": "R7",
+        "destinationDescription": "A village within the town of Munnar is famous for its vast serene agricultural lands and fields. A place to discover nature by discovering yourself. The greenery of the land and the innocence of the people welcome you to the village. Visit vast farming areas and experience the whole-heartedness of the village people. Food served here, fresh from farms to your plates will fill your heart as well as your tummy. Green meadows and the cool breeze out there will give you the perfect blend of love and nature. Bag organic vegetables from the vast green farmlands. Fruit selling centers here will give you fresh natively grown fruits.",
+        "destinationLatitude": 10.1816686312386,
+        "destinationlongitude": 77.2580939899492,
+        "challengesId": ["CH-1", "CH-2", "CH-3"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/red/",
+        "activityTagsId": ["AT-006", "AT-011", "AT-022", "AT-017", "AT-012"],
+        "atmaminityid": ["AB-072", "AB-074", "AB-076"],
+        "bankaminityid": ["AB-071", "AB-073", "AB-075"]
+    },
+    {
+        "destinationId": "D-063",
+        "routeDestination": "VATTAVADA",
+        "openingTime": "   All time",
+        "closingTime": "   All time",
+        "destinationAvailability": "MON-SUN",
+        "destinationRouteId": "R7",
+        "destinationDescription": "This place is known by the name ‘Market of Kerala’. This region produces a wide variety of crops, \nwhich are usually not seen in other parts of Kerala. Wide varieties of apple, orange, strawberry,\n blackberry, plums, gooseberry, egg fruits, peaches, passion fruits are available here. This region \nis home to various species of flora and fauna. Vattavada offers trekking, jeep safari, mountain biking\n, and jungle camping for those who live their life with some adventure and spice. Availability of fruits\n transferred fresh into the markets from the fields is an important specialty of this area. Vattavada is\n known for its diversity in the topography so that we can see both undulating terrains as well as plain\n farmlands in the location. The serene beauty of nature and cool winds breezing into our body will \ncleanse us from every stress and problem. All those fresh strawberries which welcome you there\n will make your mouth sail a ship. Fresh strawberry farms and Pazhamthottam farm, will make you feel \nnature pleasantly and exotically.",
+        "destinationLatitude": "10.190167902029252, ",
+        "destinationlongitude": 77.2428325660134,
+        "challengesId": ["CH-1", "CH-2", "CH-3", "CH-5"],
+        "ffId": ["FF-023"],
+        "bannerImg": "https://cdn.hellomunnar.in/destinations/red/VATTAVADA.jpg",
+        "activityTagsId": ["AT-006", "AT-017", "AT-011", "AT-007", "AT-012"],
+        "hospitalAminityId": ["HL-008"],
+        "fuelStationAminityId": ["FS-052"]
+    }
+]
diff --git a/src/data/floraFaunaData.json b/src/data/floraFaunaData.json
new file mode 100644
index 0000000..58a5a2b
--- /dev/null
+++ b/src/data/floraFaunaData.json
@@ -0,0 +1,241 @@
+[
+    {
+        "ffId": "FF-001",
+        "ffName": "Nilgiri tahr",
+        "ffRouteId": "R1",
+        "ffScientificName": "Nilgiritragus hylocrius",
+        "ffDescription": "Nilgiri Tahr, the state animal of Tamil Nadu is the endangered wild goat found in the majestic Nilgiri hills of the spectacular Western ghats. Nilgiri Tahr is the only Tahr which can sustain in a wet tropical environment. The Eravikulam National park is home to a large number of Tahr population. The physical features of this sole mountain ungulate in South India are amazing. The coarse fur, curved horns and 'saddlebacks'(a light grey area on the back of an adult male Tahr) are their unique attributes. The Nilgiri Tahr falls under 'endangered' category of IUCN Red list because of the multitude of threats faced by   them including extreme habitat fragmentation, poaching etc\r\n",
+        "ffRiskLevel": "Endangered",
+        "ffWikiLink": "https://en.wikipedia.org/wiki/Nilgiri_tahr",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Nilgiri_tahr.jpg"
+    },
+    {
+        "ffId": "FF-002",
+        "ffName": "Neelakurinji",
+        "ffRouteId": "R1",
+        "ffScientificName": "Strobilanthes kunthiana",
+        "ffDescription": "Neelakurinji (blue flower), scientifically named Strobilanthes Kunthiana that blooms once\n in 12 years,  is a rare species of shrub that naturally thrives on the mountain ranges\n of Munnar. When Neelakurinji blooms, its fascinating purplish-blue color wraps the \nmountains. This flower belongs to the Plietesials species. Notice, Neelakurinji's next \nflowering is in 2030, and don't miss it.\n",
+        "ffRiskLevel": "Endemic",
+        "ffWikiLink": "https://en.wikipedia.org/wiki/Strobilanthes_kunthiana",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Neelakurinji.jpg"
+    },
+    {
+        "ffId": "FF-003",
+        "ffName": "Resplendent shrubfrog",
+        "ffRouteId": "R1",
+        "ffScientificName": "Raorchestes resplendens",
+        "ffDescription": "Resplendent shrub frog, scientifically named  Raorchestes Resplendent, is a \nbright-colored frog with reddish-orange. It is a critically endangered species, included\n in the IUCN red list, only found in less than 3sq km on the Anamudi peaks of \nEravikulam National Park, Munnar, belongs to the Rhacophoridae family. Human \nencroachment and lack of significant care affected its population.\n\n\n\n\n\n\n",
+        "ffRiskLevel": "Critically Endangered",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Raorchestes_resplendens",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Resplendent_shrubfrog.jpeg"
+    },
+    {
+        "ffId": "FF-004",
+        "ffName": "Nilgiri Marten",
+        "ffRouteId": "R1",
+        "ffScientificName": "Martes gwatkinsii",
+        "ffDescription": "Nilgiri martens are found exclusively in the grasslands and forests of the incredible\n Nilgiri hills of Western ghats. They are the only marten species native to South India. \nLittle is known about the behaviour of Nilgiri Matern because of its cryptic nature. \nThey are small carnivores which mainly feed on small mammals, birds and insects. \nThey are the creatures with many amazing physical features including a deep brown \nbody and lemon yellow throat patch. They are listed as 'vulnerable' on the IUCN Red\n list because of the threats including habitat loss.\n\n\n\n\n\n\n\n\n",
+        "ffRiskLevel": "Vulnerable",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Nilgiri_marten",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Nilgiri_Marten.jfif"
+    },
+    {
+        "ffId": "FF-005",
+        "ffName": "Sandal wood",
+        "ffRouteId": "R1",
+        "ffScientificName": "Santalum album",
+        "ffDescription": "Sandalwood, which belongs to the genus Santalum, is found naturally in Marayoor, \nKerala.A journey through the Marayoor's aromatic sandalwood forests will bring you \njoy and refreshment. The fragrant yellow sandalwoods are heavy, expensive, and \nsacred. The abundant growth of sandalwood trees required humid climatic conditions.\n Sandalwoods are widely used in ayurvedic medicines and other purposes. \nSandalwood oil has huge demand both nationally and internationally, it attracts \ntourists to visit Marayoor.\n\n\n\n\n\n\n\n\n",
+        "ffRiskLevel": "Vulnerable",
+        "ffWikiLink": "https:",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Sandal_wood.jpg"
+    },
+    {
+        "ffId": "FF-006",
+        "ffName": "Lemon grass",
+        "ffRouteId": "R1",
+        "ffScientificName": "Genus Cymbopogon",
+        "ffDescription": "Lemongrass, also called Cymbopogon, belongs to the Poaceae family. It is found \nin the Marayoor and Kanthalloor Hill ranges of Kerala. Lemongrass oil, mainly\n used for medical purposes, cosmetics, etc., cultivated by the Muthuva Tribe in \nIdukki and the Marayoor Forest Development Agency helps them in marketing \nto get better profit.",
+        "ffRiskLevel": "Least concern",
+        "ffWikiLink": "https://en.wikipedia.org/wiki/Cymbopogon_citratus",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Lemon_grass.jpg"
+    },
+    {
+        "ffId": "FF-007",
+        "ffName": "Tree fern",
+        "ffRouteId": "R1",
+        "ffScientificName": "Genus Cyathea and Dicksonia",
+        "ffRiskLevel": "Threatened",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Cyatheales",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Tree_fern.jpg"
+    },
+    {
+        "ffId": "FF-008",
+        "ffName": "Star Tortoise",
+        "ffRouteId": "R1",
+        "ffScientificName": "Geochelone elegans",
+        "ffDescription": "Star tortoises are one of the most beautiful creatures in the earth with a gorgeous \nstar-shaped pattern over their carapace and dark blotches on the skin. They feed on \ngrasses, fruits, flowers, insects, carrion and dung. During hot and dry periods they \nremain inactive without eating food. The star tortoise is classified as ' vulnerable ' on\n the Red List of IUCN. They are critically endangered because of the illegal trafficking, \nhabitat loss, their long reproductive cycles and due to exotic pet trade.\r\n",
+        "ffRiskLevel": "Vulnerable",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Indian_star_tortoise",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Star Tortoise.jpg"
+    },
+    {
+        "ffId": "FF-009",
+        "ffName": "Grizzled Giant Squirrel",
+        "ffRouteId": "R1",
+        "ffScientificName": "Ratufa macroura",
+        "ffDescription": "Grizzled giant squirrels are large rodents of the squirrel family found in the foothills of\nthe elegant Western ghats. The white flecks of hair are patterned in a grizzled way \nover their greyish-brown body. As they are arboreal creatures, they scarcely spend\n time on the ground. These endemic species are listed as \"near threatened\" species in\n IUCN Red List. They face a multitude of threats such as Habitat loss due to rampant \ndeforestation and plantation and also from predators.\n",
+        "ffRiskLevel": "Near Threatened",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Grizzled_giant_squirrel",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Grizzled_Giant_Squirrel.jpg"
+    },
+    {
+        "ffId": "FF-010",
+        "ffName": "Tufted Grey Langur",
+        "ffRouteId": "R1",
+        "ffScientificName": "Semnopithecus priam",
+        "ffDescription": "Tufted Grey Langur is one among the myriad primates found in the interiors of the \nsplendid Western ghats. It is also known as Madras Grey langur and the Coromandel\n sacred langur. These herbivores creatures feed mainly on leaves, fruits and flowers \nand thereby play many ecological roles including seed dispersal.They occasionally rely\n on crops cultivated by humans too. Their very long tail, which is larger than their body\n is a major highlight. Their silky hairs all over the body and thin ears make them \nspecial. Tufted grey langurs are listed as 'Near Threatened' in the IUCN Red list of \nThreatened Species because of illegal hunting,pet trade and habitat loss etc.\r\n",
+        "ffRiskLevel": "Near Threatened",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Gray_langur",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Tufted_Grey_Langur.jpg"
+    },
+    {
+        "ffId": "FF-011",
+        "ffName": "Cardamom",
+        "ffRouteId": "R2",
+        "ffScientificName": "Elettaria cardamomum",
+        "ffDescription": "The aromatic spice plantations in Munnar is a must-see while visiting Kerala. Munnar \nbeing blessed with soothing climate and high altitude hills sets favourable conditions\n for the growth of Cardamom, Queen of Spices. We can observe stretches of \ncardamom plantations while enjoying walking through the hillocks covered with lushful\n greenery of cardamom plants grown under the shades of tall trees. Nevertheless, they\n are an upshot of Colonial rule in India which gained revenue through the export of \nspices grown here. The green and black cardamom are  the main two types cultivated \nhere. Since Cardamom is of great importance in Kerala cuisine, it is used domestically\n and exported, producing revenue income as well as an esteem for the place.\r\n",
+        "ffRiskLevel": "Least concern",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Cardamom",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Cardamom.jpg"
+    },
+    {
+        "ffId": "FF-012",
+        "ffName": "Clove",
+        "ffRouteId": "R2",
+        "ffScientificName": "Syzygium aromaticum",
+        "ffDescription": "The dried brown buds of clove holds a major share in the spice treasury of Munnar as\n it is an important ingredient in ‘Garam Masala’, the authentic spicing agent of Kerala \ncuisine. Clove plants take around 7-8 years to flower and will live for around 80 years. \nThe unopened buds are collected from the trees and sun dried before consumption.\n It can be used wholly or in powdered form, suitable for both sweet and savoury dishes.\n The medicinal value of clove adds to its importance. \r\n",
+        "ffRiskLevel": "Least concern",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/List_of_IUCN_Red_List_Vulnerable_plants",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Clove.jpg"
+    },
+    {
+        "ffId": "FF-013",
+        "ffName": "Coffee",
+        "ffRouteId": "R2",
+        "ffScientificName": "Coffea canephora",
+        "ffDescription": "The picturesque of Munnar embellished with green valleys, hills, and mountains are\n incomplete with the aromatic scent of coffee plantations. Munnar being the producer \nof the best varieties of coffee in the world is a go to place for both trekkers and coffee\n lovers, thanks to Ba Abadam who brought coffee seeds from the Holy city of Mecca to\n India back in 17C. Coffee plantations in Munnar which spreads up to several hectares\n of land provides livelihood for thousands of native workers as well as contributes to the\n tourism industry. Above all, who can miss the first hand experience of sipping freshly \nbrewed coffee while romancing with the exotic munnar climate?\n",
+        "ffRiskLevel": "THREATENED SP.",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Coffea_canephora",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Coffee.jpg"
+    },
+    {
+        "ffId": "FF-014",
+        "ffName": "Nutmeg",
+        "ffRouteId": "R2",
+        "ffScientificName": "Myristica fragrans",
+        "ffDescription": "Nutmegs are gold grown in trees. Valleys of Munnar are an adobe for not only cardamom,\n colve, pepper and coffee but Nutmegs too. Unlike other spices, Nutmegs trees are tall, \nwhich grows up to several inches of height, and produces nutmeg fruits. Once ripened, these \nfruits split open by themselves and thus the seed is obtained. The red net enveloping the \nseed tastes similar to the seeds and is of high demand in the spice market. The shells are \noften processed in the form of pickles while the seeds are dried and sold. \r\n",
+        "ffRiskLevel": "Data deficient",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Nutmeg\n",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Nutmeg.jpg"
+    },
+    {
+        "ffId": "FF-015",
+        "ffName": "Rhododendron",
+        "ffRouteId": "R3",
+        "ffScientificName": "Rhododendron sp.",
+        "ffDescription": "Woody plants bearing large clusters of rose-like flowers. The shoal grasslands of Munnar are\n filled with a variety of species belonging to the rhododendron genus. Its spirally arranged \nleaves have quite fascinating features like scales on the undersurface. The morphologically \ndiverse genus comprises many lovely species like hymenanthes, pentathera, azaleastrum.\n",
+        "ffRiskLevel": "25% under threat of extinction \n\n",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Rhododendron_arboreum",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Rhododendron.jfif"
+    },
+    {
+        "ffId": "FF-016",
+        "ffName": "Sambar Deer",
+        "ffRouteId": "R4",
+        "ffScientificName": "Rusa unicolor",
+        "ffDescription": "The large rugged antlers are native to the Indian subcontinent. The deer has a unique \ndistribution as it can be found in the lobes of the Himalayas in Nepal and India and they also\n inhabit the tropical dry forests and grasslands of the western ghats. Sambars have \ndeveloped more of a nocturnal activity pattern as a response to hunting by humans, which \nhas now put them among the vulnerable in the red list. They are good swimmers and have \nhighly developed senses. Sambar deers are predominantly found solitary unlike most of \nthe deers.\r\n",
+        "ffRiskLevel": "vulnerable species",
+        "ffWikiLink": "https://en.wikipedia.org/wiki/Sambar_deer",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/sambar_deer.jpg"
+    },
+    {
+        "ffId": "FF-017",
+        "ffName": "Sloth Bear",
+        "ffRouteId": "R4",
+        "ffScientificName": "Melursus ursinus",
+        "ffDescription": "This unique insectivorous mammal is native to the Indian subcontinent. They have a peculiar\n long lower lip and palate used for sucking up insects. You knew of sloth bears even before\n you thought you knew. Rudyard Kipling’s description of Baloo from The Jungle Book is \nconsistent with the sloth bear. Unlike the sleepy old brown bear from the stories, these are \nexcellent climbers, good swimmers, and can gallop faster than a running human. Their name\n is another misnomer as they don’t even hibernate!  Unfortunately, the animal is listed as \nvulnerable on the IUCN red list and is now found only in the wet tropical forest areas.\n",
+        "ffRiskLevel": "Vulnerable",
+        "ffWikiLink": "https://en.wikipedia.org/wiki/Sloth_bear",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Sloth_Bear.jpg"
+    },
+    {
+        "ffId": "FF-018",
+        "ffName": "Wild Gaur",
+        "ffRouteId": "R4",
+        "ffScientificName": "Bos gaurus",
+        "ffDescription": "The Indian bison is the largest wild bovid alive today. Their massively built body has a head\n to body length of 10ft with height up to 6ft in males. However, the species is placed among \nthe vulnerable in the red list. The Western Ghats is home to a major part of the remaining \npopulation. They are not found in regions of higher altitudes but generally stick to the foothills.\n It’s  might is unmatched. The fierce wild gaur is in fact the iconic spotlight star ‘Red bull’.\r\n",
+        "ffRiskLevel": "Vulnerable",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Gaur",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/"
+    },
+    {
+        "ffId": "FF-019",
+        "ffName": "Bamboo",
+        "ffRouteId": "R6",
+        "ffScientificName": "Bambusa sps.",
+        "ffDescription": "Bamboos are a group of evergreen perennial flowering plants. It is known for its deep roots\n and is also one of the fastest-growing plants in the world. Certain species of bamboo are \nseen to grow almost 1000mm within a day. The plant is known for protecting the soil from\n landslides and erosion.  Bamboo, like wood, is a natural composite material with a high \nstrength generally similar to a strong softwood or hardwood timber. The bamboo reserves \nof Munnar could be explored en route to the Tiger Caves and Perumbankuthu waterfalls. \n",
+        "ffRiskLevel": "Stable",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Bambusa_vulgaris",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/bamboo.jpg"
+    },
+    {
+        "ffId": "FF-020",
+        "ffName": "Elephant",
+        "ffRouteId": "R6",
+        "ffScientificName": "Elephas maximus indicus",
+        "ffDescription": "Blessed with a huge forest cover, Munnar is abode to the IUCN endangered wild elephants. \nThe wild tuskers are seen roaming around constantly covering 40 to 50 kilometers every\n day in and around the place. These pachyderms are frequently sighted at Anakulam,\n Anayirankal, Mattupetty, and Kundala dams. The Indian wild elephants are strictly \nherbivorous and generally feed on foliage, tree barks, and edible plants. They also consume \nseedlings, culm, and lateral shoots of bamboo. In Munnar and its surroundings, they show a \nnoticeable preference for vegetables like carrot, cabbage, beetroot, beans, peas, bananas,\n and sugarcane. \r\n\r\n\r\n",
+        "ffRiskLevel": "Endangered",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Asian_elephant",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/"
+    },
+    {
+        "ffId": "FF-021",
+        "ffName": "Grandis tree",
+        "ffRouteId": "R7",
+        "ffScientificName": "Eucalyptus grandis",
+        "ffDescription": "Eucalyptus Grandis or simply the Grandis tree is an imported species of flora from Australia. \nIt is a tall tree with smooth bark, rough at the base, fibrous or flaky, grey to grey-brown.\n It has observably taken over a large part of the native vegetation of Munnar over decades. \nWith the rise of the plywood industry, Grandis secured a proper deep rooted place in the \narea. On a jeep journey from Munnar to Vattavada via Mattupetty and Kundala lake, the \nmajestic Grandis trees line up on both sides of the road and meander through the Pampadum \nShola national park. \r\n\r\n",
+        "ffRiskLevel": "Threatened",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Eucalyptus_grandis",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Grandis_tree.jpg"
+    },
+    {
+        "ffId": "FF-022",
+        "ffName": "Shola forest",
+        "ffRouteId": "R7",
+        "ffScientificName": "-",
+        "ffDescription": "Shola forest is tropical evergreen forest in which shorter trees grow in a cluster about some\n acres in valleys. Shola forest is also found in the hill depressions at high range areas. Shola \nforest is different from grasslands that we see in the hill ranges. One can see shorter trees,\n seedlings and grasses in a Shola forest area. Hydnocarpus alpina, Isonandra stocksii, \nGomphandra coriacea, Lasianthus  Alpina, Chionanthus ramiflorus and Mastixia arborea are\n the dominant trees that are seen mostly in Shola forest areas. Shola forest maintains its \ngreenery all over the year irrespective of seasons. This helps some endangered animals to \nfind their natural habitat. You can see Shola forest areas in different parts of Munnar. If you \nare lucky, you can spot animals like Tiger, Leopard, Elephant and birds like, Wood Pigeons \nand yellow throated Bulbuls in the Shola forest areas at Munnar.\n\nThe Shola Forest areas at Munnar are a fascination for nature lovers and study matter for \ngeologists. The abundant wildlife wealth in these areas gives significance to these forest \nareas in ecological balance. You can plan a stay at Munnar and can visit all these places\n in your trip\n\n",
+        "ffRiskLevel": "several threatened,\n rare or endemic \nspecies",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Pampadum_Shola_National_Park",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Shola.jpg"
+    },
+    {
+        "ffId": "FF-023",
+        "ffName": "Malabar Squirrel",
+        "ffRouteId": "R7",
+        "ffScientificName": "Ratufa indica",
+        "ffDescription": "\nMalabar giant squirrel (Ratufa indica) is a large tree squirrel species endemic to forests and\n woodlands in India. It is a diurnal, arboreal, and mainly herbivorous squirrel,is sight to behold\n with its regal red velvet pelt and languid tail that trails it like a cape. \n\nIn Munnar’s remote jungles, the Malabar giant squirrel quite naturally tends to flee at the sight \nof humans, being unaccustomed to their presence. However, those found near human \nhabitations are far more trusting and \nappear to be quite at home with people around them — a sight that would surely warm the \ncockles of a nature-lover’s heart.\n\nMalabar giant squirrel is one of the largest squirrels with a head–and–body length of 25–50 cm\n (10 in–1 ft 8 in), a tail that is about the same or somewhat longer, and a weight of 1.5–2 kg \n(3.3–4.4 lb), although rarely up to 3 kg (6.6 lb).Average for both sexes is about 36 cm (1 ft 2 in)\n in head–and–body length, 45 cm (1 ft 6 in) in tail length and 1.7–1.8 kg (3.7–4.0 lb) in weight.\n",
+        "ffRiskLevel": "Endemic",
+        "ffWikiLink": "\nhttps://en.wikipedia.org/wiki/Indian_giant_squirrel",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Malabar_Squirre.jpg"
+    },
+    {
+        "ffId": "FF-024",
+        "ffName": "Nilgiri Langur",
+        "ffRouteId": "R7",
+        "ffScientificName": "Semnopithecus johnii",
+        "ffDescription": "While trailing through the evergreen forests of Munnar, you might hear a loud series of \nwhoops, and only if you are fortunate enough, you could find Nilgiri Langurs\n (Semnopithecus johnii)  with glossy black fur topped by a furry yellowish ‘halo’ at the other\n end of the whoop. Nilgiri Langur is a threatened species placed among the 25 most \nendangered anthropoids and is included in IUCN’s Red List. The richness of Western Ghats\n blessed these species with bountiful foliage, fruits and flowers but due to unethical poaching, \ndestruction of habitat and misconceptions concerning the medicinal values of Langur’s flesh \nresulted in the drastic decline in the population of Nilgiri Langurs. They are also called “John\n Leaf’s Monkey”.\n\n",
+        "ffRiskLevel": "Vulnerable",
+        "ffWikiLink": "https://en.wikipedia.org/wiki/Nilgiri_langur",
+        "ffImage": "https://cdn.hellomunnar.in/falurafauna/Nilgiri_Langur.jpg"
+    }
+]
diff --git a/src/data/fuelSatationAminityData.json b/src/data/fuelSatationAminityData.json
new file mode 100644
index 0000000..5d98126
--- /dev/null
+++ b/src/data/fuelSatationAminityData.json
@@ -0,0 +1,574 @@
+[
+    {
+        "fuelStationAminityId": "FS-001",
+        "aminityType": "Fuel Station",
+        "aminityName": "Hindustan Petroleum Marikar & Co",
+        "aminityLocation": "Thalayar tea plantation",
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "1899-12-30T01:08:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:38:50.000Z",
+        "latitude": 10.0872353431031,
+        "longitude": 77.0600859114072
+    },
+    {
+        "fuelStationAminityId": "FS-002",
+        "aminityType": "Fuel Station",
+        "aminityName": "Marayoor Fuels IndianOil Petrol Station",
+        "aminityLocation": "Eravikulam national park",
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "1899-12-30T01:08:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.2806988114224,
+        "longitude": 77.1675394334785
+    },
+    {
+        "fuelStationAminityId": "FS-003",
+        "aminityType": "Fuel Station",
+        "aminityName": "Hindustan Petroleum Marikar & Co",
+        "aminityLocation": "Lakkam waterfalls",
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "1899-12-30T01:08:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:38:50.000Z",
+        "latitude": 10.0872353431031,
+        "longitude": 77.0600859114072
+    },
+    {
+        "fuelStationAminityId": "FS-004",
+        "aminityType": "Fuel Station",
+        "aminityName": "Marayoor Fuels IndianOil Petrol Station",
+        "aminityLocation": "Karimutty W F",
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "1899-12-30T01:08:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.28069881,
+        "longitude": 77.1675394334785
+    },
+    {
+        "fuelStationAminityId": "FS-005",
+        "aminityType": "Fuel Station",
+        "aminityName": "Chelackal Krishnan and Sons Indian Oil Pump",
+        "aminityLocation": "Sandalwood Forest",
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858891003903,
+        "longitude": 77.060422879037
+    },
+    {
+        "fuelStationAminityId": "FS-006",
+        "aminityType": "Fuel Station",
+        "aminityName": "Marayoor Fuels IndianOil Petrol Station",
+        "aminityLocation": "Kanthallor Farming",
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "1899-12-30T01:08:50.000Z",
+        "aminityCloseTime": "`",
+        "latitude": 10.2806988114224,
+        "longitude": 77.1675394334785
+    },
+    {
+        "fuelStationAminityId": "FS-007",
+        "aminityType": "Fuel Station",
+        "aminityName": "Marayoor Fuels IndianOil Petrol Station",
+        "aminityLocation": "Anamudi shola N P",
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "1899-12-30T01:08:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.2806988114224,
+        "longitude": 77.1675394334785
+    },
+    {
+        "fuelStationAminityId": "FS-008",
+        "aminityType": "Fuel Station",
+        "aminityName": "Marayoor Fuels IndianOil Petrol Station",
+        "aminityLocation": "Chinnar Wildlife Sanctuary",
+        "aminityRouteId": "R1",
+        "aminityOpenTime": "1899-12-30T01:08:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.28069881,
+        "longitude": 77.1675394334785
+    },
+    {
+        "fuelStationAminityId": "FS-009",
+        "aminityType": "Fuel Station",
+        "aminityName": "Kizhakkel Inn",
+        "aminityLocation": "Spice garden",
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "NA",
+        "aminityCloseTime": "NA",
+        "latitude": 10.0193333637225,
+        "longitude": 76.9829450970667
+    },
+    {
+        "fuelStationAminityId": "FS-010",
+        "aminityType": "Fuel Station",
+        "aminityName": "Kizhakkel Inn",
+        "aminityLocation": "Kallar WF",
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "NA",
+        "aminityCloseTime": "NA",
+        "latitude": 10.0193333637225,
+        "longitude": 76.9829450970667
+    },
+    {
+        "fuelStationAminityId": "FS-011",
+        "aminityType": "Fuel Station",
+        "aminityName": "Kizhakkel Inn",
+        "aminityLocation": "2nd Mile view point",
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "NA",
+        "aminityCloseTime": "NA",
+        "latitude": 10.0193333637225,
+        "longitude": 76.9829450970667
+    },
+    {
+        "fuelStationAminityId": "FS-012",
+        "aminityType": "Fuel Station",
+        "aminityName": "Kizhakkel Inn",
+        "aminityLocation": "Attukad WF",
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "NA",
+        "aminityCloseTime": "NA",
+        "latitude": 10.0193333637225,
+        "longitude": 76.9829450970667
+    },
+    {
+        "fuelStationAminityId": "FS-013",
+        "aminityType": "Fuel Station",
+        "aminityName": "Chelackal Krishnan and Sons Indian Oil Pump",
+        "aminityLocation": "Ramaswami Iyer Headworks Dam",
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858891003903,
+        "longitude": 77.060422879037
+    },
+    {
+        "fuelStationAminityId": "FS-014",
+        "aminityType": "Fuel Station",
+        "aminityName": "Petrol pumb, Munnar",
+        "aminityLocation": "Pothamedu view point",
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858957266501,
+        "longitude": 77.0600948675569
+    },
+    {
+        "fuelStationAminityId": "FS-015",
+        "aminityType": "Fuel Station",
+        "aminityName": "Chelackal Krishnan and Sons Indian Oil Pump",
+        "aminityLocation": "Blossom Hydel Park",
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858891003903,
+        "longitude": 77.060422879037
+    },
+    {
+        "fuelStationAminityId": "FS-016",
+        "aminityType": "Fuel Station",
+        "aminityName": "Hindustan Petroleum Diya Fuels",
+        "aminityLocation": "Sengulam Hydel Park",
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "OPEN 24 hrs",
+        "aminityCloseTime": "-",
+        "latitude": 10.0241357578316,
+        "longitude": 77.0369869774566
+    },
+    {
+        "fuelStationAminityId": "FS-017",
+        "aminityType": "Fuel Station",
+        "aminityName": "Hindustan Petroleum Diya Fuels",
+        "aminityLocation": "2ND MILE view point",
+        "aminityRouteId": "R2",
+        "aminityOpenTime": "OPEN 24 hrs",
+        "aminityCloseTime": "-",
+        "latitude": 10.0241357578316,
+        "longitude": 77.0369869774566
+    },
+    {
+        "fuelStationAminityId": "FS-018",
+        "aminityType": "Fuel Station",
+        "aminityName": "Bharat Petroleum, Petrol Pump -Udaya Filling Station",
+        "aminityLocation": "Botanical Garden",
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T17:08:50.000Z",
+        "latitude": 10.0871086191472,
+        "longitude": 77.0609384081633
+    },
+    {
+        "fuelStationAminityId": "FS-019",
+        "aminityType": "Fuel Station",
+        "aminityName": "Bharat Petroleum, Petrol Pump -Udaya Filling Station",
+        "aminityLocation": "Signal Point",
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T17:08:50.000Z",
+        "latitude": 10.0871086191472,
+        "longitude": 77.0609384081633
+    },
+    {
+        "fuelStationAminityId": "FS-020",
+        "aminityType": "Fuel Station",
+        "aminityName": "Bharat Petroleum, Petrol Pump -Udaya Filling Station",
+        "aminityLocation": "Lockhart tea plantation & museum",
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T17:08:50.000Z",
+        "latitude": 10.0871086191472,
+        "longitude": 77.0609384081633
+    },
+    {
+        "fuelStationAminityId": "FS-021",
+        "aminityType": "Fuel Station",
+        "aminityName": "Hindustan Petroleum Diya Fuels",
+        "aminityLocation": "chokramudi peak",
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "OPEN 24 hrs",
+        "aminityCloseTime": "-",
+        "latitude": 10.0241357578316,
+        "longitude": 77.0369869774566
+    },
+    {
+        "fuelStationAminityId": "FS-022",
+        "aminityType": "Fuel Station",
+        "aminityName": "Chelackal Krishnan and Sons Indian Oil Pump",
+        "aminityLocation": "lockhart gap view point",
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858891003903,
+        "longitude": 77.060422879037
+    },
+    {
+        "fuelStationAminityId": "FS-023",
+        "aminityType": "Fuel Station",
+        "aminityName": "Hindustan Petroleum Thomas Varkey & Co",
+        "aminityLocation": "kolukkumalai sunrise",
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "1899-12-29T23:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T17:38:50.000Z",
+        "latitude": 9.98324871372666,
+        "longitude": 77.2109403705116
+    },
+    {
+        "fuelStationAminityId": "FS-024",
+        "aminityType": "Fuel Station",
+        "aminityName": "Hindustan Petroleum Thomas Varkey & Co",
+        "aminityLocation": "kolukkumalai tea plantation &factory",
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "1899-12-29T23:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T17:38:50.000Z",
+        "latitude": 9.98324871372666,
+        "longitude": 77.2109403705116
+    },
+    {
+        "fuelStationAminityId": "FS-025",
+        "aminityType": "Fuel Station",
+        "aminityName": "Hindustan Petroleum Diya Fuels",
+        "aminityLocation": "muniyara",
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "OPEN 24 hrs",
+        "aminityCloseTime": "-",
+        "latitude": 10.0241357578316,
+        "longitude": 77.0369869774566
+    },
+    {
+        "fuelStationAminityId": "FS-026",
+        "aminityType": "Fuel Station",
+        "aminityName": "Hindustan Petroleum Thomas Varkey & Co",
+        "aminityLocation": "Anayirangal dam",
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "1899-12-29T23:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T17:38:50.000Z",
+        "latitude": 9.98324871372666,
+        "longitude": 77.2109403705116
+    },
+    {
+        "fuelStationAminityId": "FS-027",
+        "aminityType": "Fuel Station",
+        "aminityName": "Indian Oil",
+        "aminityLocation": "chathurangappara",
+        "aminityRouteId": "R3",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:38:50.000Z",
+        "latitude": 9.96883669827529,
+        "longitude": 77.153433188787
+    },
+    {
+        "fuelStationAminityId": "FS-028",
+        "aminityType": "Fuel Station",
+        "aminityName": "Munthal kurangani junction, Indian oil petrol pump",
+        "aminityLocation": "Meesappulimala",
+        "aminityRouteId": "R4",
+        "aminityOpenTime": "NA",
+        "aminityCloseTime": "NA",
+        "latitude": 10.0545069007791,
+        "longitude": 77.3136169977047
+    },
+    {
+        "fuelStationAminityId": "FS-029",
+        "aminityType": "Fuel Station",
+        "aminityName": "Petrol pumb, Munnar",
+        "aminityLocation": "CSI Christ Church",
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858957266501,
+        "longitude": 77.0600948675569
+    },
+    {
+        "fuelStationAminityId": "FS-030",
+        "aminityType": "Fuel Station",
+        "aminityName": "Petrol pumb, Munnar (OPEN ON SUNDAYS ONLY)",
+        "aminityLocation": "Carmalgiri Botanical Garden",
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "1899-12-30T03:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T11:38:50.000Z",
+        "latitude": 10.0863920067968,
+        "longitude": 77.0764216610568
+    },
+    {
+        "fuelStationAminityId": "FS-031",
+        "aminityType": "Fuel Station",
+        "aminityName": "Chelackal Krishnan and Sons Indian Oil Pump",
+        "aminityLocation": "Munnar town",
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858891003903,
+        "longitude": 77.060422879037
+    },
+    {
+        "fuelStationAminityId": "FS-032",
+        "aminityType": "Fuel Station",
+        "aminityName": "Hindustan Petroleum Marikar & Co",
+        "aminityLocation": "Tea museum",
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "1899-12-30T01:08:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:38:50.000Z",
+        "latitude": 10.0872353431031,
+        "longitude": 77.0600859114072
+    },
+    {
+        "fuelStationAminityId": "FS-033",
+        "aminityType": "Fuel Station",
+        "aminityName": "Hindustan Petroleum Marikar & Co",
+        "aminityLocation": "Srishti TATA",
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "1899-12-30T01:08:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:38:50.000Z",
+        "latitude": 10.0872353431031,
+        "longitude": 77.0600859114072
+    },
+    {
+        "fuelStationAminityId": "FS-034",
+        "aminityType": "Fuel Station",
+        "aminityName": "Hindustan Petroleum Diya Fuels",
+        "aminityLocation": "Marayur Dolmens",
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "OPEN 24 hrs",
+        "aminityCloseTime": "-",
+        "latitude": 10.0241357578316,
+        "longitude": 77.0369869774566
+    },
+    {
+        "fuelStationAminityId": "FS-035",
+        "aminityType": "Fuel Station",
+        "aminityName": "Indian Oil",
+        "aminityLocation": "Second world war memorial ",
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "1899-12-30T01:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T14:38:50.000Z",
+        "latitude": 9.96883669827529,
+        "longitude": 77.153433188787
+    },
+    {
+        "fuelStationAminityId": "FS-036",
+        "aminityType": "Fuel Station",
+        "aminityName": "Hindustan Petroleum Marikar & Co",
+        "aminityLocation": "roman catholic chruch",
+        "aminityRouteId": "R5",
+        "aminityOpenTime": "1899-12-30T01:08:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:38:50.000Z",
+        "latitude": 10.0872353431031,
+        "longitude": 77.0600859114072
+    },
+    {
+        "fuelStationAminityId": "FS-037",
+        "aminityType": "Fuel Station",
+        "aminityName": "Chelackal Krishnan and Sons Indian Oil Pump",
+        "aminityLocation": "lechmi Estate trek",
+        "aminityRouteId": "R6",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858891003903,
+        "longitude": 77.060422879037
+    },
+    {
+        "fuelStationAminityId": "FS-038",
+        "aminityType": "Fuel Station",
+        "aminityName": "Chelackal Krishnan and Sons Indian Oil Pump",
+        "aminityLocation": "Viripara (Kainagiri or Girivara waterfalls)",
+        "aminityRouteId": "R6",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858891003903,
+        "longitude": 77.060422879037
+    },
+    {
+        "fuelStationAminityId": "FS-039",
+        "aminityType": "Fuel Station",
+        "aminityName": "Chelackal Krishnan and Sons Indian Oil Pump",
+        "aminityLocation": "Tiger cave",
+        "aminityRouteId": "R6",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858891003903,
+        "longitude": 77.060422879037
+    },
+    {
+        "fuelStationAminityId": "FS-040",
+        "aminityType": "Fuel Station",
+        "aminityName": "Chelackal Krishnan and Sons Indian Oil Pump",
+        "aminityLocation": "Perumbankuthu waterfalls",
+        "aminityRouteId": "R6",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858891003903,
+        "longitude": 77.060422879037
+    },
+    {
+        "fuelStationAminityId": "FS-041",
+        "aminityType": "Fuel Station",
+        "aminityName": "Amaanath Fuels",
+        "aminityLocation": "Anakkulam (2 destinations)",
+        "aminityRouteId": "R6",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T14:38:50.000Z",
+        "latitude": 10.1174349633114,
+        "longitude": 76.9281558962672
+    },
+    {
+        "fuelStationAminityId": "FS-042",
+        "aminityType": "Fuel Station",
+        "aminityName": "Chelackal Krishnan and Sons Indian Oil Pump",
+        "aminityLocation": "33 waterfalls",
+        "aminityRouteId": "R6",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858891003903,
+        "longitude": 77.060422879037
+    },
+    {
+        "fuelStationAminityId": "FS-043",
+        "aminityType": "Fuel Station",
+        "aminityName": "Chelackal Krishnan and Sons Indian Oil Pump",
+        "aminityLocation": "Flower garden",
+        "aminityRouteId": "R7",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858891003903,
+        "longitude": 77.060422879037
+    },
+    {
+        "fuelStationAminityId": "FS-044",
+        "aminityType": "Fuel Station",
+        "aminityName": "Chelackal Krishnan and Sons Indian Oil Pump",
+        "aminityLocation": "photo point",
+        "aminityRouteId": "R7",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858891003903,
+        "longitude": 77.060422879037
+    },
+    {
+        "fuelStationAminityId": "FS-045",
+        "aminityType": "Fuel Station",
+        "aminityName": "Petrol pumb, Munnar (OPEN ON SUNDAYS ONLY)",
+        "aminityLocation": "elephant park",
+        "aminityRouteId": "R7",
+        "aminityOpenTime": "1899-12-30T03:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T11:38:50.000Z",
+        "latitude": 10.0863920067968,
+        "longitude": 77.0764216610568
+    },
+    {
+        "fuelStationAminityId": "FS-046",
+        "aminityType": "Fuel Station",
+        "aminityName": "Petrol pumb, Munnar (OPEN ON SUNDAYS ONLY)",
+        "aminityLocation": "mattupetty dam",
+        "aminityRouteId": "R7",
+        "aminityOpenTime": "1899-12-30T03:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T11:38:50.000Z",
+        "latitude": 10.0863920067968,
+        "longitude": 77.0764216610568
+    },
+    {
+        "fuelStationAminityId": "FS-047",
+        "aminityType": "Fuel Station",
+        "aminityName": "Petrol pumb, Munnar (OPEN ON SUNDAYS ONLY)",
+        "aminityLocation": "sun moon valley boating centre",
+        "aminityRouteId": "R7",
+        "aminityOpenTime": "1899-12-30T03:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T11:38:50.000Z",
+        "latitude": 10.0863920067968,
+        "longitude": 77.0764216610568
+    },
+    {
+        "fuelStationAminityId": "FS-048",
+        "aminityType": "Fuel Station",
+        "aminityName": "Bharat petroleum",
+        "aminityLocation": "echo point",
+        "aminityRouteId": "R7",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:38:50.000Z",
+        "latitude": 10.0864148854546,
+        "longitude": 77.0764230590935
+    },
+    {
+        "fuelStationAminityId": "FS-049",
+        "aminityType": "Fuel Station",
+        "aminityName": "Petrol pumb, Munnar (OPEN ON SUNDAYS ONLY)",
+        "aminityLocation": "kundalai lake",
+        "aminityRouteId": "R7",
+        "aminityOpenTime": "1899-12-30T03:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T11:38:50.000Z",
+        "latitude": 10.0863920067968,
+        "longitude": 77.0764216610568
+    },
+    {
+        "fuelStationAminityId": "FS-050",
+        "aminityType": "Fuel Station",
+        "aminityName": "Bharat Petroleum, Petrol Pump -Udaya Filling Station",
+        "aminityLocation": "top station ",
+        "aminityRouteId": "R7",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T17:08:50.000Z",
+        "latitude": 10.0871060064132,
+        "longitude": 77.06093637147
+    },
+    {
+        "fuelStationAminityId": "FS-051",
+        "aminityType": "Fuel Station",
+        "aminityName": "Bharat Petroleum, Petrol Pump -Udaya Filling Station",
+        "aminityLocation": "pampadum sholai N P",
+        "aminityRouteId": "R7",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T17:08:50.000Z",
+        "latitude": 10.0871060064132,
+        "longitude": 77.06093637147
+    },
+    {
+        "fuelStationAminityId": "FS-052",
+        "aminityType": "Fuel Station",
+        "aminityName": "Chelackal Krishnan and Sons Indian Oil Pump",
+        "aminityLocation": "Vattavadai",
+        "aminityRouteId": "R7",
+        "aminityOpenTime": "1899-12-30T00:38:50.000Z",
+        "aminityCloseTime": "1899-12-30T15:08:50.000Z",
+        "latitude": 10.0858891003903,
+        "longitude": 77.060422879037
+    }
+]
diff --git a/src/data/hospitalAminityData.json b/src/data/hospitalAminityData.json
new file mode 100644
index 0000000..eae0627
--- /dev/null
+++ b/src/data/hospitalAminityData.json
@@ -0,0 +1,322 @@
+[
+    {
+        "hospitalAminityId": "HL-001",
+        "aminityType": "Hospital ",
+        "aminityName": "Arun Hospital, Munnar",
+        "aminityLocation": "Munnar Botanical Garden",
+        "aminityRouteid": "R3",
+        "aminityOpenTime": "1899-12-30T04:08:50.000Z",
+        "aminityCoseTime": "1899-12-30T14:08:50.000Z",
+        "isAminityPvtGovt": "pvt",
+        "aminityContact": 4865230410,
+        "aminityMapLink": "https://goo.gl/maps/wwD1pN3qkqwqs4cc8",
+        "latitude": 10.0869021309905,
+        "longitude": 77.0605194966956
+    },
+    {
+        "hospitalAminityId": "HL-002",
+        "aminityType": "Hospital ",
+        "aminityName": "Community Health Devikulam",
+        "aminityLocation": "Lock Hart Tea Plantation",
+        "aminityRouteid": "R3",
+        "aminityOpenTime": "Not available",
+        "isAminityPvtGovt": "Govt",
+        "aminityContact": 4865264353,
+        "aminityMapLink": "https://maps.app.goo.gl/7m3BHGmpoKNBZefSA",
+        "latitude": 10.0866349677457,
+        "longitude": 77.0605177506179
+    },
+    {
+        "hospitalAminityId": "HL-003",
+        "aminityType": "Hospital ",
+        "aminityName": "Chinnakanal primary health center",
+        "aminityLocation": "chinnakanal",
+        "aminityRouteid": "R3",
+        "aminityOpenTime": "1899-12-30T03:38:50.000Z",
+        "aminityCoseTime": "1899-12-30T10:38:50.000Z",
+        "isAminityPvtGovt": "government",
+        "aminityContact": 4868249488,
+        "aminityMapLink": "https://maps.app.goo.gl/oHdEhVWBCHeTbZeJA",
+        "latitude": 10.0419342668233,
+        "longitude": 77.1792628881098
+    },
+    {
+        "hospitalAminityId": "HL-004",
+        "aminityType": "Hospital ",
+        "aminityName": "govenment ayurveda dispensary,chinnakanal",
+        "aminityLocation": "chinnakanal",
+        "aminityRouteid": "R3",
+        "aminityOpenTime": "1899-12-30T03:38:50.000Z",
+        "aminityCoseTime": "1899-12-30T08:38:50.000Z",
+        "isAminityPvtGovt": "government",
+        "aminityContact": "Not available",
+        "aminityMapLink": "https://maps.app.goo.gl/yy9CnR1Gxyy8GWLf9",
+        "latitude": 10.0418628,
+        "longitude": 77.1792073
+    },
+    {
+        "hospitalAminityId": "HL-005",
+        "aminityType": "Hospital ",
+        "aminityName": "Tata Global Beverages Ltd High Range Hospital",
+        "aminityLocation": "LakkamWaterfalls",
+        "aminityRouteid": "R1",
+        "aminityOpenTime": "24Hrs",
+        "isAminityPvtGovt": "Pvt",
+        "aminityContact": 4868255888,
+        "aminityMapLink": "https://maps.app.goo.gl/u9tZyi9ipSF1UmxVA",
+        "latitude": 10.0886366481734,
+        "longitude": 77.0565225415125
+    },
+    {
+        "hospitalAminityId": "HL-006",
+        "aminityType": "Hospital ",
+        "aminityName": "Sahayagiri Hospital, Kanthallur- Marayur Road",
+        "aminityLocation": "Chinnar Wildlife Sanctuary",
+        "aminityRouteid": "R1",
+        "aminityOpenTime": "24Hrs",
+        "isAminityPvtGovt": "Pvt",
+        "aminityContact": "Not available",
+        "aminityMapLink": "https://maps.app.goo.gl/dUNrhxsyjrHLgskN7",
+        "latitude": 10.2609802447888,
+        "longitude": 77.1668583602156
+    },
+    {
+        "hospitalAminityId": "HL-007",
+        "aminityType": "Hospital ",
+        "aminityName": "The Adams Hospital",
+        "aminityLocation": "Chinnar Wildlife Sanctuary",
+        "aminityRouteid": "R1",
+        "aminityOpenTime": "24Hrs",
+        "isAminityPvtGovt": "Pvt",
+        "aminityContact": "Not available",
+        "aminityMapLink": "https://maps.app.goo.gl/EJd79pbkZLCDPhGB8",
+        "latitude": "10.275844496605243,",
+        "longitude": 77.1654850691783
+    },
+    {
+        "hospitalAminityId": "HL-008",
+        "aminityType": "Hospital ",
+        "aminityName": "Govt. Hospital ,Maryoor",
+        "aminityLocation": "Marayur",
+        "aminityRouteid": "R1",
+        "aminityOpenTime": "Not available",
+        "isAminityPvtGovt": "Govt",
+        "aminityContact": "Not available",
+        "aminityMapLink": "https://maps.app.goo.gl/QmSgBwLvMAxiGmVi8",
+        "latitude": 10.2758985944596,
+        "longitude": 77.1603211408711
+    },
+    {
+        "hospitalAminityId": "HL-009",
+        "aminityType": "Hospital ",
+        "aminityName": "Primary Health centre, Maryoor",
+        "aminityLocation": "vattavada",
+        "aminityRouteid": "R7",
+        "aminityOpenTime": "1899-12-30T03:38:50.000Z",
+        "aminityCoseTime": "1899-12-30T08:38:50.000Z",
+        "isAminityPvtGovt": "government",
+        "aminityContact": "04865-214431",
+        "aminityMapLink": "https://maps.app.goo.gl/aidtTW2DADwQj73Z7",
+        "latitude": 10.18329,
+        "longitude": 77.25668
+    },
+    {
+        "hospitalAminityId": "HL-010",
+        "aminityType": "Hospital ",
+        "aminityName": "Tata tea hospital",
+        "aminityLocation": "kundala lake",
+        "aminityRouteid": "R7",
+        "aminityOpenTime": "24 hrs",
+        "isAminityPvtGovt": "private",
+        "aminityContact": 914868255888,
+        "aminityMapLink": "https://maps.app.goo.gl/iLqQPrDEY6bNeyP76",
+        "latitude": 10.1421804,
+        "longitude": 77.0641539
+    },
+    {
+        "hospitalAminityId": "HL-011",
+        "aminityType": "Hospital ",
+        "aminityName": "Primary Health centre,Mankulam",
+        "aminityLocation": "mankulam",
+        "aminityRouteid": "R6",
+        "aminityOpenTime": "(on specified days)",
+        "isAminityPvtGovt": "government",
+        "aminityContact": "04864-218906",
+        "aminityMapLink": "https://maps.app.goo.gl/ByicLcL43MDyoaR66",
+        "latitude": 10.1246332556407,
+        "longitude": 76.9237459261458
+    },
+    {
+        "hospitalAminityId": "HL-012",
+        "aminityType": "Hospital ",
+        "aminityName": "MANKULAM HEALTH CENTER(GOV)",
+        "aminityLocation": "mankulam",
+        "aminityRouteid": "R6",
+        "aminityOpenTime": "Not available",
+        "isAminityPvtGovt": "government",
+        "aminityContact": "04864-218906",
+        "aminityMapLink": "https://maps.app.goo.gl/yXNGEzk41eFAySAQ8",
+        "latitude": 10.10185,
+        "longitude": 76.93248
+    },
+    {
+        "hospitalAminityId": "HL-013",
+        "aminityType": "Hospital ",
+        "aminityName": "Taluk Hospital , Adimali",
+        "aminityLocation": "Sengulam Hydel Park",
+        "aminityRouteid": "R2",
+        "aminityOpenTime": "24Hrs",
+        "isAminityPvtGovt": "Govt",
+        "aminityContact": "Not avilable",
+        "aminityMapLink": "https://maps.app.goo.gl/k2jZUNKy898dgMRL7",
+        "latitude": 10.0162376295808,
+        "longitude": 76.9544124679245
+    },
+    {
+        "hospitalAminityId": "HL-014",
+        "aminityType": "Hospital ",
+        "aminityName": "Morning Star Medical Centre, Adimali",
+        "aminityLocation": "Kallar Waterfalls",
+        "aminityRouteid": "R2",
+        "aminityOpenTime": "24Hrs",
+        "isAminityPvtGovt": "Pvt",
+        "aminityContact": 4864222240,
+        "aminityMapLink": "https://maps.app.goo.gl/ya9789h8kCGhayQ26",
+        "latitude": 10.0140400371761,
+        "longitude": 76.9587040024161
+    },
+    {
+        "hospitalAminityId": "HL-015",
+        "aminityType": "Hospital ",
+        "aminityName": "Mayura Ayuvedic Clinic",
+        "aminityLocation": "2nd Mile ,Pallivasal",
+        "aminityRouteid": "R2",
+        "aminityOpenTime": "1899-12-30T01:38:50.000Z",
+        "aminityCoseTime": "1899-12-30T16:38:50.000Z",
+        "isAminityPvtGovt": "Pvt",
+        "aminityContact": 9495810513,
+        "aminityMapLink": "https://maps.app.goo.gl/eA47mqNHXkEPkAao9",
+        "latitude": 10.0478163095653,
+        "longitude": 77.0338892910631
+    },
+    {
+        "hospitalAminityId": "HL-016",
+        "aminityType": "Alternative medicine practitioner",
+        "aminityName": "Ayurkshthra Munnar ,Moolakadai",
+        "aminityLocation": "Pothanmedu View Point",
+        "aminityRouteid": "R2",
+        "aminityOpenTime": "24 Hrs",
+        "isAminityPvtGovt": "Pvt",
+        "aminityContact": 9288500500,
+        "aminityMapLink": "https://maps.app.goo.gl/Uqy4R1gSewYTbYRaA",
+        "latitude": 10.0816202437403,
+        "longitude": 77.0586085277295
+    },
+    {
+        "hospitalAminityId": "HL-017",
+        "aminityType": "Hospital ",
+        "aminityName": "Arun Hospital, Munnar",
+        "aminityLocation": "CSI church",
+        "aminityRouteid": "R5",
+        "aminityOpenTime": "1899-12-30T04:08:50.000Z",
+        "aminityCoseTime": "1899-12-30T14:08:50.000Z",
+        "isAminityPvtGovt": "pvt",
+        "aminityContact": 4865230410,
+        "aminityMapLink": "https://maps.app.goo.gl/cmrMTxbdZNZ8bh9GA",
+        "latitude": 10.0869021309905,
+        "longitude": 77.0605194966956
+    },
+    {
+        "hospitalAminityId": "HL-018",
+        "aminityType": "Hospital ",
+        "aminityName": "Dr Babu's Dental Clinic",
+        "aminityLocation": "CSI church",
+        "aminityRouteid": "R5",
+        "aminityOpenTime": "1899-12-30T03:08:50.000Z",
+        "aminityCoseTime": "1899-12-30T10:38:50.000Z",
+        "isAminityPvtGovt": "pvt",
+        "aminityContact": 4865230063,
+        "aminityMapLink": "https:",
+        "latitude": 10.0863274975215,
+        "longitude": 77.0608573261434
+    },
+    {
+        "hospitalAminityId": "HL-019",
+        "aminityType": "Hospital ",
+        "aminityName": "Arun Hospital, Munnar",
+        "aminityLocation": "Carmalagiri  Botanical garden",
+        "aminityRouteid": "R5",
+        "aminityOpenTime": "1899-12-30T04:08:50.000Z",
+        "aminityCoseTime": "1899-12-30T14:08:50.000Z",
+        "isAminityPvtGovt": "pvt",
+        "aminityContact": 4865230410,
+        "aminityMapLink": "https://maps.app.goo.gl/cmrMTxbdZNZ8bh9GA",
+        "latitude": 10.0869021309905,
+        "longitude": 77.0605194966956
+    },
+    {
+        "hospitalAminityId": "HL-020",
+        "aminityType": "Hospital ",
+        "aminityName": "Tata Global Beverages Ltd High Range Hospital",
+        "aminityLocation": "Munnar town",
+        "aminityRouteid": "R5",
+        "aminityOpenTime": "24 hrs",
+        "isAminityPvtGovt": "pvt",
+        "aminityContact": 4868255888,
+        "aminityMapLink": "https://maps.app.goo.gl/u9tZyi9ipSF1UmxVA",
+        "latitude": 10.0886366481734,
+        "longitude": 77.0565225415125
+    },
+    {
+        "hospitalAminityId": "HL-021",
+        "aminityType": "Hospital ",
+        "aminityName": "Tata Global Beverages Ltd High Range Hospital",
+        "aminityLocation": "Tea Museum  (K D H P Tea Museum, \nNullathanni)",
+        "aminityRouteid": "R5",
+        "aminityOpenTime": "24hrs",
+        "isAminityPvtGovt": "pvt",
+        "aminityContact": 4868255888,
+        "aminityMapLink": "https://maps.app.goo.gl/u9tZyi9ipSF1UmxVA",
+        "latitude": 10.0886366481734,
+        "longitude": 77.0565225415125
+    },
+    {
+        "hospitalAminityId": "HL-022",
+        "aminityType": "Hospital ",
+        "aminityName": "Tata Global Beverages Ltd High Range Hospital",
+        "aminityLocation": "Srishti Tata",
+        "aminityRouteid": "R5",
+        "aminityOpenTime": "24hrs",
+        "isAminityPvtGovt": "pvt",
+        "aminityContact": 4868255888,
+        "aminityMapLink": "https://maps.app.goo.gl/u9tZyi9ipSF1UmxVA",
+        "latitude": 10.0886366481734,
+        "longitude": 77.0565225415125
+    },
+    {
+        "hospitalAminityId": "HL-023",
+        "aminityType": "Hospital ",
+        "aminityName": "The Adams Hospital",
+        "aminityLocation": "Marayoor Dolmens",
+        "aminityRouteid": "R5",
+        "aminityOpenTime": "24hrs",
+        "isAminityPvtGovt": "pvt",
+        "aminityContact": "Not available",
+        "aminityMapLink": "https://maps.app.goo.gl/EJd79pbkZLCDPhGB8",
+        "latitude": 10.2766116339608,
+        "longitude": 77.1607681497033
+    },
+    {
+        "hospitalAminityId": "HL-024",
+        "aminityType": "Hospital ",
+        "aminityName": "Tata Global Beverages Ltd High Range Hospital",
+        "aminityLocation": "Meesappulimala v",
+        "aminityRouteid": "R4",
+        "aminityOpenTime": "24hrs",
+        "isAminityPvtGovt": "pvt",
+        "aminityContact": 4868255888,
+        "aminityMapLink": "https://maps.app.goo.gl/u9tZyi9ipSF1UmxVA",
+        "latitude": 10.0886366481734,
+        "longitude": 77.0565225415125
+    }
+]
diff --git a/src/data/ksrtcData.json b/src/data/ksrtcData.json
new file mode 100644
index 0000000..e3a8025
--- /dev/null
+++ b/src/data/ksrtcData.json
@@ -0,0 +1,82 @@
+[
+    {
+        "ksrtcId": "KS-001",
+        "ksrtcRoute": "KOTTAYAM",
+        "kstrcTime": "1899-12-29T23:29:50.000Z",
+        "from": "MUNNAR",
+        "to": "TRIVANDRUM",
+        "ksrtcType": "SUPER FAST",
+        "availableDays": "allDay",
+        "booking": "https://online.keralartc.com/oprs-web/"
+    },
+    {
+        "ksrtcId": "KS-002",
+        "ksrtcRoute": "KOTTAYAM",
+        "kstrcTime": "1899-12-30T01:38:50.000Z",
+        "from": "MARAYOOR",
+        "to": "TRIVANDRUM",
+        "ksrtcType": "SUPER FAST",
+        "availableDays": "allDay",
+        "booking": "https://online.keralartc.com/oprs-web/"
+    },
+    {
+        "ksrtcId": "KS-003",
+        "ksrtcRoute": "KOTTAYAM",
+        "kstrcTime": "1899-12-30T05:10:50.000Z",
+        "from": "MUNNAR",
+        "to": "TRIVANDRUM",
+        "ksrtcType": "SUPER FAST",
+        "availableDays": "allDay",
+        "booking": "https://online.keralartc.com/oprs-web/"
+    },
+    {
+        "ksrtcId": "KS-004",
+        "ksrtcRoute": "KOTTAYAM",
+        "kstrcTime": "1899-12-30T10:08:50.000Z",
+        "from": "MUNNAR",
+        "to": "NEYYATTINKARA",
+        "ksrtcType": "SUPER FAST",
+        "availableDays": "allDay",
+        "booking": "https://online.keralartc.com/oprs-web/"
+    },
+    {
+        "ksrtcId": "KS-005",
+        "ksrtcRoute": "KOZHIKODE",
+        "kstrcTime": "1899-12-30T14:08:50.000Z",
+        "from": "MUNNAR",
+        "to": "SULTHAN BATHERY",
+        "ksrtcType": "SUPER EXPRESS AIR BUS",
+        "availableDays": "allDay",
+        "booking": "https://online.keralartc.com/oprs-web/"
+    },
+    {
+        "ksrtcId": "KS-006",
+        "ksrtcRoute": "ALAPPUZHA",
+        "kstrcTime": "1899-12-30T14:38:50.000Z",
+        "from": "MUNNAR",
+        "to": "TRIVANDRUM",
+        "ksrtcType": "MINNAL SUPER DELUXE AIR BUS",
+        "availableDays": "allDay",
+        "booking": "https://online.keralartc.com/oprs-web/"
+    },
+    {
+        "ksrtcId": "KS-007",
+        "ksrtcRoute": "KOTTAYAM",
+        "kstrcTime": "1899-12-30T15:39:50.000Z",
+        "from": "MUNNAR",
+        "to": "TRIVANDRUM",
+        "ksrtcType": "SUPER FAST",
+        "availableDays": "allDay",
+        "booking": "https://online.keralartc.com/oprs-web/"
+    },
+    {
+        "ksrtcId": "KS-008",
+        "ksrtcRoute": "KOZHIKODE",
+        "kstrcTime": "1899-12-30T10:09:50.000Z",
+        "from": "MUNNAR",
+        "to": "BANGALORE",
+        "ksrtcType": "SUPER DELUX AIR BUS",
+        "availableDays": "allDay",
+        "booking": "https://online.keralartc.com/oprs-web/"
+    }
+]
diff --git a/src/data/routeData.json b/src/data/routeData.json
new file mode 100644
index 0000000..bd1d6b9
--- /dev/null
+++ b/src/data/routeData.json
@@ -0,0 +1,58 @@
+[
+    {
+        "routeName": "MUNNAR - MARAYOOR - KANTHALLOOR - CHINNAR",
+        "routeId": "R1",
+        "routeColorName": "violet",
+        "routeColor": "#543585",
+        "routeDescription": "The route captures the presence of violet coloured periwinkle flowers ( called Neelakurinji \nin malayalam ) that bloom once in every 12 years. An endless stretch of rolling hills carpeted\n with tiny violet flowers throughout this route is a breathtaking sight .The route is also filled\n with Jacaranda flowers that adds to the colour significance. The spring season of Jacaranda,\n known as the ‘Neelavaka’, is from February to April.Munnar, Marayoor, and Devikulam have\n the highest number of Jacaranda in Kerala.These flowers crown the avenues and pathways of this route.\r\n",
+        "routeIllustrationUrl": "https://cdn.hellomunnar.in/img/routes/violet.png"
+    },
+    {
+        "routeName": "Munnar - Adimali",
+        "routeId": "R2",
+        "routeColorName": "Indigo",
+        "routeColor": "#41458C",
+        "routeDescription": "The route has four special sunset points,  including Pothamedu View Point, 2nd  mile view \npoint, Chithirapuram View Point and Karadippara that let the sky turn its colour to a shade of \nIndigo , which is a very uncommon, rare and a breathtaking sight. The destinations in this\n route also let the visitors enjoy the astonishing view of sunrise and sunset in any direction.",
+        "routeIllustrationUrl": "https://cdn.hellomunnar.in/img/routes/indigo.png"
+    },
+    {
+        "routeName": "Munnar - Chokramudi peak- Suryanelli-Kolukkumalai",
+        "routeId": "R3",
+        "routeColorName": "Blue",
+        "routeColor": "#3089AE",
+        "routeDescription": "The route has the highest tea plantation of the world, Kolukkumalai Tea Estate , located at the\n lofty Kolukkumalai hills.The distant hills slipping in and out of the mist is a captivating sight\n that integrates shades of Blue to itself while the light travels through the mist, reflecting \nthe colour of sky . As this mountain is the closest one to the sky, when it gets wrapped up \nin shades of blue, it becomes difficult for one to distinguish it from the sky. This special\n phenomenon has added up in the colour significance of this rout",
+        "routeIllustrationUrl": "https://cdn.hellomunnar.in/img/routes/blue.png"
+    },
+    {
+        "routeName": "Munnar - Meesapulimala",
+        "routeId": "R4",
+        "routeColorName": "Green",
+        "routeColor": "#41AD63",
+        "routeDescription": "Enriched with lush green valleys, hundreds of blooming Rhododendrons, charming tea estates, \ngurgling brooks and rainforests, enroute to Meesapulimala is a naturistic, peaceful travel\n experience to the visitors. Apart from the greeneries, Meesappulimala is also a plastic free\n zone which contributes to the green colour significance of the route",
+        "routeIllustrationUrl": "https://cdn.hellomunnar.in/img/routes/green.png"
+    },
+    {
+        "routeName": "Heritage Route",
+        "routeId": "R5",
+        "routeColorName": "Yellow",
+        "routeColor": "#EDC237",
+        "routeDescription": "Yellow shade is often related to ethnicity and heritage. Hence the route is identified as a Heritage Route. This circuit is welcome for people who are more into the socio-cultural history of Munnar and the heritage associated with it. Second World War Memorial (Cenotaph), CSI Church, Roman Catholic Church, Munnar Market, Tea Museum, Srishti-TATA, Marayoor Dolmens, and Cave Paintings form the main attractions in the route. ",
+        "routeIllustrationUrl": "https://cdn.hellomunnar.in/img/routes/yellow.png"
+    },
+    {
+        "routeName": "Munnar - Mankulam - Anakulam",
+        "routeId": "R6",
+        "routeColorName": "Orange",
+        "routeColor": "#E47E2E",
+        "routeDescription": "Unlike the mono culture which is practised in most of the places in Munnar, this route has\n multiple plantations, out of which Orange is a prominent one. At Anakulam, afternoons are\n reserved for wild elephants who usually come as visitors from the woods. They come in flocks\n to Anakulam river to drink ‘oruvellam’ (spring waters), to enjoy their rest times. Wild Elephants\n are especially noted for their orange shades of mud and the associated wilderness. These\n peculiarities define the route as ORANGE Route.\n",
+        "routeIllustrationUrl": "https://cdn.hellomunnar.in/img/routes/orange.png"
+    },
+    {
+        "routeName": "Munnar - Mattupetty - Vattavada",
+        "routeId": "R7",
+        "routeColorName": "Red",
+        "routeColor": "#E05348",
+        "routeDescription": "One of the important destinations of this route, Pampadum Shola National Park, is famed to\n protect the several threatened, rare or endemic species of flora and fauna, which are under\n the IUCN Red list.RED colour is a symbol of prohibition, danger and alarm hence the route \nand its colour representation is a gentle reminder of the significance of ecological conservation.\n",
+        "routeIllustrationUrl": "https://cdn.hellomunnar.in/img/routes/red.png"
+    }
+]
diff --git a/src/data/routes.json b/src/data/routes.json
new file mode 100644
index 0000000..89839bb
--- /dev/null
+++ b/src/data/routes.json
@@ -0,0 +1,58 @@
+[
+    {
+        "routeName": "MUNNAR-MARAYOOR-KANTHALLOOR-CHINNAR",
+        "routeId": "R1",
+        "routeColorName": "violet",
+        "routeColor": "#543585",
+        "routeDescription": "Giving Name Violet is for the presence of Neelakurinji plant in Eravikulam National park and Jacaranda in kanthanalloor Route. Both the flowers are violet in colour.",
+        "routeIllustrationUrl": "https://cdn.hellomunnar.in/img/routes/violet.png"
+    },
+    {
+        "routeName": "Munnar - Adimali",
+        "routeId": "R2",
+        "routeColorName": "Indigo",
+        "routeColor": "#41458C",
+        "routeDescription": "The highest tea plantation which is closest to the sky ( colour of the sky is blue ) is located in Kolukkumalai, one of the destinations in this route.",
+        "routeIllustrationUrl": "https://cdn.hellomunnar.in/img/routes/indigo.png"
+    },
+    {
+        "routeName": "Munnar - Suryanelli - Kolukkumala - Chokramudi Peak",
+        "routeId": "R3",
+        "routeColor": "#3089AE",
+        "routeColorName": "Blue",
+        "routeDescription": "This Route is full of Grasslands, green in colour which is also a plastic free zone",
+        "routeIllustrationUrl": "https://cdn.hellomunnar.in/img/routes/blue.png"
+    },
+    {
+        "routeName": "Munnar - Meesapulimala",
+        "routeId": "R4",
+        "routeColorName": "Green",
+        "routeColor": "#41AD63",
+        "routeDescription": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+        "routeIllustrationUrl": "https://cdn.hellomunnar.in/img/routes/green.png"
+    },
+    {
+        "routeName": "Munnar - CSI Church - Marayoor",
+        "routeId": "R5",
+        "routeColorName": "Yellow",
+        "routeColor": "#EDC237",
+        "routeDescription": "Heritage route is welcome for people who are more into history and heritages, it has destinations related to old stuffs. The colour yellow represents old.",
+        "routeIllustrationUrl": "https://cdn.hellomunnar.in/img/routes/yellow.png"
+    },
+    {
+        "routeName": "Munnar - Mankulam - Anakulam",
+        "routeId": "R6",
+        "routeColorName": "Orange",
+        "routeColor": "#E47E2E",
+        "routeDescription": "The presence of Orange Cultivation",
+        "routeIllustrationUrl": "https://cdn.hellomunnar.in/img/routes/orange.png"
+    },
+    {
+        "routeName": "Munnar - Mattupetty - Vattavada",
+        "routeId": "R7",
+        "routeColorName": "Red",
+        "routeColor": "#E05348",
+        "routeDescription": "A lot of species from the Red list of IUCN are protected in Pampadum Shola National Park",
+        "routeIllustrationUrl": "https://cdn.hellomunnar.in/img/routes/red.png"
+    }
+]
diff --git a/src/data/wastebinAminityData.json b/src/data/wastebinAminityData.json
new file mode 100644
index 0000000..3f3b0a8
--- /dev/null
+++ b/src/data/wastebinAminityData.json
@@ -0,0 +1,234 @@
+[
+    {
+        "wastebinAminityId": "WB-001",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Pampadumshola National Park",
+        "aminityRouteId": "R7",
+        "latitude": 77.2582
+    },
+    {
+        "wastebinAminityId": "WB-002",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Top Station",
+        "aminityRouteId": "R7",
+        "latitude": 77.2453
+    },
+    {
+        "wastebinAminityId": "WB-003",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Kundala Dam",
+        "aminityRouteId": "R7",
+        "latitude": 77.1978909
+    },
+    {
+        "wastebinAminityId": "WB-004",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Echo Point",
+        "aminityRouteId": "R7",
+        "latitude": 77.151772
+    },
+    {
+        "wastebinAminityId": "WB-005",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Sun Moon Valley",
+        "aminityRouteId": "R7",
+        "latitude": 77.1304
+    },
+    {
+        "wastebinAminityId": "WB-006",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Viripara Water Falls",
+        "aminityRouteId": "R6",
+        "latitude": 76.9618
+    },
+    {
+        "wastebinAminityId": "WB-007",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Anakkulam",
+        "aminityRouteId": "R6",
+        "latitude": 76.9138873
+    },
+    {
+        "wastebinAminityId": "WB-008",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Kolukkumalai",
+        "aminityRouteId": "R3",
+        "latitude": 77.19797
+    },
+    {
+        "wastebinAminityId": "WB-009",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Anayirangal Boating Center",
+        "aminityRouteId": "R3",
+        "latitude": 77.1981
+    },
+    {
+        "wastebinAminityId": "WB-010",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Munnar Botanical Garden",
+        "aminityRouteId": "R3",
+        "latitude": 77.0713668118554
+    },
+    {
+        "wastebinAminityId": "WB-011",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Signal Point",
+        "aminityRouteId": "R3",
+        "latitude": 77.0870202734234
+    },
+    {
+        "wastebinAminityId": "WB-012",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Lockhart Tea Plantation",
+        "aminityRouteId": "R3",
+        "latitude": 77.1076487322948
+    },
+    {
+        "wastebinAminityId": "WB-013",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "gap road view point",
+        "aminityRouteId": "R3",
+        "latitude": 77.129120326645
+    },
+    {
+        "wastebinAminityId": "WB-014",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "chokramudi peak",
+        "aminityRouteId": "R3",
+        "latitude": 77.1022907959008
+    },
+    {
+        "wastebinAminityId": "WB-015",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Blossom Hydel Park",
+        "aminityRouteId": "R2",
+        "latitude": 77.0628844511141
+    },
+    {
+        "wastebinAminityId": "WB-016",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Headworks Dam",
+        "aminityRouteId": "R2",
+        "latitude": 77.0671572624798
+    },
+    {
+        "wastebinAminityId": "WB-017",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Pothanmdeu view point",
+        "aminityRouteId": "R2",
+        "latitude": 77.0641189120369
+    },
+    {
+        "wastebinAminityId": "WB-018",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Attukad Waterfalls",
+        "aminityRouteId": "R2",
+        "latitude": 77.0588318488698
+    },
+    {
+        "wastebinAminityId": "WB-019",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "2nd mile viwe point",
+        "aminityRouteId": "R2",
+        "latitude": 77.0388812256773
+    },
+    {
+        "wastebinAminityId": "WB-020",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Karadippara view point",
+        "aminityRouteId": "R2",
+        "latitude": 77.0177317693171
+    },
+    {
+        "wastebinAminityId": "WB-021",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Shengulam Hydel Park",
+        "aminityRouteId": "R2",
+        "latitude": 77.033759693725
+    },
+    {
+        "wastebinAminityId": "WB-022",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Eravikulam National Park",
+        "aminityRouteId": "R1",
+        "latitude": 77.0594757633931
+    },
+    {
+        "wastebinAminityId": "WB-023",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Lakkam waterfalls",
+        "aminityRouteId": "R1",
+        "latitude": 77.1114812596627
+    },
+    {
+        "wastebinAminityId": "WB-024",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Karmutty waterfalls",
+        "aminityRouteId": "R1",
+        "latitude": 77.1689233894416
+    },
+    {
+        "wastebinAminityId": "WB-025",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Alampetty Ecotourism",
+        "aminityRouteId": "R1",
+        "latitude": 77.18519
+    },
+    {
+        "wastebinAminityId": "WB-026",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Marayur Jaggery",
+        "aminityRouteId": "R1",
+        "latitude": 77.161458
+    },
+    {
+        "wastebinAminityId": "WB-027",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Chinnar Wildlife Sanctuary",
+        "aminityRouteId": "R1",
+        "latitude": 77.2399759422144
+    },
+    {
+        "wastebinAminityId": "WB-028",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Carmalagiri  Botanical garden",
+        "aminityRouteId": "R5",
+        "latitude": 77.1011838
+    },
+    {
+        "wastebinAminityId": "WB-029",
+        "aminityType": "Wastebin",
+        "aminityName": "Wastebin",
+        "aminityLocation": "Tea Museum  ",
+        "aminityRouteId": "R5",
+        "latitude": 77.0506520122528
+    }
+]
diff --git a/src/index.css b/src/index.css
index ec2585e..86bbb5a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,13 +1,5 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
 
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/src/index.js b/src/index.js
index ef2edf8..9376bf3 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,14 +1,20 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
+import React from "react";
+import ReactDOM from "react-dom";
+import "./index.css";
+import App from "./App";
+import reportWebVitals from "./reportWebVitals";
+import { Provider } from "react-redux";
+import { createStore, applyMiddleware } from "redux";
+import thunk from "redux-thunk";
+import reducer from "./redux/reducer";
+
+const store = createStore(reducer, applyMiddleware(thunk));
 
 ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
+    <Provider store={store}>
+        <App />
+    </Provider>,
+    document.getElementById("root")
 );
 
 // If you want to start measuring performance in your app, pass a function
diff --git a/src/redux/actions.js b/src/redux/actions.js
new file mode 100644
index 0000000..a383664
--- /dev/null
+++ b/src/redux/actions.js
@@ -0,0 +1,17 @@
+// sample code
+
+/*
+
+import { fireRequest } from "./fireRequest";
+
+export const login = (body) => {
+    return fireRequest("login", [], body);
+};
+
+
+
+export const getCurrentUser = () => {
+    return fireRequest("currentUser");
+};
+
+*/
diff --git a/src/redux/api.js b/src/redux/api.js
new file mode 100644
index 0000000..57658d4
--- /dev/null
+++ b/src/redux/api.js
@@ -0,0 +1,18 @@
+/*
+sample code
+
+
+export default {
+  login: {
+    path: "/api/v1/account/login",
+    method: "POST",
+    noAuth: true,
+  },
+  currentUser: {
+    path: "/api/v1/account/user",
+    method: "GET",
+    noAuth: false,
+  },
+};
+
+*/
diff --git a/src/redux/fireRequest.js b/src/redux/fireRequest.js
new file mode 100644
index 0000000..762a6d8
--- /dev/null
+++ b/src/redux/fireRequest.js
@@ -0,0 +1,191 @@
+import axios from "axios";
+import api from "./api";
+//import * as Notficiation from "../util/Notifications";
+
+export const actions = {
+    FETCH_REQUEST: "FETCH_REQUEST",
+    FETCH_REQUEST_SUCCESS: "FETCH_REQUEST_SUCCESS",
+    FETCH_REQUEST_ERROR: "FETCH_REQUEST_ERROR",
+    SET_DATA: "SET_DATA",
+};
+
+const isRunning = {};
+
+export const setStoreData = (key, value) => {
+    return {
+        type: actions.SET_DATA,
+        key,
+        value,
+    };
+};
+
+export const fetchDataRequest = (key) => {
+    return {
+        type: actions.FETCH_REQUEST,
+        key,
+    };
+};
+
+export const fetchDataRequestError = (key, error) => {
+    return {
+        type: actions.FETCH_REQUEST_ERROR,
+        key,
+        error,
+    };
+};
+
+export const fetchResponseSuccess = (key, data) => {
+    return {
+        type: actions.FETCH_REQUEST_SUCCESS,
+        key,
+        data,
+    };
+};
+
+export const fireRequest = (
+    key,
+    path = [],
+    params = {},
+    urlParam = "",
+    multipart = false
+) => {
+    return (dispatch) => {
+        dispatch(fetchDataRequest(key));
+        return APIRequest(key, path, params, urlParam, multipart)
+            .then((response) => {
+                dispatch(fetchResponseSuccess(key, response.data));
+                return response;
+            })
+            .catch((error) => {
+                dispatch(fetchDataRequestError(key, error));
+            });
+    };
+};
+
+export const APIRequest = (
+    key,
+    path = [],
+    params = {},
+    urlParam = "",
+    multipart = false
+) => {
+    // cancel previous api call
+    if (isRunning[key]) {
+        isRunning[key].cancel();
+    }
+    isRunning[key] = axios.CancelToken.source();
+    // get api url / method
+    const request = { ...api[key] };
+    if (path.length > 0) {
+        request.path += "/" + path.join("/");
+    }
+    if (request.path[request.path.length - 1] !== "/") {
+        request.path = request.path + "/";
+    }
+    if (request.method === undefined || request.method === "GET") {
+        request.method = "GET";
+        const qs = Object.keys(params)
+            .map(
+                (k) =>
+                    encodeURIComponent(k) + "=" + encodeURIComponent(params[k])
+            )
+            .join("&");
+        if (qs !== "") {
+            request.path += `?${qs}`;
+        }
+    }
+    // set dynamic params in the URL
+    if (urlParam) {
+        Object.keys(urlParam).forEach((param) => {
+            request.path = request.path.replace(`{${param}}`, urlParam[param]);
+        });
+    }
+
+    // set authorization header in the request header
+    const config = {
+        baseURL: process.env.REACT_APP_BASE_URL,
+        headers: {},
+    };
+    if (!request.noAuth && localStorage.getItem("access_token")) {
+        config.headers["Authorization"] =
+            "Bearer " + localStorage.getItem("access_token");
+    }
+
+    if (multipart) {
+        config.headers[
+            "Content-Type"
+        ] = `multipart/form-data; boundary=${params._boundary}`;
+        // couldn't set cancel token as it is an object
+        // params = params.set("cancelToken", isRunning[key].token);
+    } else {
+        params = {
+            ...params,
+            cancelToken: isRunning[key].token,
+        };
+    }
+    const axiosApiCall = axios.create(config);
+
+    return axiosApiCall[request.method.toLowerCase()](request.path, params)
+        .then((response) => {
+            return response;
+        })
+        .catch((error) => {
+            if (error.response) {
+                // currentUser is ignored because on the first page load
+                // 403 error is displayed for invalid credential.
+                if (error.response.status !== 200 && key === "currentUser") {
+                    if (localStorage.getItem("access_token")) {
+                        localStorage.removeItem("access_token");
+                    }
+                    /*   Notficiation.Error({
+            msg: "Token invalid, please login again",
+          });*/
+                    return error;
+                }
+
+                // 400 Bad Request Error
+                if (error.response.status === 400) {
+                    /*   Notficiation.BadRequest({
+            errs: error.response.data,
+          });*/
+                    return error;
+                }
+
+                // 4xx Errors
+                if (
+                    error.response.status > 400 &&
+                    error.response.status < 500
+                ) {
+                    if (error.response.status === 404) {
+                        return error;
+                    } else if (
+                        error.response.data &&
+                        error.response.data.detail
+                    ) {
+                        let err = {
+                            msg: error.response.data.detail,
+                        };
+                        //  Notficiation.Error(err);
+                        return err;
+                    } else {
+                        let err = {
+                            msg: "Something went Wrong...!",
+                        };
+                        //   Notficiation.Error(err);
+                        return err;
+                    }
+                }
+
+                // 5xx Errors
+                if (
+                    error.response.status >= 500 &&
+                    error.response.status <= 599
+                ) {
+                    /*  Notficiation.Error({
+            msg: "Something went Wrong...!",
+          });*/
+                    return error;
+                }
+            }
+        });
+};
diff --git a/src/redux/reducer.js b/src/redux/reducer.js
new file mode 100644
index 0000000..f53a477
--- /dev/null
+++ b/src/redux/reducer.js
@@ -0,0 +1,40 @@
+import { actions } from "./fireRequest";
+
+const reducer = (state = {}, changeAction) => {
+    switch (changeAction.type) {
+        case actions.FETCH_REQUEST: {
+            const obj = Object.assign({}, state);
+            obj[changeAction.key] = {
+                isFetching: true,
+                error: false,
+            };
+            return obj;
+        }
+        case actions.FETCH_REQUEST_SUCCESS: {
+            const obj = Object.assign({}, state);
+            obj[changeAction.key] = {
+                isFetching: false,
+                error: false,
+                data: changeAction.data,
+            };
+            return obj;
+        }
+        case actions.FETCH_REQUEST_ERROR: {
+            const obj = Object.assign({}, state);
+            obj[changeAction.key] = {
+                isFetching: false,
+                error: true,
+                errorMessage: changeAction.error,
+            };
+            return obj;
+        }
+        case actions.SET_DATA: {
+            const obj = Object.assign({}, state);
+            obj[changeAction.key] = changeAction.value;
+            return obj;
+        }
+        default:
+            return state;
+    }
+};
+export default reducer;
diff --git a/src/reportWebVitals.js b/src/reportWebVitals.js
index 5253d3a..6c7d1fe 100644
--- a/src/reportWebVitals.js
+++ b/src/reportWebVitals.js
@@ -1,13 +1,15 @@
-const reportWebVitals = onPerfEntry => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
+const reportWebVitals = (onPerfEntry) => {
+    if (onPerfEntry && onPerfEntry instanceof Function) {
+        import("web-vitals").then(
+            ({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+                getCLS(onPerfEntry);
+                getFID(onPerfEntry);
+                getFCP(onPerfEntry);
+                getLCP(onPerfEntry);
+                getTTFB(onPerfEntry);
+            }
+        );
+    }
 };
 
 export default reportWebVitals;
diff --git a/src/router/PublicRouter.js b/src/router/PublicRouter.js
new file mode 100644
index 0000000..f4cfe0b
--- /dev/null
+++ b/src/router/PublicRouter.js
@@ -0,0 +1,55 @@
+import { useRoutes } from "hookrouter";
+import React from "react";
+import Explore from "../components/Explore/index";
+import Destination from "../components/Destination/index";
+import Experience from "../components/Experience/";
+import NavBar from "../components/Common/NavBar";
+import Notification from "../components/Notification/index";
+import NearMe from "../components/NearMe/Topbar";
+import Experiences from "../components/Experiences/Experiences";
+import SignIn from "../components/User/SignIn";
+import SignOut from "../components/User/SignOut";
+import Profile from "../components/User/Profile";
+
+import Favourites from "../components/Favourites/index";
+import Ksrtc from "../components/Ksrtc/index";
+import RouteRouter from "./RouteRouter";
+import NotFound from "../components/Common/NotFound";
+import Activity from "../components/Activity";
+
+const routes = {
+    // Explore page is the temporary default home page
+    "/": () => <Explore />,
+    "/nearme": () => <NearMe />,
+    "/signIn": () => <SignIn />,
+    "/signOut": () => <SignOut />,
+    "/profile": () => <Profile />,
+    "/destination/:id": ({ id }) => <Destination id={id} />,
+    "/experience/:id": ({ id }) => <Experience id={id} />,
+    "/activity/:id": ({ id }) => <Activity id={id} />,
+    "/notifications": () => <Notification />,
+    "/experiences": () => <Experiences />,
+
+    "/favourites": () => <Favourites />,
+    "/ksrtc": () => <Ksrtc />,
+
+    // all routes will for VIBRGYOR routes
+    "/route*": () => <RouteRouter />,
+};
+
+export default function PublicRouter() {
+    const pagesToShowNavBar = ["/", "/favorites", "/nearme", "/experiences"];
+    const pages = useRoutes(routes);
+    return pages ? (
+        pagesToShowNavBar.includes(window.location.pathname) ? (
+            <div className="w-screen flex flex-col min-h-screen pb-20">
+                {pages}
+                <NavBar />
+            </div>
+        ) : (
+            pages
+        )
+    ) : (
+        <NotFound />
+    );
+}
diff --git a/src/router/RouteRouter.js b/src/router/RouteRouter.js
new file mode 100644
index 0000000..6206bce
--- /dev/null
+++ b/src/router/RouteRouter.js
@@ -0,0 +1,21 @@
+import React from "react";
+import { useRoutes } from "hookrouter";
+import RoutePage from "../components/RoutePage";
+import NotFound from "../components/Common/NotFound";
+import routeData from "../data/routeData.json";
+
+// dynamically generate routes indtead of copying components
+const routes = routeData.reduce(
+    (acc, routeDetail, i) => ({
+        ...acc,
+        [`/${routeDetail.routeColorName.toLowerCase()}`]: () => (
+            <RoutePage route={routeDetail} position={i} />
+        ),
+    }),
+    {}
+);
+
+export default function RouteRouter() {
+    const pages = useRoutes(routes);
+    return pages || <NotFound name="route" />;
+}
diff --git a/src/setupTests.js b/src/setupTests.js
index 8f2609b..1dd407a 100644
--- a/src/setupTests.js
+++ b/src/setupTests.js
@@ -2,4 +2,4 @@
 // allows you to do things like:
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..6929807
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,28 @@
+const colors = require('tailwindcss/colors')
+module.exports = {
+    purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
+    darkMode: false, // or 'media' or 'class'
+    theme: {
+        fontFamily: {
+            sans: ["Poppins"],
+        },
+
+        extend: {
+            spacing: {
+                "3/4": "75%",
+                "9/16": "56.25%",
+                "full": "100%",
+            },
+            colors:{
+                teal:colors.teal,
+                violet: colors.violet,
+                cyan: colors.cyan,
+                amber: colors.amber,
+            }
+        },
+    },
+    variants: {
+        extend: {},
+    },
+    plugins: [],
+};