diff --git a/.astro/collections/blogs.schema.json b/.astro/collections/blogs.schema.json
index 01bee94f..bcb58842 100644
--- a/.astro/collections/blogs.schema.json
+++ b/.astro/collections/blogs.schema.json
@@ -8,6 +8,9 @@
           "type": "string",
           "maxLength": 60
         },
+        "slug": {
+          "type": "string"
+        },
         "publishDate": {
           "anyOf": [
             {
diff --git a/.astro/content.d.ts b/.astro/content.d.ts
index ed534152..eca009b5 100644
--- a/.astro/content.d.ts
+++ b/.astro/content.d.ts
@@ -178,5 +178,5 @@ declare module 'astro:content' {
 
 	type AnyEntryMap = ContentEntryMap & DataEntryMap;
 
-	export type ContentConfig = typeof import("../src/content.config.js");
+	export type ContentConfig = typeof import("./../src/content.config.js");
 }
diff --git a/.astro/data-store.json b/.astro/data-store.json
index f13bbb5b..08885928 100644
--- a/.astro/data-store.json
+++ b/.astro/data-store.json
@@ -1 +1 @@
-[["Map",1,2,9,10,202,203],"meta::meta",["Map",3,4,5,6,7,8],"astro-version","5.1.1","content-config-digest","5284684971596d0f","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://parixan.xyz\",\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"server\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true},\"redirects\":{},\"prefetch\":true,\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[]},\"devToolbar\":{\"enabled\":false},\"markdown\":{\"syntaxHighlight\":\"shiki\",\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"responsiveImages\":false,\"svg\":{\"mode\":\"inline\"}},\"legacy\":{\"collections\":false}}","blogs",["Map",11,12,58,96,130,131,155,156],"technology-used",{"id":11,"data":13,"body":20,"filePath":21,"digest":22,"rendered":23},{"title":14,"publishDate":15,"tags":16,"draft":18,"description":19},"The tech stack that we preferred",["Date","2024-12-23T18:30:00.000Z"],[17],"rz",false,"The tech stack that we work with and why we choose it ? ","## **Project Technology Stack Documentation**\n\n## **Frontend**\n\n### **Astro.js**\n\n- **Purpose**: Utilized as the core frontend framework for building the project.\n- **Features**:\n  - File-based routing.\n  - Supports server-side rendering (SSR) and static site generation (SSG).\n  - Integrates seamlessly with other frameworks like React.\n\n### **React**\n\n- **Purpose**: Used for creating interactive and dynamic components within the Astro.js framework.\n- **Features**:\n  - Component-based architecture.\n  - State management and lifecycle methods.\n\n### **Styling**\n\n#### **Tailwind CSS**\n\n- **Purpose**: A utility-first CSS framework used for styling.\n- **Features**:\n  - Rapid prototyping with predefined classes.\n  - Highly customizable via a configuration file.\n\n### **Component Library**\n\n#### **shadcn/ui**\n\n- **Purpose**: A pre-built React-based component library for faster UI development.\n- **Features**:\n  - Offers accessible and customizable components.\n  - Works seamlessly with Tailwind CSS.\n\n### **Icons**\n\n- **Purpose**: Used for visual enhancements and icons across the application.\n- **Libraries**:\n  - **Astro Icons**: Icon library designed for use in Astro.js.\n  - **React Icons**: A collection of popular icon libraries for React.\n  - **Lucide Icons**: Modern, consistent, and open-source icon library.\n\n### **State Management**\n\n#### **Zustand**\n\n- **Purpose**: Lightweight state management library for handling global state in the frontend.\n- **Features**:\n  - Minimal boilerplate.\n  - Simple and scalable API for managing state.\n\n### **Data Validation**\n\n#### **Zod**\n\n- **Purpose**: Schema-based data validation library.\n- **Features**:\n  - Runtime validation for form data and API responses.\n  - TypeScript integration for type safety.\n\n---\n\n## **Backend**\n\n### **Node.js**\n\n- **Purpose**: Backend runtime environment.\n- **Features**:\n  - Non-blocking, event-driven architecture for handling asynchronous operations.\n  - Large ecosystem of libraries and tools.\n\n### **Hono.js Framework**\n\n- **Purpose**: Lightweight, high-performance framework for building backend APIs.\n- **Features**:\n  - Minimalistic API design.\n  - Excellent for creating RESTful services.\n\n---\n\n## **Database**\n\n### **MongoDB**\n\n- **Purpose**: NoSQL database used for storing application data.\n- **Features**:\n  - Document-oriented storage.\n  - Scalable and flexible schema design.\n\n### **Mongoose**\n\n- **Purpose**: Object Relational Mapping (ORM) library for MongoDB.\n- **Features**:\n  - Simplifies data modeling and validation.\n  - Provides built-in schema and middleware support.\n\n---\n\n## **Other Tools**\n\n### **Code Formatting & Linting**\n\n- **Prettier**: For consistent code formatting.\n- **ESLint**: For identifying and fixing coding errors.","src/content/blog/technology-used.md","aabc9237546da961",{"html":24,"metadata":25},"\u003Ch2 id=\"project-technology-stack-documentation\">\u003Cstrong>Project Technology Stack Documentation\u003C/strong>\u003C/h2>\n\u003Ch2 id=\"frontend\">\u003Cstrong>Frontend\u003C/strong>\u003C/h2>\n\u003Ch3 id=\"astrojs\">\u003Cstrong>Astro.js\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Utilized as the core frontend framework for building the project.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>File-based routing.\u003C/li>\n\u003Cli>Supports server-side rendering (SSR) and static site generation (SSG).\u003C/li>\n\u003Cli>Integrates seamlessly with other frameworks like React.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"react\">\u003Cstrong>React\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Used for creating interactive and dynamic components within the Astro.js framework.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Component-based architecture.\u003C/li>\n\u003Cli>State management and lifecycle methods.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"styling\">\u003Cstrong>Styling\u003C/strong>\u003C/h3>\n\u003Ch4 id=\"tailwind-css\">\u003Cstrong>Tailwind CSS\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: A utility-first CSS framework used for styling.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Rapid prototyping with predefined classes.\u003C/li>\n\u003Cli>Highly customizable via a configuration file.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"component-library\">\u003Cstrong>Component Library\u003C/strong>\u003C/h3>\n\u003Ch4 id=\"shadcnui\">\u003Cstrong>shadcn/ui\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: A pre-built React-based component library for faster UI development.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Offers accessible and customizable components.\u003C/li>\n\u003Cli>Works seamlessly with Tailwind CSS.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"icons\">\u003Cstrong>Icons\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Used for visual enhancements and icons across the application.\u003C/li>\n\u003Cli>\u003Cstrong>Libraries\u003C/strong>:\n\u003Cul>\n\u003Cli>\u003Cstrong>Astro Icons\u003C/strong>: Icon library designed for use in Astro.js.\u003C/li>\n\u003Cli>\u003Cstrong>React Icons\u003C/strong>: A collection of popular icon libraries for React.\u003C/li>\n\u003Cli>\u003Cstrong>Lucide Icons\u003C/strong>: Modern, consistent, and open-source icon library.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"state-management\">\u003Cstrong>State Management\u003C/strong>\u003C/h3>\n\u003Ch4 id=\"zustand\">\u003Cstrong>Zustand\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Lightweight state management library for handling global state in the frontend.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Minimal boilerplate.\u003C/li>\n\u003Cli>Simple and scalable API for managing state.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"data-validation\">\u003Cstrong>Data Validation\u003C/strong>\u003C/h3>\n\u003Ch4 id=\"zod\">\u003Cstrong>Zod\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Schema-based data validation library.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Runtime validation for form data and API responses.\u003C/li>\n\u003Cli>TypeScript integration for type safety.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"backend\">\u003Cstrong>Backend\u003C/strong>\u003C/h2>\n\u003Ch3 id=\"nodejs\">\u003Cstrong>Node.js\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Backend runtime environment.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Non-blocking, event-driven architecture for handling asynchronous operations.\u003C/li>\n\u003Cli>Large ecosystem of libraries and tools.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"honojs-framework\">\u003Cstrong>Hono.js Framework\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Lightweight, high-performance framework for building backend APIs.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Minimalistic API design.\u003C/li>\n\u003Cli>Excellent for creating RESTful services.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"database\">\u003Cstrong>Database\u003C/strong>\u003C/h2>\n\u003Ch3 id=\"mongodb\">\u003Cstrong>MongoDB\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: NoSQL database used for storing application data.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Document-oriented storage.\u003C/li>\n\u003Cli>Scalable and flexible schema design.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"mongoose\">\u003Cstrong>Mongoose\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Object Relational Mapping (ORM) library for MongoDB.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Simplifies data modeling and validation.\u003C/li>\n\u003Cli>Provides built-in schema and middleware support.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"other-tools\">\u003Cstrong>Other Tools\u003C/strong>\u003C/h2>\n\u003Ch3 id=\"code-formatting--linting\">\u003Cstrong>Code Formatting & Linting\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Prettier\u003C/strong>: For consistent code formatting.\u003C/li>\n\u003Cli>\u003Cstrong>ESLint\u003C/strong>: For identifying and fixing coding errors.\u003C/li>\n\u003C/ul>",{"headings":26,"imagePaths":93,"frontmatter":94},[27,31,34,38,41,44,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90],{"depth":28,"slug":29,"text":30},2,"project-technology-stack-documentation","Project Technology Stack Documentation",{"depth":28,"slug":32,"text":33},"frontend","Frontend",{"depth":35,"slug":36,"text":37},3,"astrojs","Astro.js",{"depth":35,"slug":39,"text":40},"react","React",{"depth":35,"slug":42,"text":43},"styling","Styling",{"depth":45,"slug":46,"text":47},4,"tailwind-css","Tailwind CSS",{"depth":35,"slug":49,"text":50},"component-library","Component Library",{"depth":45,"slug":52,"text":53},"shadcnui","shadcn/ui",{"depth":35,"slug":55,"text":56},"icons","Icons",{"depth":35,"slug":58,"text":59},"state-management","State Management",{"depth":45,"slug":61,"text":62},"zustand","Zustand",{"depth":35,"slug":64,"text":65},"data-validation","Data Validation",{"depth":45,"slug":67,"text":68},"zod","Zod",{"depth":28,"slug":70,"text":71},"backend","Backend",{"depth":35,"slug":73,"text":74},"nodejs","Node.js",{"depth":35,"slug":76,"text":77},"honojs-framework","Hono.js Framework",{"depth":28,"slug":79,"text":80},"database","Database",{"depth":35,"slug":82,"text":83},"mongodb","MongoDB",{"depth":35,"slug":85,"text":86},"mongoose","Mongoose",{"depth":28,"slug":88,"text":89},"other-tools","Other Tools",{"depth":35,"slug":91,"text":92},"code-formatting--linting","Code Formatting & Linting",[],{"title":14,"description":19,"publishDate":95},"24 December 2024",{"id":58,"data":97,"body":102,"filePath":103,"digest":104,"rendered":105},{"title":98,"publishDate":99,"tags":100,"draft":18,"description":101},"The new era of state management with Zustand ?",["Date","2024-12-11T18:30:00.000Z"],[17],"The simple and easy to understand all about Zustand the new and simple way to manage the state in client side. ","## Zustand Documentation\n\n## What is Zustand?\n\nZustand is a small, fast, and flexible state management library for React. It allows you to manage global state with minimal setup, using React hooks to access and modify the state directly within your components.\n\n---\n\n## How Zustand is Used in This Project\n\nIn this project, Zustand is used to manage the search state across the application. This includes handling the user's search query, selected category, price range, sorting options, and rating filters.\n\n---\n\n## Creating the Store\n\nWe create a Zustand store using the `create` function. The store manages various pieces of state related to search functionality, such as the search query, category, price range, sort options, and ratings.\n\n```ts\nimport { create } from \"zustand\";\n\ninterface SearchStore {\n  searchQuery: string;\n  selectCategory: string;\n  priceRange: string;\n  selectSortOption: string;\n  selectRating: string;\n\n  setSearchQuery: (query: string) => void;\n  setSelectCategory: (category: string) => void;\n  setPriceRange: (range: string) => void;\n  setSelectSortOption: (option: string) => void;\n  setSelectRating: (rating: string) => void;\n}\n\nconst useSearchStore = create\u003CSearchStore>((set) => ({\n  searchQuery: \"\",\n  selectCategory: \"\",\n  priceRange: \"\",\n  selectSortOption: \"\",\n  selectRating: \"\",\n\n  setSearchQuery: (query) => set({ searchQuery: query }),\n  setSelectCategory: (category) => set({ selectCategory: category }),\n  setPriceRange: (range) => set({ priceRange: range }),\n  setSelectSortOption: (option) => set({ selectSortOption: option }),\n  setSelectRating: (rating) => set({ selectRating: rating })\n}));\n\nexport default useSearchStore;\n```\n\n#### Store State and Actions\n\n- **State Variables:**\n\n  - searchQuery: The current search query input by the user.\n  - selectCategory: The category filter selected by the user.\n  - priceRange: The price range filter.\n  - selectSortOption: The sort option applied to the search results.\n  - selectRating: The rating filter applied to the results.\n\n- **Actions (Setters):**\n\n  - setSearchQuery(query): Updates the search query.\n  - setSelectCategory(category): Updates the selected category.\n  - setPriceRange(range): Updates the price range.\n  - setSelectSortOption(option): Updates the sorting option.\n  - setSelectRating(rating): Updates the selected rating.\n\n#### Accessing the Store in Components\n\nTo use Zustand state and actions in your React components, you use the useSearchStore hook.\n\n**Example: Search Input Component**\nThe SearchInput component allows users to input a search query. It uses the global searchQuery from the store and updates it with setSearchQuery:\n\n```ts\nconst SearchInput = () => {\n  const { searchQuery, setSearchQuery } = useSearchStore();\n\n  return (\n    \u003CInput\n      type=\"search\"\n      value={searchQuery}\n      onChange={(e) => setSearchQuery(e.target.value)}\n      placeholder=\"Search...\"\n      className=\"search-input\"\n    />\n  );\n};\n```","src/content/blog/state-management.md","7be39d8a62975399",{"html":106,"metadata":107},"\u003Ch2 id=\"zustand-documentation\">Zustand Documentation\u003C/h2>\n\u003Ch2 id=\"what-is-zustand\">What is Zustand?\u003C/h2>\n\u003Cp>Zustand is a small, fast, and flexible state management library for React. It allows you to manage global state with minimal setup, using React hooks to access and modify the state directly within your components.\u003C/p>\n\u003Chr>\n\u003Ch2 id=\"how-zustand-is-used-in-this-project\">How Zustand is Used in This Project\u003C/h2>\n\u003Cp>In this project, Zustand is used to manage the search state across the application. This includes handling the user’s search query, selected category, price range, sorting options, and rating filters.\u003C/p>\n\u003Chr>\n\u003Ch2 id=\"creating-the-store\">Creating the Store\u003C/h2>\n\u003Cp>We create a Zustand store using the \u003Ccode>create\u003C/code> function. The store manages various pieces of state related to search functionality, such as the search query, category, price range, sort options, and ratings.\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"ts\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">import\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> { create } \u003C/span>\u003Cspan style=\"color:#F97583\">from\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> \"zustand\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">interface\u003C/span>\u003Cspan style=\"color:#B392F0\"> SearchStore\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FFAB70\">  searchQuery\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#79B8FF\"> string\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FFAB70\">  selectCategory\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#79B8FF\"> string\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FFAB70\">  priceRange\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#79B8FF\"> string\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FFAB70\">  selectSortOption\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#79B8FF\"> string\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#FFAB70\">  selectRating\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#79B8FF\"> string\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">  setSearchQuery\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> (\u003C/span>\u003Cspan style=\"color:#FFAB70\">query\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#79B8FF\"> string\u003C/span>\u003Cspan style=\"color:#E1E4E8\">) \u003C/span>\u003Cspan style=\"color:#F97583\">=>\u003C/span>\u003Cspan style=\"color:#79B8FF\"> void\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">  setSelectCategory\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> (\u003C/span>\u003Cspan style=\"color:#FFAB70\">category\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#79B8FF\"> string\u003C/span>\u003Cspan style=\"color:#E1E4E8\">) \u003C/span>\u003Cspan style=\"color:#F97583\">=>\u003C/span>\u003Cspan style=\"color:#79B8FF\"> void\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">  setPriceRange\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> (\u003C/span>\u003Cspan style=\"color:#FFAB70\">range\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#79B8FF\"> string\u003C/span>\u003Cspan style=\"color:#E1E4E8\">) \u003C/span>\u003Cspan style=\"color:#F97583\">=>\u003C/span>\u003Cspan style=\"color:#79B8FF\"> void\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">  setSelectSortOption\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> (\u003C/span>\u003Cspan style=\"color:#FFAB70\">option\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#79B8FF\"> string\u003C/span>\u003Cspan style=\"color:#E1E4E8\">) \u003C/span>\u003Cspan style=\"color:#F97583\">=>\u003C/span>\u003Cspan style=\"color:#79B8FF\"> void\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">  setSelectRating\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> (\u003C/span>\u003Cspan style=\"color:#FFAB70\">rating\u003C/span>\u003Cspan style=\"color:#F97583\">:\u003C/span>\u003Cspan style=\"color:#79B8FF\"> string\u003C/span>\u003Cspan style=\"color:#E1E4E8\">) \u003C/span>\u003Cspan style=\"color:#F97583\">=>\u003C/span>\u003Cspan style=\"color:#79B8FF\"> void\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">}\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">const\u003C/span>\u003Cspan style=\"color:#79B8FF\"> useSearchStore\u003C/span>\u003Cspan style=\"color:#F97583\"> =\u003C/span>\u003Cspan style=\"color:#B392F0\"> create\u003C/span>\u003Cspan style=\"color:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#B392F0\">SearchStore\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>((\u003C/span>\u003Cspan style=\"color:#FFAB70\">set\u003C/span>\u003Cspan style=\"color:#E1E4E8\">) \u003C/span>\u003Cspan style=\"color:#F97583\">=>\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> ({\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  searchQuery: \u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  selectCategory: \u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  priceRange: \u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  selectSortOption: \u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  selectRating: \u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">,\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">  setSearchQuery\u003C/span>\u003Cspan style=\"color:#E1E4E8\">: (\u003C/span>\u003Cspan style=\"color:#FFAB70\">query\u003C/span>\u003Cspan style=\"color:#E1E4E8\">) \u003C/span>\u003Cspan style=\"color:#F97583\">=>\u003C/span>\u003Cspan style=\"color:#B392F0\"> set\u003C/span>\u003Cspan style=\"color:#E1E4E8\">({ searchQuery: query }),\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">  setSelectCategory\u003C/span>\u003Cspan style=\"color:#E1E4E8\">: (\u003C/span>\u003Cspan style=\"color:#FFAB70\">category\u003C/span>\u003Cspan style=\"color:#E1E4E8\">) \u003C/span>\u003Cspan style=\"color:#F97583\">=>\u003C/span>\u003Cspan style=\"color:#B392F0\"> set\u003C/span>\u003Cspan style=\"color:#E1E4E8\">({ selectCategory: category }),\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">  setPriceRange\u003C/span>\u003Cspan style=\"color:#E1E4E8\">: (\u003C/span>\u003Cspan style=\"color:#FFAB70\">range\u003C/span>\u003Cspan style=\"color:#E1E4E8\">) \u003C/span>\u003Cspan style=\"color:#F97583\">=>\u003C/span>\u003Cspan style=\"color:#B392F0\"> set\u003C/span>\u003Cspan style=\"color:#E1E4E8\">({ priceRange: range }),\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">  setSelectSortOption\u003C/span>\u003Cspan style=\"color:#E1E4E8\">: (\u003C/span>\u003Cspan style=\"color:#FFAB70\">option\u003C/span>\u003Cspan style=\"color:#E1E4E8\">) \u003C/span>\u003Cspan style=\"color:#F97583\">=>\u003C/span>\u003Cspan style=\"color:#B392F0\"> set\u003C/span>\u003Cspan style=\"color:#E1E4E8\">({ selectSortOption: option }),\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">  setSelectRating\u003C/span>\u003Cspan style=\"color:#E1E4E8\">: (\u003C/span>\u003Cspan style=\"color:#FFAB70\">rating\u003C/span>\u003Cspan style=\"color:#E1E4E8\">) \u003C/span>\u003Cspan style=\"color:#F97583\">=>\u003C/span>\u003Cspan style=\"color:#B392F0\"> set\u003C/span>\u003Cspan style=\"color:#E1E4E8\">({ selectRating: rating })\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">}));\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">export\u003C/span>\u003Cspan style=\"color:#F97583\"> default\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> useSearchStore;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n\u003Ch4 id=\"store-state-and-actions\">Store State and Actions\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>State Variables:\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli>searchQuery: The current search query input by the user.\u003C/li>\n\u003Cli>selectCategory: The category filter selected by the user.\u003C/li>\n\u003Cli>priceRange: The price range filter.\u003C/li>\n\u003Cli>selectSortOption: The sort option applied to the search results.\u003C/li>\n\u003Cli>selectRating: The rating filter applied to the results.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Actions (Setters):\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli>setSearchQuery(query): Updates the search query.\u003C/li>\n\u003Cli>setSelectCategory(category): Updates the selected category.\u003C/li>\n\u003Cli>setPriceRange(range): Updates the price range.\u003C/li>\n\u003Cli>setSelectSortOption(option): Updates the sorting option.\u003C/li>\n\u003Cli>setSelectRating(rating): Updates the selected rating.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch4 id=\"accessing-the-store-in-components\">Accessing the Store in Components\u003C/h4>\n\u003Cp>To use Zustand state and actions in your React components, you use the useSearchStore hook.\u003C/p>\n\u003Cp>\u003Cstrong>Example: Search Input Component\u003C/strong>\nThe SearchInput component allows users to input a search query. It uses the global searchQuery from the store and updates it with setSearchQuery:\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"ts\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">const\u003C/span>\u003Cspan style=\"color:#B392F0\"> SearchInput\u003C/span>\u003Cspan style=\"color:#F97583\"> =\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> () \u003C/span>\u003Cspan style=\"color:#F97583\">=>\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">  const\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> { \u003C/span>\u003Cspan style=\"color:#79B8FF\">searchQuery\u003C/span>\u003Cspan style=\"color:#E1E4E8\">, \u003C/span>\u003Cspan style=\"color:#79B8FF\">setSearchQuery\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> } \u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#B392F0\"> useSearchStore\u003C/span>\u003Cspan style=\"color:#E1E4E8\">();\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">  return\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> (\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">    <\u003C/span>\u003Cspan style=\"color:#FFAB70\">Input\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">      type\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"search\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">      value\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#E1E4E8\">{searchQuery}\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">      onChange\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#E1E4E8\">{(e) => \u003C/span>\u003Cspan style=\"color:#B392F0\">setSearchQuery\u003C/span>\u003Cspan style=\"color:#E1E4E8\">(e.target.value)}\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">      placeholder\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"Search...\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">      className\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"search-input\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">    />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  );\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">};\u003C/span>\u003C/span>\u003C/code>\u003C/pre>",{"headings":108,"imagePaths":127,"frontmatter":128},[109,112,115,118,121,124],{"depth":28,"slug":110,"text":111},"zustand-documentation","Zustand Documentation",{"depth":28,"slug":113,"text":114},"what-is-zustand","What is Zustand?",{"depth":28,"slug":116,"text":117},"how-zustand-is-used-in-this-project","How Zustand is Used in This Project",{"depth":28,"slug":119,"text":120},"creating-the-store","Creating the Store",{"depth":45,"slug":122,"text":123},"store-state-and-actions","Store State and Actions",{"depth":45,"slug":125,"text":126},"accessing-the-store-in-components","Accessing the Store in Components",[],{"title":98,"description":101,"publishDate":129},"12 December 2024","routing-astro",{"id":130,"data":132,"body":137,"filePath":138,"digest":139,"rendered":140},{"title":133,"publishDate":134,"tags":135,"draft":18,"description":136},"How routing works in Astro ?",["Date","2024-12-11T18:30:00.000Z"],[17],"The full guide on routing in astro framework . The easy and simple guide to understand and implement routing ","## Adding a New Route in Astro.js\n\nAstro uses a **file-based routing system**, where the file structure in the `src/pages` directory determines the routes.\n\n## **Steps to Add a New Route**\n\n1. **Create a New File in the `src/pages` Directory**\n\n   - Go to the `src/pages` directory in your project.\n   - Create a new file for your route. For example:\n     - `about.astro` → `/about` route\n     - `blog.astro` → `/blog` route\n     - `contact.html` → `/contact` route (static HTML)\n\n2. **Add Content to the New F ile**\n\n   Add the desired HTML or Astro component syntax inside your new file. For example, in `about.astro`:\n\n   ```astro\n   ---\n   // Frontmatter (optional)\n   const pageTitle = \"About Us\";\n   ---\n\n   \u003Chtml>\n     \u003Chead>\n       \u003Ctitle>{pageTitle}\u003C/title>\n     \u003C/head>\n     \u003Cbody>\n       \u003Ch1>{pageTitle}\u003C/h1>\n       \u003Cp>Welcome to the About page of our Astro site!\u003C/p>\n     \u003C/body>\n   \u003C/html>\n   ```\n\n3. **Start the Development Server**\n\n   Run the Astro development server to see your changes:\n\n   ```bash\n   npm run dev\n   ```\n\n   Visit `http://localhost:3000/about` (or the corresponding route) in your browser.\n\n4. **Optional: Add Dynamic Routes**\n\n   If you need dynamic routes (e.g., `/blog/:slug`), create a file with square brackets in its name, such as `[slug].astro`. Example:\n\n   - File: `src/pages/blog/[slug].astro`\n\n     ```astro\n     ---\n     const { slug } = Astro.params;\n     ---\n\n     \u003Ch1>Blog Post: {slug}\u003C/h1>\n     ```\n\n   - Visit `/blog/example` to see the route in action.\n\n5. **Optional: Add Links to Your Route**\n\n   Update your site's navigation to link to the new route. For example, in your `src/layouts/Header.astro`:\n\n   ```astro\n   \u003Cnav>\n     \u003Ca href=\"/\">Home\u003C/a>\n     \u003Ca href=\"/about\">About\u003C/a>\n     \u003Ca href=\"/blog\">Blog\u003C/a>\n   \u003C/nav>\n   ```\n\n---\n\n### **Example File Structure for Routes**\n\n```\nsrc/\n├── pages/\n│   ├── index.astro       → /\n│   ├── about.astro       → /about\n│   ├── blog.astro        → /blog\n│   ├── blog/\n│   │   ├── [slug].astro  → /blog/:slug\n```","src/content/blog/routing-astro.md","51b86047071d592e",{"html":141,"metadata":142},"\u003Ch2 id=\"adding-a-new-route-in-astrojs\">Adding a New Route in Astro.js\u003C/h2>\n\u003Cp>Astro uses a \u003Cstrong>file-based routing system\u003C/strong>, where the file structure in the \u003Ccode>src/pages\u003C/code> directory determines the routes.\u003C/p>\n\u003Ch2 id=\"steps-to-add-a-new-route\">\u003Cstrong>Steps to Add a New Route\u003C/strong>\u003C/h2>\n\u003Col>\n\u003Cli>\n\u003Cp>\u003Cstrong>Create a New File in the \u003Ccode>src/pages\u003C/code> Directory\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli>Go to the \u003Ccode>src/pages\u003C/code> directory in your project.\u003C/li>\n\u003Cli>Create a new file for your route. For example:\n\u003Cul>\n\u003Cli>\u003Ccode>about.astro\u003C/code> → \u003Ccode>/about\u003C/code> route\u003C/li>\n\u003Cli>\u003Ccode>blog.astro\u003C/code> → \u003Ccode>/blog\u003C/code> route\u003C/li>\n\u003Cli>\u003Ccode>contact.html\u003C/code> → \u003Ccode>/contact\u003C/code> route (static HTML)\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Add Content to the New F ile\u003C/strong>\u003C/p>\n\u003Cp>Add the desired HTML or Astro component syntax inside your new file. For example, in \u003Ccode>about.astro\u003C/code>:\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"astro\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">---\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">// Frontmatter (optional)\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">const\u003C/span>\u003Cspan style=\"color:#79B8FF\"> pageTitle\u003C/span>\u003Cspan style=\"color:#F97583\"> =\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> \"About Us\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">---\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#85E89D\">html\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  <\u003C/span>\u003Cspan style=\"color:#85E89D\">head\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#85E89D\">title\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>{pageTitle}</title>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  </\u003C/span>\u003Cspan style=\"color:#85E89D\">head\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  <\u003C/span>\u003Cspan style=\"color:#85E89D\">body\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#85E89D\">h1\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>{pageTitle}</h1>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#85E89D\">p\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>Welcome to the About page of our Astro site!</\u003C/span>\u003Cspan style=\"color:#85E89D\">p\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  </\u003C/span>\u003Cspan style=\"color:#85E89D\">body\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#85E89D\">html\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Start the Development Server\u003C/strong>\u003C/p>\n\u003Cp>Run the Astro development server to see your changes:\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"bash\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">npm\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> run\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> dev\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n\u003Cp>Visit \u003Ccode>http://localhost:3000/about\u003C/code> (or the corresponding route) in your browser.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Optional: Add Dynamic Routes\u003C/strong>\u003C/p>\n\u003Cp>If you need dynamic routes (e.g., \u003Ccode>/blog/:slug\u003C/code>), create a file with square brackets in its name, such as \u003Ccode>[slug].astro\u003C/code>. Example:\u003C/p>\n\u003Cul>\n\u003Cli>\n\u003Cp>File: \u003Ccode>src/pages/blog/[slug].astro\u003C/code>\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"astro\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">---\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">const\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> { \u003C/span>\u003Cspan style=\"color:#79B8FF\">slug\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> } \u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> Astro.params;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6A737D\">---\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#85E89D\">h1\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>Blog Post: {slug}</\u003C/span>\u003Cspan style=\"color:#85E89D\">h1\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n\u003C/li>\n\u003Cli>\n\u003Cp>Visit \u003Ccode>/blog/example\u003C/code> to see the route in action.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Optional: Add Links to Your Route\u003C/strong>\u003C/p>\n\u003Cp>Update your site’s navigation to link to the new route. For example, in your \u003Ccode>src/layouts/Header.astro\u003C/code>:\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"astro\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#85E89D\">nav\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  <\u003C/span>\u003Cspan style=\"color:#85E89D\">a\u003C/span>\u003Cspan style=\"color:#B392F0\"> href\u003C/span>\u003Cspan style=\"color:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"/\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>Home</\u003C/span>\u003Cspan style=\"color:#85E89D\">a\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  <\u003C/span>\u003Cspan style=\"color:#85E89D\">a\u003C/span>\u003Cspan style=\"color:#B392F0\"> href\u003C/span>\u003Cspan style=\"color:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"/about\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>About</\u003C/span>\u003Cspan style=\"color:#85E89D\">a\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  <\u003C/span>\u003Cspan style=\"color:#85E89D\">a\u003C/span>\u003Cspan style=\"color:#B392F0\"> href\u003C/span>\u003Cspan style=\"color:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"/blog\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>Blog</\u003C/span>\u003Cspan style=\"color:#85E89D\">a\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#85E89D\">nav\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n\u003C/li>\n\u003C/ol>\n\u003Chr>\n\u003Ch3 id=\"example-file-structure-for-routes\">\u003Cstrong>Example File Structure for Routes\u003C/strong>\u003C/h3>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"plaintext\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan>src/\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>├── pages/\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>│   ├── index.astro       → /\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>│   ├── about.astro       → /about\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>│   ├── blog.astro        → /blog\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>│   ├── blog/\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan>│   │   ├── [slug].astro  → /blog/:slug\u003C/span>\u003C/span>\u003C/code>\u003C/pre>",{"headings":143,"imagePaths":153,"frontmatter":154},[144,147,150],{"depth":28,"slug":145,"text":146},"adding-a-new-route-in-astrojs","Adding a New Route in Astro.js",{"depth":28,"slug":148,"text":149},"steps-to-add-a-new-route","Steps to Add a New Route",{"depth":35,"slug":151,"text":152},"example-file-structure-for-routes","Example File Structure for Routes",[],{"title":133,"description":136,"publishDate":129},"style-guide",{"id":155,"data":157,"body":162,"filePath":163,"digest":164,"rendered":165},{"title":158,"publishDate":159,"tags":160,"draft":18,"description":161},"The style guide the must know to start the code",["Date","2024-12-25T18:30:00.000Z"],[17],"The full guid on file structure , css naming convention , tailwind usage and , css classes naming convention . ","## Style Guide Documentation\n\nThis document outlines the style guide we follow to maintain consistency and readability in our codebase. These principles apply to both CSS and JavaScript/TypeScript components.\n\n---\n\n## **1. File Structure**\n\n- Use a clear and consistent folder structure.\n- Place CSS files for components inside the `assets/styles` folder, named according to the component (e.g., `result-products.css` for `ResultProducts` component).\n- Keep reusable styles in a `globals.css` file.\n\n---\n\n## **2. CSS Naming Convention**\n\n- Use `kebab-case` for CSS class names.\n  - Example: `card__image`, `container__card`\n- For component-specific styles, use the format:  \n  `componentName__element` (e.g., `card__image` for an image in the `Card` component).\n- Use utility classes from Tailwind CSS wherever possible for common properties (e.g., margins, padding, colors).\n\n---\n\n## **3. Tailwind CSS Usage**\n\n- **Use Tailwind utilities for common tasks** like spacing, typography, and colors:\n\n  - Example:\n\n    ```html\n    \u003Cdiv class=\"rounded-lg bg-white p-4 text-gray-800\">\u003C/div>\n    ```\n\n- **Avoid redundancy:** Don't add CSS rules for properties already provided by Tailwind classes.\n- Create custom styles only when:\n  - Tailwind utilities cannot achieve the desired layout or behavior.\n  - Styles are specific to a particular component.\n\n---\n\n## **4. Component-Specific CSS**\n\n- For each React component, create a corresponding CSS file if it requires custom styles.\n- **CSS file naming**: Use the same name as the component, in lowercase and hyphen-separated.\n  - Example:\n    - Component: `ResultProducts.tsx`\n    - CSS File: `result-products.css`\n- Limit the use of global styles to prevent style conflicts.\n\n---\n\n## **5. Naming Variables & Functions**\n\n- Use `camelCase` for variables, functions, and methods.\n  - Example: `filterItemsByRating`, `sortItems`\n- Use `PascalCase` for React components and TypeScript interfaces/types.\n  - Example: `ResultProducts`, `ProductProps`\n- Use `UPPER_SNAKE_CASE` for constants.\n  - Example: `BASE_IMAGE_PATH`\n\n---\n\n## **7. JSX Structure**\n\n- **Keep JSX clean and readable:**\n  - Use meaningful class names.\n  - Avoid inline styles unless absolutely necessary.\n- Wrap component logic (e.g., filtering, sorting) in separate functions for clarity.\n\n### **12. Example: Component and CSS Pair**\n\n#### React Component (`ResultProducts.tsx`)\n\n```tsx\n\u003Cdiv className=\"container__card\">\n  \u003CCardBase className=\"card__base\">\n    \u003Cimg className=\"card__image\" src={imageSrc} alt=\"Product Image\" />\n    \u003CCardContent>\n      \u003CCardTitle className=\"card__content\">Product Name\u003C/CardTitle>\n    \u003C/CardContent>\n  \u003C/CardBase>\n\u003C/div>\n```\n\n#### CSS File (`result-products.css`)\n\n```css\n.container__card {\n  @apply rounded-lg border bg-white p-4 shadow-md;\n}\n\n.card__base {\n  @apply flex flex-col items-center;\n}\n\n.card__image {\n  @apply h-40 w-full rounded-md object-cover;\n}\n\n.card__content {\n  @apply text-lg font-semibold text-gray-800;\n}\n```","src/content/blog/style-guide.md","0439145f24bd2cb6",{"html":166,"metadata":167},"\u003Ch2 id=\"style-guide-documentation\">Style Guide Documentation\u003C/h2>\n\u003Cp>This document outlines the style guide we follow to maintain consistency and readability in our codebase. These principles apply to both CSS and JavaScript/TypeScript components.\u003C/p>\n\u003Chr>\n\u003Ch2 id=\"1-file-structure\">\u003Cstrong>1. File Structure\u003C/strong>\u003C/h2>\n\u003Cul>\n\u003Cli>Use a clear and consistent folder structure.\u003C/li>\n\u003Cli>Place CSS files for components inside the \u003Ccode>assets/styles\u003C/code> folder, named according to the component (e.g., \u003Ccode>result-products.css\u003C/code> for \u003Ccode>ResultProducts\u003C/code> component).\u003C/li>\n\u003Cli>Keep reusable styles in a \u003Ccode>globals.css\u003C/code> file.\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"2-css-naming-convention\">\u003Cstrong>2. CSS Naming Convention\u003C/strong>\u003C/h2>\n\u003Cul>\n\u003Cli>Use \u003Ccode>kebab-case\u003C/code> for CSS class names.\n\u003Cul>\n\u003Cli>Example: \u003Ccode>card__image\u003C/code>, \u003Ccode>container__card\u003C/code>\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>For component-specific styles, use the format:\u003Cbr>\n\u003Ccode>componentName__element\u003C/code> (e.g., \u003Ccode>card__image\u003C/code> for an image in the \u003Ccode>Card\u003C/code> component).\u003C/li>\n\u003Cli>Use utility classes from Tailwind CSS wherever possible for common properties (e.g., margins, padding, colors).\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"3-tailwind-css-usage\">\u003Cstrong>3. Tailwind CSS Usage\u003C/strong>\u003C/h2>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Use Tailwind utilities for common tasks\u003C/strong> like spacing, typography, and colors:\u003C/p>\n\u003Cul>\n\u003Cli>\n\u003Cp>Example:\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"html\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"rounded-lg bg-white p-4 text-gray-800\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">></\u003C/span>\u003Cspan style=\"color:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Avoid redundancy:\u003C/strong> Don’t add CSS rules for properties already provided by Tailwind classes.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Create custom styles only when:\u003C/p>\n\u003Cul>\n\u003Cli>Tailwind utilities cannot achieve the desired layout or behavior.\u003C/li>\n\u003Cli>Styles are specific to a particular component.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"4-component-specific-css\">\u003Cstrong>4. Component-Specific CSS\u003C/strong>\u003C/h2>\n\u003Cul>\n\u003Cli>For each React component, create a corresponding CSS file if it requires custom styles.\u003C/li>\n\u003Cli>\u003Cstrong>CSS file naming\u003C/strong>: Use the same name as the component, in lowercase and hyphen-separated.\n\u003Cul>\n\u003Cli>Example:\n\u003Cul>\n\u003Cli>Component: \u003Ccode>ResultProducts.tsx\u003C/code>\u003C/li>\n\u003Cli>CSS File: \u003Ccode>result-products.css\u003C/code>\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>Limit the use of global styles to prevent style conflicts.\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"5-naming-variables--functions\">\u003Cstrong>5. Naming Variables & Functions\u003C/strong>\u003C/h2>\n\u003Cul>\n\u003Cli>Use \u003Ccode>camelCase\u003C/code> for variables, functions, and methods.\n\u003Cul>\n\u003Cli>Example: \u003Ccode>filterItemsByRating\u003C/code>, \u003Ccode>sortItems\u003C/code>\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>Use \u003Ccode>PascalCase\u003C/code> for React components and TypeScript interfaces/types.\n\u003Cul>\n\u003Cli>Example: \u003Ccode>ResultProducts\u003C/code>, \u003Ccode>ProductProps\u003C/code>\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>Use \u003Ccode>UPPER_SNAKE_CASE\u003C/code> for constants.\n\u003Cul>\n\u003Cli>Example: \u003Ccode>BASE_IMAGE_PATH\u003C/code>\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"7-jsx-structure\">\u003Cstrong>7. JSX Structure\u003C/strong>\u003C/h2>\n\u003Cul>\n\u003Cli>\u003Cstrong>Keep JSX clean and readable:\u003C/strong>\n\u003Cul>\n\u003Cli>Use meaningful class names.\u003C/li>\n\u003Cli>Avoid inline styles unless absolutely necessary.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>Wrap component logic (e.g., filtering, sorting) in separate functions for clarity.\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"12-example-component-and-css-pair\">\u003Cstrong>12. Example: Component and CSS Pair\u003C/strong>\u003C/h3>\n\u003Ch4 id=\"react-component-resultproductstsx\">React Component (\u003Ccode>ResultProducts.tsx\u003C/code>)\u003C/h4>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"tsx\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#B392F0\"> className\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"container__card\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  <\u003C/span>\u003Cspan style=\"color:#79B8FF\">CardBase\u003C/span>\u003Cspan style=\"color:#B392F0\"> className\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"card__base\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#85E89D\">img\u003C/span>\u003Cspan style=\"color:#B392F0\"> className\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"card__image\"\u003C/span>\u003Cspan style=\"color:#B392F0\"> src\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#E1E4E8\">{imageSrc} \u003C/span>\u003Cspan style=\"color:#B392F0\">alt\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"Product Image\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#79B8FF\">CardContent\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">      <\u003C/span>\u003Cspan style=\"color:#79B8FF\">CardTitle\u003C/span>\u003Cspan style=\"color:#B392F0\"> className\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"card__content\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>Product Name</\u003C/span>\u003Cspan style=\"color:#79B8FF\">CardTitle\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">    </\u003C/span>\u003Cspan style=\"color:#79B8FF\">CardContent\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  </\u003C/span>\u003Cspan style=\"color:#79B8FF\">CardBase\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n\u003Ch4 id=\"css-file-result-productscss\">CSS File (\u003Ccode>result-products.css\u003C/code>)\u003C/h4>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"css\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">.container__card\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  @\u003C/span>\u003Cspan style=\"color:#79B8FF\">apply\u003C/span>\u003Cspan style=\"color:#79B8FF\"> rounded-lg\u003C/span>\u003Cspan style=\"color:#79B8FF\"> border\u003C/span>\u003Cspan style=\"color:#79B8FF\"> bg-white\u003C/span>\u003Cspan style=\"color:#79B8FF\"> p-\u003C/span>\u003Cspan style=\"color:#E1E4E8\">4 \u003C/span>\u003Cspan style=\"color:#79B8FF\">shadow-md\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">}\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">.card__base\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  @\u003C/span>\u003Cspan style=\"color:#79B8FF\">apply\u003C/span>\u003Cspan style=\"color:#79B8FF\"> flex\u003C/span>\u003Cspan style=\"color:#79B8FF\"> flex-col\u003C/span>\u003Cspan style=\"color:#79B8FF\"> items-center\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">}\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">.card__image\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  @\u003C/span>\u003Cspan style=\"color:#79B8FF\">apply\u003C/span>\u003Cspan style=\"color:#79B8FF\"> h-\u003C/span>\u003Cspan style=\"color:#E1E4E8\">40 \u003C/span>\u003Cspan style=\"color:#79B8FF\">w-full\u003C/span>\u003Cspan style=\"color:#79B8FF\"> rounded-md\u003C/span>\u003Cspan style=\"color:#79B8FF\"> object-cover\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">}\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">.card__content\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  @\u003C/span>\u003Cspan style=\"color:#79B8FF\">apply\u003C/span>\u003Cspan style=\"color:#79B8FF\"> text-lg\u003C/span>\u003Cspan style=\"color:#79B8FF\"> font-semibold\u003C/span>\u003Cspan style=\"color:#79B8FF\"> text-gray-\u003C/span>\u003Cspan style=\"color:#E1E4E8\">800;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">}\u003C/span>\u003C/span>\u003C/code>\u003C/pre>",{"headings":168,"imagePaths":199,"frontmatter":200},[169,172,175,178,181,184,187,190,193,196],{"depth":28,"slug":170,"text":171},"style-guide-documentation","Style Guide Documentation",{"depth":28,"slug":173,"text":174},"1-file-structure","1. File Structure",{"depth":28,"slug":176,"text":177},"2-css-naming-convention","2. CSS Naming Convention",{"depth":28,"slug":179,"text":180},"3-tailwind-css-usage","3. Tailwind CSS Usage",{"depth":28,"slug":182,"text":183},"4-component-specific-css","4. Component-Specific CSS",{"depth":28,"slug":185,"text":186},"5-naming-variables--functions","5. Naming Variables & Functions",{"depth":28,"slug":188,"text":189},"7-jsx-structure","7. JSX Structure",{"depth":35,"slug":191,"text":192},"12-example-component-and-css-pair","12. Example: Component and CSS Pair",{"depth":45,"slug":194,"text":195},"react-component-resultproductstsx","React Component (ResultProducts.tsx)",{"depth":45,"slug":197,"text":198},"css-file-result-productscss","CSS File (result-products.css)",[],{"title":158,"description":161,"publishDate":201},"26 December 2024","articles",["Map",204,205],"terms",{"id":204,"data":206,"body":209,"filePath":210,"digest":211,"rendered":212},{"title":207,"author":208},"Terms & Conditions","Admin","Welcome to COMPANY-NAME! These terms and conditions outline the rules and regulations for the use of COMPANY-NAME's Website, located at [COMPANY-NAME.com](https://www.COMPANY-NAME.com).\n\nBy accessing this website, we assume you accept these terms and conditions. Do not continue to use [Your Company\nName] if you do not agree to take all of the terms and conditions stated on this page.\n\nThe following terminology applies to these Terms and Conditions, Privacy Statement and Disclaimer Notice and all Agreements: \"Client\", \"You\" and \"Your\" refers to you, the person log on this website and compliant to the Company's terms and conditions.\n\"The Company\", \"Ourselves\", \"We\", \"Our\" and \"Us\", refers to our Company. \"Party\", \"Parties\", or \"Us\", refers to both the Client and ourselves. All terms refer to the offer, acceptance, and\nconsideration of payment necessary to undertake the process of our assistance to the Client in the most appropriate manner for the express purpose of meeting the Client's needs in respect of the provision of the\nCompany's stated services, in accordance with and subject to, prevailing law of Netherlands. Any use of the above terminology or other words in the singular, plural, capitalization, and/or he/she or they, are taken as\ninterchangeable and therefore as referring to same.\n\n## Cookies\n\nWe employ the use of cookies. By accessing COMPANY-NAME, you agreed to use cookies in agreement with the COMPANY-NAME's Privacy Policy.\n\nMost interactive websites use cookies to let us retrieve the user's details for each visit. Cookies are used by\nour website to enable the functionality of certain areas to make it easier for people visiting our website. Some\nof our affiliate/advertising partners may also use cookies.\n\n## License\n\nUnless otherwise stated, COMPANY-NAME and/or its licensors own the intellectual property rights for all material on COMPANY-NAME. All intellectual property rights are reserved.\nYou may access this from COMPANY-NAME for your own personal use subjected to restrictions set in these terms and conditions.\n\n### You must not\n\n- Republish material from COMPANY-NAME\n- Sell, rent, or sub-license material from COMPANY-NAME\n- Reproduce, duplicate or copy material from COMPANY-NAME\n- Redistribute content from COMPANY-NAME\n\nIf you have any questions about our Terms and Conditions, please [contact us](/contact)","src/content/article/terms.md","c9a57ebc5b9030f2",{"html":213,"metadata":214},"\u003Cp>Welcome to COMPANY-NAME! These terms and conditions outline the rules and regulations for the use of COMPANY-NAME’s Website, located at \u003Ca href=\"https://www.COMPANY-NAME.com\">COMPANY-NAME.com\u003C/a>.\u003C/p>\n\u003Cp>By accessing this website, we assume you accept these terms and conditions. Do not continue to use [Your Company\nName] if you do not agree to take all of the terms and conditions stated on this page.\u003C/p>\n\u003Cp>The following terminology applies to these Terms and Conditions, Privacy Statement and Disclaimer Notice and all Agreements: “Client”, “You” and “Your” refers to you, the person log on this website and compliant to the Company’s terms and conditions.\n“The Company”, “Ourselves”, “We”, “Our” and “Us”, refers to our Company. “Party”, “Parties”, or “Us”, refers to both the Client and ourselves. All terms refer to the offer, acceptance, and\nconsideration of payment necessary to undertake the process of our assistance to the Client in the most appropriate manner for the express purpose of meeting the Client’s needs in respect of the provision of the\nCompany’s stated services, in accordance with and subject to, prevailing law of Netherlands. Any use of the above terminology or other words in the singular, plural, capitalization, and/or he/she or they, are taken as\ninterchangeable and therefore as referring to same.\u003C/p>\n\u003Ch2 id=\"cookies\">Cookies\u003C/h2>\n\u003Cp>We employ the use of cookies. By accessing COMPANY-NAME, you agreed to use cookies in agreement with the COMPANY-NAME’s Privacy Policy.\u003C/p>\n\u003Cp>Most interactive websites use cookies to let us retrieve the user’s details for each visit. Cookies are used by\nour website to enable the functionality of certain areas to make it easier for people visiting our website. Some\nof our affiliate/advertising partners may also use cookies.\u003C/p>\n\u003Ch2 id=\"license\">License\u003C/h2>\n\u003Cp>Unless otherwise stated, COMPANY-NAME and/or its licensors own the intellectual property rights for all material on COMPANY-NAME. All intellectual property rights are reserved.\nYou may access this from COMPANY-NAME for your own personal use subjected to restrictions set in these terms and conditions.\u003C/p>\n\u003Ch3 id=\"you-must-not\">You must not\u003C/h3>\n\u003Cul>\n\u003Cli>Republish material from COMPANY-NAME\u003C/li>\n\u003Cli>Sell, rent, or sub-license material from COMPANY-NAME\u003C/li>\n\u003Cli>Reproduce, duplicate or copy material from COMPANY-NAME\u003C/li>\n\u003Cli>Redistribute content from COMPANY-NAME\u003C/li>\n\u003C/ul>\n\u003Cp>If you have any questions about our Terms and Conditions, please \u003Ca href=\"/contact\">contact us\u003C/a>\u003C/p>",{"headings":215,"imagePaths":225,"frontmatter":226},[216,219,222],{"depth":28,"slug":217,"text":218},"cookies","Cookies",{"depth":28,"slug":220,"text":221},"license","License",{"depth":35,"slug":223,"text":224},"you-must-not","You must not",[],{"title":207,"author":208}]
\ No newline at end of file
+[["Map",1,2,9,10,143,144],"meta::meta",["Map",3,4,5,6,7,8],"astro-version","5.1.1","content-config-digest","cb57b37d92ecf6ac","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://parixan.xyz\",\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"server\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true},\"redirects\":{},\"prefetch\":true,\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[]},\"devToolbar\":{\"enabled\":false},\"markdown\":{\"syntaxHighlight\":\"shiki\",\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"responsiveImages\":false,\"svg\":{\"mode\":\"inline\"}},\"legacy\":{\"collections\":false}}","blogs",["Map",11,12,96,97],"technology-used",{"id":11,"data":13,"body":20,"filePath":21,"digest":22,"rendered":23},{"title":14,"publishDate":15,"tags":16,"draft":18,"description":19},"The tech stack that we preferred",["Date","2024-12-23T18:30:00.000Z"],[17],"rz",false,"The tech stack that we work with and why we choose it ? ","## **Project Technology Stack Documentation**\r\n\r\n## **Frontend**\r\n\r\n### **Astro.js**\r\n\r\n- **Purpose**: Utilized as the core frontend framework for building the project.\r\n- **Features**:\r\n  - File-based routing.\r\n  - Supports server-side rendering (SSR) and static site generation (SSG).\r\n  - Integrates seamlessly with other frameworks like React.\r\n\r\n### **React**\r\n\r\n- **Purpose**: Used for creating interactive and dynamic components within the Astro.js framework.\r\n- **Features**:\r\n  - Component-based architecture.\r\n  - State management and lifecycle methods.\r\n\r\n### **Styling**\r\n\r\n#### **Tailwind CSS**\r\n\r\n- **Purpose**: A utility-first CSS framework used for styling.\r\n- **Features**:\r\n  - Rapid prototyping with predefined classes.\r\n  - Highly customizable via a configuration file.\r\n\r\n### **Component Library**\r\n\r\n#### **shadcn/ui**\r\n\r\n- **Purpose**: A pre-built React-based component library for faster UI development.\r\n- **Features**:\r\n  - Offers accessible and customizable components.\r\n  - Works seamlessly with Tailwind CSS.\r\n\r\n### **Icons**\r\n\r\n- **Purpose**: Used for visual enhancements and icons across the application.\r\n- **Libraries**:\r\n  - **Astro Icons**: Icon library designed for use in Astro.js.\r\n  - **React Icons**: A collection of popular icon libraries for React.\r\n  - **Lucide Icons**: Modern, consistent, and open-source icon library.\r\n\r\n### **State Management**\r\n\r\n#### **Zustand**\r\n\r\n- **Purpose**: Lightweight state management library for handling global state in the frontend.\r\n- **Features**:\r\n  - Minimal boilerplate.\r\n  - Simple and scalable API for managing state.\r\n\r\n### **Data Validation**\r\n\r\n#### **Zod**\r\n\r\n- **Purpose**: Schema-based data validation library.\r\n- **Features**:\r\n  - Runtime validation for form data and API responses.\r\n  - TypeScript integration for type safety.\r\n\r\n---\r\n\r\n## **Backend**\r\n\r\n### **Node.js**\r\n\r\n- **Purpose**: Backend runtime environment.\r\n- **Features**:\r\n  - Non-blocking, event-driven architecture for handling asynchronous operations.\r\n  - Large ecosystem of libraries and tools.\r\n\r\n### **Hono.js Framework**\r\n\r\n- **Purpose**: Lightweight, high-performance framework for building backend APIs.\r\n- **Features**:\r\n  - Minimalistic API design.\r\n  - Excellent for creating RESTful services.\r\n\r\n---\r\n\r\n## **Database**\r\n\r\n### **MongoDB**\r\n\r\n- **Purpose**: NoSQL database used for storing application data.\r\n- **Features**:\r\n  - Document-oriented storage.\r\n  - Scalable and flexible schema design.\r\n\r\n### **Mongoose**\r\n\r\n- **Purpose**: Object Relational Mapping (ORM) library for MongoDB.\r\n- **Features**:\r\n  - Simplifies data modeling and validation.\r\n  - Provides built-in schema and middleware support.\r\n\r\n---\r\n\r\n## **Other Tools**\r\n\r\n### **Code Formatting & Linting**\r\n\r\n- **Prettier**: For consistent code formatting.\r\n- **ESLint**: For identifying and fixing coding errors.","src/content/blog/technology-used.md","98f7cc9eeca22c01",{"html":24,"metadata":25},"\u003Ch2 id=\"project-technology-stack-documentation\">\u003Cstrong>Project Technology Stack Documentation\u003C/strong>\u003C/h2>\n\u003Ch2 id=\"frontend\">\u003Cstrong>Frontend\u003C/strong>\u003C/h2>\n\u003Ch3 id=\"astrojs\">\u003Cstrong>Astro.js\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Utilized as the core frontend framework for building the project.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>File-based routing.\u003C/li>\n\u003Cli>Supports server-side rendering (SSR) and static site generation (SSG).\u003C/li>\n\u003Cli>Integrates seamlessly with other frameworks like React.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"react\">\u003Cstrong>React\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Used for creating interactive and dynamic components within the Astro.js framework.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Component-based architecture.\u003C/li>\n\u003Cli>State management and lifecycle methods.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"styling\">\u003Cstrong>Styling\u003C/strong>\u003C/h3>\n\u003Ch4 id=\"tailwind-css\">\u003Cstrong>Tailwind CSS\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: A utility-first CSS framework used for styling.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Rapid prototyping with predefined classes.\u003C/li>\n\u003Cli>Highly customizable via a configuration file.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"component-library\">\u003Cstrong>Component Library\u003C/strong>\u003C/h3>\n\u003Ch4 id=\"shadcnui\">\u003Cstrong>shadcn/ui\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: A pre-built React-based component library for faster UI development.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Offers accessible and customizable components.\u003C/li>\n\u003Cli>Works seamlessly with Tailwind CSS.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"icons\">\u003Cstrong>Icons\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Used for visual enhancements and icons across the application.\u003C/li>\n\u003Cli>\u003Cstrong>Libraries\u003C/strong>:\n\u003Cul>\n\u003Cli>\u003Cstrong>Astro Icons\u003C/strong>: Icon library designed for use in Astro.js.\u003C/li>\n\u003Cli>\u003Cstrong>React Icons\u003C/strong>: A collection of popular icon libraries for React.\u003C/li>\n\u003Cli>\u003Cstrong>Lucide Icons\u003C/strong>: Modern, consistent, and open-source icon library.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"state-management\">\u003Cstrong>State Management\u003C/strong>\u003C/h3>\n\u003Ch4 id=\"zustand\">\u003Cstrong>Zustand\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Lightweight state management library for handling global state in the frontend.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Minimal boilerplate.\u003C/li>\n\u003Cli>Simple and scalable API for managing state.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"data-validation\">\u003Cstrong>Data Validation\u003C/strong>\u003C/h3>\n\u003Ch4 id=\"zod\">\u003Cstrong>Zod\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Schema-based data validation library.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Runtime validation for form data and API responses.\u003C/li>\n\u003Cli>TypeScript integration for type safety.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"backend\">\u003Cstrong>Backend\u003C/strong>\u003C/h2>\n\u003Ch3 id=\"nodejs\">\u003Cstrong>Node.js\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Backend runtime environment.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Non-blocking, event-driven architecture for handling asynchronous operations.\u003C/li>\n\u003Cli>Large ecosystem of libraries and tools.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"honojs-framework\">\u003Cstrong>Hono.js Framework\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Lightweight, high-performance framework for building backend APIs.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Minimalistic API design.\u003C/li>\n\u003Cli>Excellent for creating RESTful services.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"database\">\u003Cstrong>Database\u003C/strong>\u003C/h2>\n\u003Ch3 id=\"mongodb\">\u003Cstrong>MongoDB\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: NoSQL database used for storing application data.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Document-oriented storage.\u003C/li>\n\u003Cli>Scalable and flexible schema design.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"mongoose\">\u003Cstrong>Mongoose\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Purpose\u003C/strong>: Object Relational Mapping (ORM) library for MongoDB.\u003C/li>\n\u003Cli>\u003Cstrong>Features\u003C/strong>:\n\u003Cul>\n\u003Cli>Simplifies data modeling and validation.\u003C/li>\n\u003Cli>Provides built-in schema and middleware support.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"other-tools\">\u003Cstrong>Other Tools\u003C/strong>\u003C/h2>\n\u003Ch3 id=\"code-formatting--linting\">\u003Cstrong>Code Formatting & Linting\u003C/strong>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Prettier\u003C/strong>: For consistent code formatting.\u003C/li>\n\u003Cli>\u003Cstrong>ESLint\u003C/strong>: For identifying and fixing coding errors.\u003C/li>\n\u003C/ul>",{"headings":26,"imagePaths":93,"frontmatter":94},[27,31,34,38,41,44,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90],{"depth":28,"slug":29,"text":30},2,"project-technology-stack-documentation","Project Technology Stack Documentation",{"depth":28,"slug":32,"text":33},"frontend","Frontend",{"depth":35,"slug":36,"text":37},3,"astrojs","Astro.js",{"depth":35,"slug":39,"text":40},"react","React",{"depth":35,"slug":42,"text":43},"styling","Styling",{"depth":45,"slug":46,"text":47},4,"tailwind-css","Tailwind CSS",{"depth":35,"slug":49,"text":50},"component-library","Component Library",{"depth":45,"slug":52,"text":53},"shadcnui","shadcn/ui",{"depth":35,"slug":55,"text":56},"icons","Icons",{"depth":35,"slug":58,"text":59},"state-management","State Management",{"depth":45,"slug":61,"text":62},"zustand","Zustand",{"depth":35,"slug":64,"text":65},"data-validation","Data Validation",{"depth":45,"slug":67,"text":68},"zod","Zod",{"depth":28,"slug":70,"text":71},"backend","Backend",{"depth":35,"slug":73,"text":74},"nodejs","Node.js",{"depth":35,"slug":76,"text":77},"honojs-framework","Hono.js Framework",{"depth":28,"slug":79,"text":80},"database","Database",{"depth":35,"slug":82,"text":83},"mongodb","MongoDB",{"depth":35,"slug":85,"text":86},"mongoose","Mongoose",{"depth":28,"slug":88,"text":89},"other-tools","Other Tools",{"depth":35,"slug":91,"text":92},"code-formatting--linting","Code Formatting & Linting",[],{"title":14,"description":19,"publishDate":95},"24 December 2024","style-guide",{"id":96,"data":98,"body":103,"filePath":104,"digest":105,"rendered":106},{"title":99,"publishDate":100,"tags":101,"draft":18,"description":102},"The style guide the must know to start the code",["Date","2024-12-25T18:30:00.000Z"],[17],"The full guid on file structure , css naming convention , tailwind usage and , css classes naming convention . ","## Style Guide Documentation\r\n\r\nThis document outlines the style guide we follow to maintain consistency and readability in our codebase. These principles apply to both CSS and JavaScript/TypeScript components.\r\n\r\n---\r\n\r\n## **1. File Structure**\r\n\r\n- Use a clear and consistent folder structure.\r\n- Place CSS files for components inside the `assets/styles` folder, named according to the component (e.g., `result-products.css` for `ResultProducts` component).\r\n- Keep reusable styles in a `globals.css` file.\r\n\r\n---\r\n\r\n## **2. CSS Naming Convention**\r\n\r\n- Use `kebab-case` for CSS class names.\r\n  - Example: `card__image`, `container__card`\r\n- For component-specific styles, use the format:  \r\n  `componentName__element` (e.g., `card__image` for an image in the `Card` component).\r\n- Use utility classes from Tailwind CSS wherever possible for common properties (e.g., margins, padding, colors).\r\n\r\n---\r\n\r\n## **3. Tailwind CSS Usage**\r\n\r\n- **Use Tailwind utilities for common tasks** like spacing, typography, and colors:\r\n\r\n  - Example:\r\n\r\n    ```html\r\n    \u003Cdiv class=\"rounded-lg bg-white p-4 text-gray-800\">\u003C/div>\r\n    ```\r\n\r\n- **Avoid redundancy:** Don't add CSS rules for properties already provided by Tailwind classes.\r\n- Create custom styles only when:\r\n  - Tailwind utilities cannot achieve the desired layout or behavior.\r\n  - Styles are specific to a particular component.\r\n\r\n---\r\n\r\n## **4. Component-Specific CSS**\r\n\r\n- For each React component, create a corresponding CSS file if it requires custom styles.\r\n- **CSS file naming**: Use the same name as the component, in lowercase and hyphen-separated.\r\n  - Example:\r\n    - Component: `ResultProducts.tsx`\r\n    - CSS File: `result-products.css`\r\n- Limit the use of global styles to prevent style conflicts.\r\n\r\n---\r\n\r\n## **5. Naming Variables & Functions**\r\n\r\n- Use `camelCase` for variables, functions, and methods.\r\n  - Example: `filterItemsByRating`, `sortItems`\r\n- Use `PascalCase` for React components and TypeScript interfaces/types.\r\n  - Example: `ResultProducts`, `ProductProps`\r\n- Use `UPPER_SNAKE_CASE` for constants.\r\n  - Example: `BASE_IMAGE_PATH`\r\n\r\n---\r\n\r\n## **7. JSX Structure**\r\n\r\n- **Keep JSX clean and readable:**\r\n  - Use meaningful class names.\r\n  - Avoid inline styles unless absolutely necessary.\r\n- Wrap component logic (e.g., filtering, sorting) in separate functions for clarity.\r\n\r\n### **12. Example: Component and CSS Pair**\r\n\r\n#### React Component (`ResultProducts.tsx`)\r\n\r\n```tsx\r\n\u003Cdiv className=\"container__card\">\r\n  \u003CCardBase className=\"card__base\">\r\n    \u003Cimg className=\"card__image\" src={imageSrc} alt=\"Product Image\" />\r\n    \u003CCardContent>\r\n      \u003CCardTitle className=\"card__content\">Product Name\u003C/CardTitle>\r\n    \u003C/CardContent>\r\n  \u003C/CardBase>\r\n\u003C/div>\r\n```\r\n\r\n#### CSS File (`result-products.css`)\r\n\r\n```css\r\n.container__card {\r\n  @apply rounded-lg border bg-white p-4 shadow-md;\r\n}\r\n\r\n.card__base {\r\n  @apply flex flex-col items-center;\r\n}\r\n\r\n.card__image {\r\n  @apply h-40 w-full rounded-md object-cover;\r\n}\r\n\r\n.card__content {\r\n  @apply text-lg font-semibold text-gray-800;\r\n}\r\n```","src/content/blog/style-guide.md","94e22f51342f6959",{"html":107,"metadata":108},"\u003Ch2 id=\"style-guide-documentation\">Style Guide Documentation\u003C/h2>\n\u003Cp>This document outlines the style guide we follow to maintain consistency and readability in our codebase. These principles apply to both CSS and JavaScript/TypeScript components.\u003C/p>\n\u003Chr>\n\u003Ch2 id=\"1-file-structure\">\u003Cstrong>1. File Structure\u003C/strong>\u003C/h2>\n\u003Cul>\n\u003Cli>Use a clear and consistent folder structure.\u003C/li>\n\u003Cli>Place CSS files for components inside the \u003Ccode>assets/styles\u003C/code> folder, named according to the component (e.g., \u003Ccode>result-products.css\u003C/code> for \u003Ccode>ResultProducts\u003C/code> component).\u003C/li>\n\u003Cli>Keep reusable styles in a \u003Ccode>globals.css\u003C/code> file.\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"2-css-naming-convention\">\u003Cstrong>2. CSS Naming Convention\u003C/strong>\u003C/h2>\n\u003Cul>\n\u003Cli>Use \u003Ccode>kebab-case\u003C/code> for CSS class names.\n\u003Cul>\n\u003Cli>Example: \u003Ccode>card__image\u003C/code>, \u003Ccode>container__card\u003C/code>\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>For component-specific styles, use the format:\u003Cbr>\n\u003Ccode>componentName__element\u003C/code> (e.g., \u003Ccode>card__image\u003C/code> for an image in the \u003Ccode>Card\u003C/code> component).\u003C/li>\n\u003Cli>Use utility classes from Tailwind CSS wherever possible for common properties (e.g., margins, padding, colors).\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"3-tailwind-css-usage\">\u003Cstrong>3. Tailwind CSS Usage\u003C/strong>\u003C/h2>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Use Tailwind utilities for common tasks\u003C/strong> like spacing, typography, and colors:\u003C/p>\n\u003Cul>\n\u003Cli>\n\u003Cp>Example:\u003C/p>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"html\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#B392F0\"> class\u003C/span>\u003Cspan style=\"color:#E1E4E8\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"rounded-lg bg-white p-4 text-gray-800\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">></\u003C/span>\u003Cspan style=\"color:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Avoid redundancy:\u003C/strong> Don’t add CSS rules for properties already provided by Tailwind classes.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Create custom styles only when:\u003C/p>\n\u003Cul>\n\u003Cli>Tailwind utilities cannot achieve the desired layout or behavior.\u003C/li>\n\u003Cli>Styles are specific to a particular component.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"4-component-specific-css\">\u003Cstrong>4. Component-Specific CSS\u003C/strong>\u003C/h2>\n\u003Cul>\n\u003Cli>For each React component, create a corresponding CSS file if it requires custom styles.\u003C/li>\n\u003Cli>\u003Cstrong>CSS file naming\u003C/strong>: Use the same name as the component, in lowercase and hyphen-separated.\n\u003Cul>\n\u003Cli>Example:\n\u003Cul>\n\u003Cli>Component: \u003Ccode>ResultProducts.tsx\u003C/code>\u003C/li>\n\u003Cli>CSS File: \u003Ccode>result-products.css\u003C/code>\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>Limit the use of global styles to prevent style conflicts.\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"5-naming-variables--functions\">\u003Cstrong>5. Naming Variables & Functions\u003C/strong>\u003C/h2>\n\u003Cul>\n\u003Cli>Use \u003Ccode>camelCase\u003C/code> for variables, functions, and methods.\n\u003Cul>\n\u003Cli>Example: \u003Ccode>filterItemsByRating\u003C/code>, \u003Ccode>sortItems\u003C/code>\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>Use \u003Ccode>PascalCase\u003C/code> for React components and TypeScript interfaces/types.\n\u003Cul>\n\u003Cli>Example: \u003Ccode>ResultProducts\u003C/code>, \u003Ccode>ProductProps\u003C/code>\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>Use \u003Ccode>UPPER_SNAKE_CASE\u003C/code> for constants.\n\u003Cul>\n\u003Cli>Example: \u003Ccode>BASE_IMAGE_PATH\u003C/code>\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"7-jsx-structure\">\u003Cstrong>7. JSX Structure\u003C/strong>\u003C/h2>\n\u003Cul>\n\u003Cli>\u003Cstrong>Keep JSX clean and readable:\u003C/strong>\n\u003Cul>\n\u003Cli>Use meaningful class names.\u003C/li>\n\u003Cli>Avoid inline styles unless absolutely necessary.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>Wrap component logic (e.g., filtering, sorting) in separate functions for clarity.\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"12-example-component-and-css-pair\">\u003Cstrong>12. Example: Component and CSS Pair\u003C/strong>\u003C/h3>\n\u003Ch4 id=\"react-component-resultproductstsx\">React Component (\u003Ccode>ResultProducts.tsx\u003C/code>)\u003C/h4>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"tsx\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\"><\u003C/span>\u003Cspan style=\"color:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#B392F0\"> className\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"container__card\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  <\u003C/span>\u003Cspan style=\"color:#79B8FF\">CardBase\u003C/span>\u003Cspan style=\"color:#B392F0\"> className\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"card__base\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#85E89D\">img\u003C/span>\u003Cspan style=\"color:#B392F0\"> className\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"card__image\"\u003C/span>\u003Cspan style=\"color:#B392F0\"> src\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#E1E4E8\">{imageSrc} \u003C/span>\u003Cspan style=\"color:#B392F0\">alt\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"Product Image\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> />\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">    <\u003C/span>\u003Cspan style=\"color:#79B8FF\">CardContent\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">      <\u003C/span>\u003Cspan style=\"color:#79B8FF\">CardTitle\u003C/span>\u003Cspan style=\"color:#B392F0\"> className\u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"card__content\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>Product Name</\u003C/span>\u003Cspan style=\"color:#79B8FF\">CardTitle\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">    </\u003C/span>\u003Cspan style=\"color:#79B8FF\">CardContent\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  </\u003C/span>\u003Cspan style=\"color:#79B8FF\">CardBase\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\"></\u003C/span>\u003Cspan style=\"color:#85E89D\">div\u003C/span>\u003Cspan style=\"color:#E1E4E8\">>\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n\u003Ch4 id=\"css-file-result-productscss\">CSS File (\u003Ccode>result-products.css\u003C/code>)\u003C/h4>\n\u003Cpre class=\"astro-code github-dark\" style=\"background-color:#24292e;color:#e1e4e8; overflow-x: auto;\" tabindex=\"0\" data-language=\"css\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">.container__card\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  @\u003C/span>\u003Cspan style=\"color:#79B8FF\">apply\u003C/span>\u003Cspan style=\"color:#79B8FF\"> rounded-lg\u003C/span>\u003Cspan style=\"color:#79B8FF\"> border\u003C/span>\u003Cspan style=\"color:#79B8FF\"> bg-white\u003C/span>\u003Cspan style=\"color:#79B8FF\"> p-\u003C/span>\u003Cspan style=\"color:#E1E4E8\">4 \u003C/span>\u003Cspan style=\"color:#79B8FF\">shadow-md\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">}\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">.card__base\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  @\u003C/span>\u003Cspan style=\"color:#79B8FF\">apply\u003C/span>\u003Cspan style=\"color:#79B8FF\"> flex\u003C/span>\u003Cspan style=\"color:#79B8FF\"> flex-col\u003C/span>\u003Cspan style=\"color:#79B8FF\"> items-center\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">}\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">.card__image\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  @\u003C/span>\u003Cspan style=\"color:#79B8FF\">apply\u003C/span>\u003Cspan style=\"color:#79B8FF\"> h-\u003C/span>\u003Cspan style=\"color:#E1E4E8\">40 \u003C/span>\u003Cspan style=\"color:#79B8FF\">w-full\u003C/span>\u003Cspan style=\"color:#79B8FF\"> rounded-md\u003C/span>\u003Cspan style=\"color:#79B8FF\"> object-cover\u003C/span>\u003Cspan style=\"color:#E1E4E8\">;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">}\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">.card__content\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> {\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">  @\u003C/span>\u003Cspan style=\"color:#79B8FF\">apply\u003C/span>\u003Cspan style=\"color:#79B8FF\"> text-lg\u003C/span>\u003Cspan style=\"color:#79B8FF\"> font-semibold\u003C/span>\u003Cspan style=\"color:#79B8FF\"> text-gray-\u003C/span>\u003Cspan style=\"color:#E1E4E8\">800;\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">}\u003C/span>\u003C/span>\u003C/code>\u003C/pre>",{"headings":109,"imagePaths":140,"frontmatter":141},[110,113,116,119,122,125,128,131,134,137],{"depth":28,"slug":111,"text":112},"style-guide-documentation","Style Guide Documentation",{"depth":28,"slug":114,"text":115},"1-file-structure","1. File Structure",{"depth":28,"slug":117,"text":118},"2-css-naming-convention","2. CSS Naming Convention",{"depth":28,"slug":120,"text":121},"3-tailwind-css-usage","3. Tailwind CSS Usage",{"depth":28,"slug":123,"text":124},"4-component-specific-css","4. Component-Specific CSS",{"depth":28,"slug":126,"text":127},"5-naming-variables--functions","5. Naming Variables & Functions",{"depth":28,"slug":129,"text":130},"7-jsx-structure","7. JSX Structure",{"depth":35,"slug":132,"text":133},"12-example-component-and-css-pair","12. Example: Component and CSS Pair",{"depth":45,"slug":135,"text":136},"react-component-resultproductstsx","React Component (ResultProducts.tsx)",{"depth":45,"slug":138,"text":139},"css-file-result-productscss","CSS File (result-products.css)",[],{"title":99,"description":102,"publishDate":142},"26 December 2024","articles",["Map",145,146],"terms",{"id":145,"data":147,"body":150,"filePath":151,"digest":152,"rendered":153},{"title":148,"author":149},"Terms & Conditions","Admin","Welcome to COMPANY-NAME! These terms and conditions outline the rules and regulations for the use of COMPANY-NAME's Website, located at [COMPANY-NAME.com](https://www.COMPANY-NAME.com).\r\n\r\nBy accessing this website, we assume you accept these terms and conditions. Do not continue to use [Your Company\r\nName] if you do not agree to take all of the terms and conditions stated on this page.\r\n\r\nThe following terminology applies to these Terms and Conditions, Privacy Statement and Disclaimer Notice and all Agreements: \"Client\", \"You\" and \"Your\" refers to you, the person log on this website and compliant to the Company's terms and conditions.\r\n\"The Company\", \"Ourselves\", \"We\", \"Our\" and \"Us\", refers to our Company. \"Party\", \"Parties\", or \"Us\", refers to both the Client and ourselves. All terms refer to the offer, acceptance, and\r\nconsideration of payment necessary to undertake the process of our assistance to the Client in the most appropriate manner for the express purpose of meeting the Client's needs in respect of the provision of the\r\nCompany's stated services, in accordance with and subject to, prevailing law of Netherlands. Any use of the above terminology or other words in the singular, plural, capitalization, and/or he/she or they, are taken as\r\ninterchangeable and therefore as referring to same.\r\n\r\n## Cookies\r\n\r\nWe employ the use of cookies. By accessing COMPANY-NAME, you agreed to use cookies in agreement with the COMPANY-NAME's Privacy Policy.\r\n\r\nMost interactive websites use cookies to let us retrieve the user's details for each visit. Cookies are used by\r\nour website to enable the functionality of certain areas to make it easier for people visiting our website. Some\r\nof our affiliate/advertising partners may also use cookies.\r\n\r\n## License\r\n\r\nUnless otherwise stated, COMPANY-NAME and/or its licensors own the intellectual property rights for all material on COMPANY-NAME. All intellectual property rights are reserved.\r\nYou may access this from COMPANY-NAME for your own personal use subjected to restrictions set in these terms and conditions.\r\n\r\n### You must not\r\n\r\n- Republish material from COMPANY-NAME\r\n- Sell, rent, or sub-license material from COMPANY-NAME\r\n- Reproduce, duplicate or copy material from COMPANY-NAME\r\n- Redistribute content from COMPANY-NAME\r\n\r\nIf you have any questions about our Terms and Conditions, please [contact us](/contact)","src/content/article/terms.md","15c64083a4c7769f",{"html":154,"metadata":155},"\u003Cp>Welcome to COMPANY-NAME! These terms and conditions outline the rules and regulations for the use of COMPANY-NAME’s Website, located at \u003Ca href=\"https://www.COMPANY-NAME.com\">COMPANY-NAME.com\u003C/a>.\u003C/p>\n\u003Cp>By accessing this website, we assume you accept these terms and conditions. Do not continue to use [Your Company\r\nName] if you do not agree to take all of the terms and conditions stated on this page.\u003C/p>\n\u003Cp>The following terminology applies to these Terms and Conditions, Privacy Statement and Disclaimer Notice and all Agreements: “Client”, “You” and “Your” refers to you, the person log on this website and compliant to the Company’s terms and conditions.\r\n“The Company”, “Ourselves”, “We”, “Our” and “Us”, refers to our Company. “Party”, “Parties”, or “Us”, refers to both the Client and ourselves. All terms refer to the offer, acceptance, and\r\nconsideration of payment necessary to undertake the process of our assistance to the Client in the most appropriate manner for the express purpose of meeting the Client’s needs in respect of the provision of the\r\nCompany’s stated services, in accordance with and subject to, prevailing law of Netherlands. Any use of the above terminology or other words in the singular, plural, capitalization, and/or he/she or they, are taken as\r\ninterchangeable and therefore as referring to same.\u003C/p>\n\u003Ch2 id=\"cookies\">Cookies\u003C/h2>\n\u003Cp>We employ the use of cookies. By accessing COMPANY-NAME, you agreed to use cookies in agreement with the COMPANY-NAME’s Privacy Policy.\u003C/p>\n\u003Cp>Most interactive websites use cookies to let us retrieve the user’s details for each visit. Cookies are used by\r\nour website to enable the functionality of certain areas to make it easier for people visiting our website. Some\r\nof our affiliate/advertising partners may also use cookies.\u003C/p>\n\u003Ch2 id=\"license\">License\u003C/h2>\n\u003Cp>Unless otherwise stated, COMPANY-NAME and/or its licensors own the intellectual property rights for all material on COMPANY-NAME. All intellectual property rights are reserved.\r\nYou may access this from COMPANY-NAME for your own personal use subjected to restrictions set in these terms and conditions.\u003C/p>\n\u003Ch3 id=\"you-must-not\">You must not\u003C/h3>\n\u003Cul>\n\u003Cli>Republish material from COMPANY-NAME\u003C/li>\n\u003Cli>Sell, rent, or sub-license material from COMPANY-NAME\u003C/li>\n\u003Cli>Reproduce, duplicate or copy material from COMPANY-NAME\u003C/li>\n\u003Cli>Redistribute content from COMPANY-NAME\u003C/li>\n\u003C/ul>\n\u003Cp>If you have any questions about our Terms and Conditions, please \u003Ca href=\"/contact\">contact us\u003C/a>\u003C/p>",{"headings":156,"imagePaths":166,"frontmatter":167},[157,160,163],{"depth":28,"slug":158,"text":159},"cookies","Cookies",{"depth":28,"slug":161,"text":162},"license","License",{"depth":35,"slug":164,"text":165},"you-must-not","You must not",[],{"title":148,"author":149}]
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 1b9176bf..95507aca 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -53,13 +53,11 @@
     "activityBarBadge.foreground": "#15202b",
     "commandCenter.border": "#15202b99",
     "sash.hoverBorder": "#e98cf9",
-    "sideBar.border": "#e98cf9",
     "statusBar.background": "#e05bf7",
     "statusBar.foreground": "#15202b",
     "statusBarItem.hoverBackground": "#d72af5",
     "statusBarItem.remoteBackground": "#e05bf7",
     "statusBarItem.remoteForeground": "#15202b",
-    "tab.activeBorder": "#e98cf9",
     "titleBar.activeBackground": "#e05bf7",
     "titleBar.activeForeground": "#15202b",
     "titleBar.inactiveBackground": "#e05bf799",
diff --git a/abcd.code-workspace b/abcd.code-workspace
index 0d8bf4f0..96c9a17d 100644
--- a/abcd.code-workspace
+++ b/abcd.code-workspace
@@ -173,8 +173,7 @@
       "titleBar.activeBackground": "#abcd00",
       "titleBar.activeForeground": "#15202b",
       "titleBar.inactiveBackground": "#abcd0099",
-      "titleBar.inactiveForeground": "#15202b99",
-      "tab.activeBorder": "#d5ff01"
+      "titleBar.inactiveForeground": "#15202b99"
     },
     "workbench.colorTheme": "Tokyo Night Storm",
     "workbench.editor.pinnedTabSizing": "compact",
diff --git a/public/map_assets/images/Gujrat.jpg b/public/map_assets/images/Gujrat.jpg
new file mode 100644
index 00000000..4e13a05d
Binary files /dev/null and b/public/map_assets/images/Gujrat.jpg differ
diff --git a/public/map_assets/images/Haryana.jpeg b/public/map_assets/images/Haryana.jpeg
new file mode 100644
index 00000000..8b103de1
Binary files /dev/null and b/public/map_assets/images/Haryana.jpeg differ
diff --git a/public/map_assets/images/andhra.jpg b/public/map_assets/images/andhra.jpg
new file mode 100644
index 00000000..80795d2e
Binary files /dev/null and b/public/map_assets/images/andhra.jpg differ
diff --git a/public/map_assets/images/arunachal.jpeg b/public/map_assets/images/arunachal.jpeg
new file mode 100644
index 00000000..b8c5b23c
Binary files /dev/null and b/public/map_assets/images/arunachal.jpeg differ
diff --git a/public/map_assets/images/assam.jpg b/public/map_assets/images/assam.jpg
new file mode 100644
index 00000000..4c5a6490
Binary files /dev/null and b/public/map_assets/images/assam.jpg differ
diff --git a/public/map_assets/images/bihar.jpeg b/public/map_assets/images/bihar.jpeg
new file mode 100644
index 00000000..a8972f3c
Binary files /dev/null and b/public/map_assets/images/bihar.jpeg differ
diff --git a/public/map_assets/images/chattisgarh.jpg b/public/map_assets/images/chattisgarh.jpg
new file mode 100644
index 00000000..86e29fb2
Binary files /dev/null and b/public/map_assets/images/chattisgarh.jpg differ
diff --git a/public/map_assets/images/delhi.jpg b/public/map_assets/images/delhi.jpg
new file mode 100644
index 00000000..4281da4c
Binary files /dev/null and b/public/map_assets/images/delhi.jpg differ
diff --git a/public/map_assets/images/goa.jpg b/public/map_assets/images/goa.jpg
new file mode 100644
index 00000000..5656cc6a
Binary files /dev/null and b/public/map_assets/images/goa.jpg differ
diff --git a/public/map_assets/images/himachal.jpg b/public/map_assets/images/himachal.jpg
new file mode 100644
index 00000000..11e6ddd3
Binary files /dev/null and b/public/map_assets/images/himachal.jpg differ
diff --git a/public/map_assets/images/jharkhand.jpg b/public/map_assets/images/jharkhand.jpg
new file mode 100644
index 00000000..44f6efd4
Binary files /dev/null and b/public/map_assets/images/jharkhand.jpg differ
diff --git a/public/map_assets/images/karnataka.jpg b/public/map_assets/images/karnataka.jpg
new file mode 100644
index 00000000..38033ed3
Binary files /dev/null and b/public/map_assets/images/karnataka.jpg differ
diff --git a/public/map_assets/images/kashmir.jpeg b/public/map_assets/images/kashmir.jpeg
new file mode 100644
index 00000000..148f5081
Binary files /dev/null and b/public/map_assets/images/kashmir.jpeg differ
diff --git a/public/map_assets/images/kerala.jpg b/public/map_assets/images/kerala.jpg
new file mode 100644
index 00000000..7868262b
Binary files /dev/null and b/public/map_assets/images/kerala.jpg differ
diff --git a/public/map_assets/images/madhyapradesh.jpg b/public/map_assets/images/madhyapradesh.jpg
new file mode 100644
index 00000000..6764034a
Binary files /dev/null and b/public/map_assets/images/madhyapradesh.jpg differ
diff --git a/public/map_assets/images/maharashtra.jpg b/public/map_assets/images/maharashtra.jpg
new file mode 100644
index 00000000..779fda3a
Binary files /dev/null and b/public/map_assets/images/maharashtra.jpg differ
diff --git a/public/map_assets/images/manipur.jpeg b/public/map_assets/images/manipur.jpeg
new file mode 100644
index 00000000..0d266bbe
Binary files /dev/null and b/public/map_assets/images/manipur.jpeg differ
diff --git a/public/map_assets/images/meghalaya.jpeg b/public/map_assets/images/meghalaya.jpeg
new file mode 100644
index 00000000..c46b568c
Binary files /dev/null and b/public/map_assets/images/meghalaya.jpeg differ
diff --git a/public/map_assets/images/mizoram.jpg b/public/map_assets/images/mizoram.jpg
new file mode 100644
index 00000000..bc3a1fd1
Binary files /dev/null and b/public/map_assets/images/mizoram.jpg differ
diff --git a/public/map_assets/images/nagaland.jpeg b/public/map_assets/images/nagaland.jpeg
new file mode 100644
index 00000000..f3a94e69
Binary files /dev/null and b/public/map_assets/images/nagaland.jpeg differ
diff --git a/public/map_assets/images/odisha.jpg b/public/map_assets/images/odisha.jpg
new file mode 100644
index 00000000..02d77f83
Binary files /dev/null and b/public/map_assets/images/odisha.jpg differ
diff --git a/public/map_assets/images/punjab.jpg b/public/map_assets/images/punjab.jpg
new file mode 100644
index 00000000..0063ccf5
Binary files /dev/null and b/public/map_assets/images/punjab.jpg differ
diff --git a/public/map_assets/images/rajasthan.jpg b/public/map_assets/images/rajasthan.jpg
new file mode 100644
index 00000000..050f51a4
Binary files /dev/null and b/public/map_assets/images/rajasthan.jpg differ
diff --git a/public/map_assets/images/sikkim.jpg b/public/map_assets/images/sikkim.jpg
new file mode 100644
index 00000000..c87bcf9b
Binary files /dev/null and b/public/map_assets/images/sikkim.jpg differ
diff --git a/public/map_assets/images/tamilnadu.jpeg b/public/map_assets/images/tamilnadu.jpeg
new file mode 100644
index 00000000..e6586785
Binary files /dev/null and b/public/map_assets/images/tamilnadu.jpeg differ
diff --git a/public/map_assets/images/telangana.jpg b/public/map_assets/images/telangana.jpg
new file mode 100644
index 00000000..a4d49a9e
Binary files /dev/null and b/public/map_assets/images/telangana.jpg differ
diff --git a/public/map_assets/images/tripura.jpg b/public/map_assets/images/tripura.jpg
new file mode 100644
index 00000000..295b748f
Binary files /dev/null and b/public/map_assets/images/tripura.jpg differ
diff --git a/public/map_assets/images/uttarakhand.jpeg b/public/map_assets/images/uttarakhand.jpeg
new file mode 100644
index 00000000..83f64fa3
Binary files /dev/null and b/public/map_assets/images/uttarakhand.jpeg differ
diff --git a/public/map_assets/images/uttarpradesh.jpg b/public/map_assets/images/uttarpradesh.jpg
new file mode 100644
index 00000000..de05cee6
Binary files /dev/null and b/public/map_assets/images/uttarpradesh.jpg differ
diff --git a/public/map_assets/images/westbengal.jpg b/public/map_assets/images/westbengal.jpg
new file mode 100644
index 00000000..44f6efd4
Binary files /dev/null and b/public/map_assets/images/westbengal.jpg differ
diff --git a/public/map_assets/svg/Andhra.svg b/public/map_assets/svg/Andhra.svg
new file mode 100644
index 00000000..2359769e
--- /dev/null
+++ b/public/map_assets/svg/Andhra.svg
@@ -0,0 +1,11 @@
+<svg aria-label="Andhra Pradesh" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="400 800 500 1000" xmlns="http://www.w3.org/2000/svg">
+  <title>Andhra</title>
+  <g id="andhra">
+    <path
+      d="m 553.39042,1442.6463 c 0,0 0.24008,5.5219 1.32045,7.2025 1.08038,1.6806 4.20145,2.1607 5.64195,2.761 1.44049,0.6002 4.56157,1.5605 4.92169,3.001 0.36012,1.4405 2.16074,3.4812 3.4812,3.4812 1.32045,0 3.12107,-0.7203 3.12107,-0.7203 0,0 -0.24008,-3.7212 -0.24008,-4.6816 0,-0.9603 2.0407,-1.0803 2.76095,-0.3601 0.72025,0.7203 2.16074,1.4405 2.64091,1.4405 0.48016,0 0.72025,-2.4008 0.84029,-4.0814 0.12004,-1.6806 -0.36013,-1.8006 0.84029,-3.2411 1.20041,-1.4405 1.20041,-2.5209 1.92066,-3.6013 0.72024,-1.0803 2.16074,-0.7202 1.32045,-2.7609 -0.84029,-2.0407 -1.92066,-3.7213 -1.92066,-3.7213 0,0 0.12004,0 1.56054,-0.4802 1.44049,-0.4801 3.84132,-1.3204 4.56157,-3.2411 0.72024,-1.9206 -0.60021,-3.8413 1.44049,-2.5208 2.0407,1.3204 1.08037,1.3204 7.08244,2.6409 6.00206,1.3204 9.6033,2.2808 11.16384,1.3204 1.56054,-0.9603 2.0407,-1.9206 4.56157,-2.1607 2.52087,-0.2401 4.32149,-0.2401 5.76198,-0.1201 1.4405,0.1201 6.84236,-3.121 7.92273,-4.2014 1.08037,-1.0804 1.56054,-1.3205 1.92066,-2.4008 0.36012,-1.0804 -1.20041,-2.4009 0.84029,-3.4812 2.0407,-1.0804 4.68161,-3.2411 6.24215,-1.9207 1.56053,1.3205 2.64091,1.2004 4.56157,1.0804 1.92066,-0.1201 2.52086,-0.8403 4.32148,0.7202 1.80062,1.5606 1.20042,3.6013 3.36116,3.8413 2.16074,0.2401 3.60124,-0.7202 4.92169,-3.121 1.32046,-2.4009 0.72025,-3.7213 2.881,-4.5616 2.16074,-0.8403 3.12107,-2.7609 3.84132,-4.3215 0.72025,-1.5605 -0.72025,-3.001 1.44049,-2.881 2.16075,0.1201 3.96137,-0.2401 4.80166,-0.6002 0.84028,-0.3601 -0.36013,-0.12 0,-2.2808 0.36012,-2.1607 0.36012,-2.2807 1.92066,-1.9206 1.56053,0.3601 2.76095,0 2.40082,-0.8403 -0.36012,-0.8403 -1.44049,-4.3215 -1.44049,-5.0417 0,-0.7203 1.92066,-3.4812 3.48119,-2.2808 1.56054,1.2004 6.72232,4.4415 7.20248,3.3611 0.48017,-1.0803 -0.96033,-9.4832 -1.56053,-11.5239 -0.60021,-2.0407 -0.84029,-3.9614 -3.00104,-7.8027 -2.16074,-3.8413 -3.00103,-5.4019 -4.20144,-7.5626 -1.20042,-2.1608 -3.24112,-8.2829 -3.36116,-8.763 -0.12004,-0.4802 0.36012,-2.5209 2.64091,-4.0814 2.28078,-1.5606 4.0814,-4.2015 4.32149,-4.9217 0.24008,-0.7203 -3.00104,-15.6054 -3.36116,-16.9259 -0.36012,-1.3204 -5.64194,-15.7254 -5.5219,-16.9258 0.12004,-1.2004 -1.56054,-13.2045 -0.60021,-13.8047 0.96033,-0.6002 5.88203,-4.4416 6.9624,-6.0021 1.08037,-1.5605 3.00103,-4.3215 3.60124,-5.5219 0.6002,-1.2004 3.00103,-6.9624 3.4812,-7.8027 0.48016,-0.8403 10.68367,-9.3632 12.84442,-9.3632 2.16074,0 9.36322,-0.8403 11.28388,0.9603 1.92066,1.8006 2.52087,4.2015 3.84132,4.9217 1.32045,0.7203 5.5219,2.881 6.9624,0.7203 1.44049,-2.1608 6.84235,-11.0438 8.64297,-12.3643 1.80062,-1.3205 3.72128,-0.3601 3.60124,-4.5616 -0.12004,-4.2014 0.12004,-4.8016 2.88099,-5.6419 2.76095,-0.8403 3.24112,-13.0845 3.72128,-13.6847 0.48017,-0.6002 5.88203,-3.001 7.5626,-3.2411 1.68058,-0.2401 7.44256,4.5615 8.4029,5.0417 0.96033,0.4802 6.36218,-0.12 8.04276,-0.3601 1.68058,-0.2401 9.48327,-2.5209 9.48327,-2.5209 0,0 6.96239,-4.6816 9.72334,-4.8016 2.76095,-0.1201 8.28285,-3.3612 9.72335,-4.3215 1.44049,-0.9604 3.4812,-3.7213 4.92169,-4.2015 1.4405,-0.4801 2.16074,-2.6409 2.16074,-7.0824 0,-4.4415 -2.40082,-9.9634 -2.6409,-12.6043 -0.24009,-2.641 -1.4405,-8.523 0.24008,-8.523 1.68058,0 21.00723,-12.2442 22.44772,-13.8047 1.4405,-1.5606 3.96137,-1.9207 6.24215,-2.2808 2.28079,-0.3601 3.36116,-1.9207 4.68161,-2.881 1.32046,-0.9603 4.68161,-0.6002 5.88203,-1.2004 1.20041,-0.6002 15.00516,-12.9645 15.00516,-12.9645 0,0 1.92066,-9.0031 2.0407,-10.8037 0.12004,-1.8006 0.60021,-6.9624 2.28079,-8.0428 1.68057,-1.0803 9.6033,-9.2431 14.04483,-10.9237 4.44153,-1.6806 20.52706,-10.8037 21.84752,-13.0845 1.32045,-2.2808 8.04276,-11.7641 9.6033,-13.5647 1.56054,-1.8006 11.28388,-12.9645 12.60434,-14.645 1.32045,-1.6806 3.00103,-2.1608 3.72128,-7.4426 0.72025,-5.2818 5.40186,-6.9624 1.32045,-7.8027 -4.0814,-0.8403 -26.88925,4.9217 -29.41012,4.9217 -2.52086,0 -15.96549,-14.0448 -26.04896,-9.8434 -10.08347,4.2015 -31.81095,21.9676 -37.09276,25.5688 -5.28182,3.6013 -18.0062,10.8037 -21.00723,11.524 -3.00104,0.7202 -28.20971,24.3684 -28.68988,24.7285 -0.48016,0.3601 -20.40702,17.8862 -23.04793,18.1262 -2.6409,0.2401 -9.72334,-3.4812 -10.44359,-4.5615 -0.72025,-1.0804 -26.64917,-22.4478 -28.32975,-26.169 -1.68058,-3.7213 -23.28801,-16.4457 -28.44979,-17.286 -5.16177,-0.8403 -10.08347,-0.7202 -10.08347,-0.7202 0,0 -13.44462,-32.4112 -12.96446,-34.0918 0.48017,-1.6805 -2.40082,-13.3245 -11.0438,-13.9248 -8.64297,-0.6002 -16.32562,-1.5605 -23.16797,-1.2004 -6.84235,0.3602 -35.77231,-11.0438 -38.77334,-11.5239 -3.00103,-0.4802 -19.44669,-3.0011 -21.4874,2.5208 -2.0407,5.5219 -13.20454,21.4874 -17.64607,23.4081 -4.44153,1.9206 -17.04586,9.4833 -17.52603,14.0448 -0.48016,4.5616 -3.60124,22.0876 -5.88202,24.3684 -2.28079,2.2808 -8.64298,17.8862 -7.44256,20.407 1.20041,2.5209 -5.5219,42.7347 -4.44153,45.4957 1.08037,2.7609 -2.16075,50.7775 -5.04174,52.218 -2.88099,1.4404 -4.68161,18.1262 -3.36115,20.527 1.32045,2.4008 -21.96756,10.6837 -21.24731,16.4457 0.72024,5.762 -6.84236,36.8527 -7.44257,39.1334 -0.6002,2.2808 -9.24318,33.7316 -7.32251,38.5333 1.92066,4.8017 11.16384,35.4122 11.16384,38.5333 0,3.121 23.64813,16.4456 30.37045,15.4853 6.72231,-0.9603 49.93718,36.7326 49.93718,36.7326 z"
+      id="path3874"
+      style="fill:#c1e0b2;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1">
+    </path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/ArunachalPradesh.svg b/public/map_assets/svg/ArunachalPradesh.svg
new file mode 100644
index 00000000..7c5f56ae
--- /dev/null
+++ b/public/map_assets/svg/ArunachalPradesh.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Arunachal Pradesh" preserveAspectRatio="xMidYMid meet"
+  style="width: 100%; height: 100%;" viewBox="1100 380 500 500" xmlns="http://www.w3.org/2000/svg">
+  <g id="arunachal">
+    <path
+      d="m 1383.9493,605.02128 2.8961,-7.03352 4.5511,-1.24121 2.8962,-0.41374 0.8275,-0.82747 4.1373,-2.89616 c 0,0 1.655,-2.89616 2.8962,-5.37858 1.2412,-2.48242 -0.8275,-3.72363 2.4824,-4.13736 3.3099,-0.41374 7.861,-0.82748 7.861,-0.82748 0,0 -0.8275,-0.82747 1.2412,-1.65494 2.0687,-0.82748 6.2061,-1.24121 6.2061,-1.24121 0,0 3.3099,-2.06869 4.9648,-3.72363 1.655,-1.65495 5.3786,-4.13737 5.3786,-4.13737 l -2.4824,-2.89616 -7.4473,-5.79231 c 0,0 -4.5511,-4.5511 -4.1374,-7.44726 0.4138,-2.89616 1.655,-5.79232 3.3099,-9.51595 1.655,-3.72363 3.7237,-7.44726 3.7237,-7.44726 0,0 0.4137,-2.89615 -2.0687,-2.89615 -2.4824,0 -5.3786,-0.41374 -8.6885,0.82747 -3.3099,1.24121 -5.7923,2.06868 -5.7923,2.06868 l -2.4824,5.37858 c 0,0 -2.8962,2.89616 -7.0335,2.06868 -4.1374,-0.82747 -5.3786,-0.82747 -7.0336,1.24121 -1.6549,2.06869 -2.4824,3.72363 -4.9648,4.96484 -2.4824,1.24121 -2.8962,3.3099 -7.4473,3.3099 -4.5511,0 -5.3786,-0.82747 -6.206,2.06868 -0.8275,2.89616 1.6549,3.3099 -2.0687,4.13737 -3.7236,0.82747 -7.861,-2.06868 -8.2747,0 -0.4138,2.06868 4.1373,5.79231 -1.2413,5.79231 -5.3785,0 -12.8258,-1.24121 -15.3082,1.24121 -2.4824,2.48242 -5.7923,6.20605 -7.0335,9.10221 -1.2412,2.89616 -9.1022,8.27473 -9.9297,10.34342 -0.8275,2.06868 -0.8275,4.96484 -4.1374,7.44726 -3.3099,2.48242 -3.3099,5.37858 -3.3099,5.37858 0,0 -2.4824,3.72363 -3.3099,5.37857 -0.8274,1.65495 -5.7923,2.89616 -9.5159,2.89616 -3.7236,0 -7.4473,-0.82747 -11.1709,0 -3.7236,0.82747 -5.3786,4.13737 -5.3786,4.13737 0,0 -4.1373,-0.41374 -7.861,-1.65495 -3.7236,-1.24121 -5.7923,-4.96484 -13.2396,-3.30989 -7.4472,1.65494 -4.5511,0.82747 -9.9296,3.30989 -5.3786,2.48242 -3.3099,2.89616 -7.861,3.72363 -4.5511,0.82747 -7.4473,2.89616 -7.4473,2.89616 0,0 -3.7211,-1.24121 -3.7236,-2.89616 0,-1.65453 1.129,-10.87638 2.0686,-14.06704 1.7375,-5.90011 -6.6197,-6.20606 -11.9983,-7.03353 -5.3786,-0.82747 -11.9984,0.82747 -13.6533,-0.41374 -1.655,-1.24121 -3.7236,-6.20605 -2.4824,-8.27473 1.2412,-2.06869 -1.2412,-14.89452 -0.4138,-16.54947 0.8275,-1.65495 7.0336,0.41374 9.516,2.89616 2.4824,2.48242 4.9648,7.03352 9.9297,4.5511 4.9648,-2.48242 -1.2413,-4.5511 7.4472,-5.79231 8.6885,-1.24121 8.6885,-1.24121 13.6533,-1.24121 4.9649,0 12.4121,-3.72363 12.4121,-5.37858 0,-1.65495 0.8275,-5.37858 -0.8274,-7.861 -1.655,-2.48242 -7.0336,-0.82747 -1.655,-3.72363 5.3786,-2.89616 6.6198,-5.79231 8.2747,-7.03352 1.655,-1.24121 -1.2412,-2.89616 3.3099,-4.55111 4.5511,-1.65494 13.2396,-3.72363 13.2396,-3.72363 0,0 2.8962,-3.72363 2.4824,-5.79231 -0.4137,-2.06868 -0.4137,-7.861 1.655,-9.10221 2.0687,-1.24121 2.8961,-6.20605 6.206,-6.61979 3.3099,-0.41373 4.5511,1.24121 8.2748,1.65495 3.7236,0.41374 0.4137,-1.65495 7.4472,-3.30989 7.0335,-1.65495 7.4473,-2.48242 7.4473,-2.48242 0,0 2.0687,-2.89616 5.3786,-7.44726 3.3099,-4.55111 4.5511,-2.89616 5.7923,-7.03353 1.2412,-4.13736 0.4137,-7.03352 3.7236,-9.51594 3.3099,-2.48242 6.2061,-2.48242 10.3434,-7.44726 4.1374,-4.96484 4.1374,-11.99837 7.861,-11.17089 3.7236,0.82747 4.1374,3.72363 5.7923,5.79231 1.655,2.06868 9.9297,6.61979 15.722,6.61979 5.7923,0 7.861,2.06868 11.5847,2.89616 3.7236,0.82747 10.3434,-2.48242 10.7571,-5.37858 0.4137,-2.89616 3.3099,-6.61979 6.2061,-9.51595 2.8961,-2.89615 12.4121,-9.51594 15.722,-9.51594 3.3098,0 5.7923,-3.30989 7.0335,0 1.2412,3.30989 2.4824,6.20605 2.4824,6.20605 l 7.0335,1.24121 3.3099,1.65495 c 0,0 1.2412,4.13736 -1.6549,6.20605 -2.8962,2.06868 -7.0336,4.96484 -7.0336,4.96484 l -2.0686,6.20605 c 0,0 1.6549,2.89616 3.7236,0.41374 2.0687,-2.48242 -1.2412,-2.06869 2.4824,-3.72363 3.7236,-1.65495 7.861,-2.89616 7.861,-2.89616 0,0 2.8962,4.5511 4.1374,7.44726 1.2412,2.89616 4.1373,7.03352 4.9648,8.68847 0.8275,1.65495 -1.6549,8.27473 -3.3099,10.34342 -1.6549,2.06868 -7.0335,5.79231 -7.0335,5.79231 l -4.5511,4.96484 9.5159,-2.06868 c 0,0 7.0336,-1.24121 9.1022,-1.24121 2.0687,0 5.7924,1.65494 7.861,3.30989 2.0687,1.65495 2.4825,2.48242 5.3786,2.06869 2.8962,-0.41374 2.0687,-2.06869 6.2061,-1.24121 4.1373,0.82747 5.3785,3.30989 8.2747,3.72363 2.8962,0.41373 7.4473,0 7.4473,0 0,0 1.6549,-0.82748 0.4137,4.13736 -1.2412,4.96484 -3.3099,4.55111 -1.6549,6.20605 1.6549,1.65495 2.8961,-0.82747 3.3099,3.72363 0.4137,4.55111 -2.8962,9.92968 -2.8962,9.92968 l -7.861,7.861 -7.861,4.96484 c 0,0 -4.9648,2.89616 -2.0687,5.79232 2.8962,2.89615 1.655,7.03352 7.4473,10.34341 5.7923,3.3099 4.5511,2.89616 6.6198,6.20605 2.0686,3.3099 3.3099,7.44726 1.6549,8.68847 -1.6549,1.24122 -9.1022,0.41374 -11.9984,0 -2.8961,-0.41373 -4.1373,-3.72363 -7.0335,-6.20605 -2.8961,-2.48242 -1.2412,-7.86099 -5.3786,-5.79231 -4.1373,2.06868 -2.4824,2.48242 -6.206,4.5511 -3.7236,2.06869 -2.8962,2.06869 -5.7923,1.65495 -2.8962,-0.41374 -4.1374,2.48242 -4.1374,2.48242 0,0 -6.6198,1.65495 -8.6885,2.06868 -2.0686,0.41374 -3.3099,-1.24121 -5.7923,4.96485 -2.4824,6.20605 2.8962,6.61978 -4.9648,10.75715 -7.861,4.13737 -5.7923,1.24121 -9.516,6.61979 -3.7236,5.37857 -11.9983,7.03352 -11.9983,10.34341 0,3.3099 3.3099,2.06869 -0.4138,4.96484 -9.4258,7.33105 -14.4807,2.06869 -15.3082,0.41374 -0.8275,-1.65495 -9.1022,-21.51431 -9.1022,-21.51431 z"
+      id="path3901"
+      style="fill:#c1e0b2;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Bihar.svg b/public/map_assets/svg/Bihar.svg
new file mode 100644
index 00000000..7eb508f2
--- /dev/null
+++ b/public/map_assets/svg/Bihar.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Bihar" viewBox="700 450 500 573" xmlns="http://www.w3.org/2000/svg"
+  preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;">
+  <g id="bihar">
+    <path
+      d="m 829.7402,785.64651 7.2508,0.0732 c 0,0 0.7324,-1.09861 3.0761,-0.0732 2.34369,1.02537 0.0732,1.68453 4.5409,2.05073 4.46766,0.3662 3.29582,-0.58592 5.71275,0.7324 2.41693,1.31833 5.05359,2.7099 7.47052,1.02537 2.41693,-1.68453 1.53805,-4.32118 2.78313,-6.00571 1.24509,-1.68453 4.32118,-1.90425 5.27331,0.65916 0.95212,2.56342 -1.31833,5.63951 1.68453,5.71275 3.00285,0.0732 2.56341,0.29296 4.46766,-1.02536 1.90425,-1.31833 0.65916,-0.29297 3.58878,-0.51269 2.92961,-0.21972 3.14933,-1.0986 3.88174,-2.63665 0.7324,-1.53805 2.27045,-2.63665 2.49017,-0.80564 0.21972,1.83101 -1.31833,3.58877 -0.0732,5.12682 1.24509,1.53805 1.61129,0.21972 2.05073,2.85638 0.43944,2.63665 0.29296,4.98034 2.7099,6.07895 2.41693,1.0986 5.12682,0.65916 5.05358,-1.68453 -0.0732,-2.34369 -0.95212,-4.83387 1.90425,-3.88174 2.85638,0.95212 2.63665,2.56341 4.39442,2.85637 1.75777,0.29297 1.97749,2.49018 2.92962,-0.95212 0.95212,-3.4423 -1.39157,-4.5409 2.49017,-6.73812 3.88174,-2.19721 4.76063,-3.58877 6.44515,0.36621 1.68453,3.95498 1.17185,7.03107 4.39443,8.42264 3.22257,1.39157 3.88174,2.85637 3.66201,-0.51268 -0.21972,-3.36906 -2.70989,-4.32119 2.19722,-3.8085 4.9071,0.51268 5.05358,1.4648 6.15219,-1.24509 1.0986,-2.70989 -1.09861,-3.88174 3.58878,-4.02822 4.68738,-0.14648 8.12968,0.80564 9.88745,-1.09861 1.75777,-1.90424 -0.65917,-2.12397 4.5409,-2.12397 5.20007,0 6.81135,1.83101 7.69024,0.0732 0.87888,-1.75776 0.29296,-2.56341 0.21972,-4.32118 -0.0732,-1.75777 0.51268,-4.10146 1.97749,-4.98034 1.46481,-0.87889 3.58878,-2.27045 4.1747,-3.0761 0.58592,-0.80564 1.46481,-1.39157 2.05073,-0.80564 0.58593,0.58592 -0.3662,0.21972 0.80565,2.34369 1.17184,2.12397 -1.31833,2.41693 1.97749,2.78313 3.29581,0.3662 4.9071,1.02537 5.12682,0.3662 0.21972,-0.65916 0.0732,-0.7324 0.21972,-3.07609 0.14648,-2.34369 0.73241,-3.88174 1.31833,-2.49017 0.58592,1.39156 -1.53805,1.02536 1.17185,3.00285 2.70989,1.97749 2.56341,2.05073 3.58877,2.27045 1.02537,0.21972 0.87889,-1.68453 1.02537,1.02537 0.14648,2.70989 1.61129,3.73526 2.27045,3.88174 0.65917,0.14648 0.95213,0.29296 0.95213,2.05073 0,1.75777 0.14648,2.70989 1.53804,1.75777 1.39157,-0.95213 1.83101,-4.83387 3.00286,-1.83101 1.17185,3.00285 -0.51268,2.56341 0.51268,5.05358 1.02537,2.49018 -1.61129,1.75777 2.78314,4.54091 4.39442,2.78313 5.63951,3.51554 6.07895,3.58878 0.43944,0.0732 2.12397,-2.3437 3.51554,-3.73526 1.39156,-1.39157 1.83101,-0.0957 2.63665,-4.49018 0.80564,-4.39442 1.75769,-5.25079 2.12389,-5.25079 0.3662,0 1.9043,0.29296 2.8564,1.53805 0.9521,1.24508 1.2451,3.58877 2.4169,0.95212 1.1719,-2.63665 2.7832,-5.85923 3.4423,-5.78599 0.6592,0.0732 1.2451,0.58592 1.3916,2.12397 0.1465,1.53805 0.6592,3.8085 2.0507,3.58878 1.3916,-0.21972 3.0029,-0.58592 3.3691,-2.70989 0.3662,-2.12398 0.4394,-3.22258 0.8789,-3.8085 0.4394,-0.58593 2.9296,1.24508 3.8817,2.34369 0.9521,1.0986 3.5156,1.61129 3.662,0.29296 0.1465,-1.31833 -0.3662,-12.67059 -0.4394,-13.84243 -0.073,-1.17185 0.293,-3.00286 0.8056,-3.73526 0.5127,-0.7324 2.7099,-2.12397 2.0508,-3.95498 -0.6592,-1.83101 -2.2705,-1.09861 -1.9043,-3.58878 0.3662,-2.49017 -0.7324,-3.14933 1.2451,-2.92961 1.9775,0.21972 3.0029,1.4648 4.248,-0.21972 1.245,-1.68453 0.2197,-2.63666 1.538,-4.32119 1.3183,-1.68453 3.3691,-1.31832 5.2001,-1.24508 1.831,0.0732 3.4423,-0.36621 3.8817,-1.46481 0.4394,-1.09861 3.2226,-0.87889 4.2479,-2.12397 1.0254,-1.24509 1.5381,-1.83101 1.2451,-3.0761 -0.2929,-1.24508 -1.0986,-0.29296 -1.0986,-2.70989 0,-2.41693 2.2705,-3.0761 1.6113,-5.63951 -0.6591,-2.56341 -2.2704,-2.78313 -2.2704,-6.44515 0,-3.66202 0.2197,-6.95784 1.538,-8.78885 1.3183,-1.83101 3.3691,-3.51554 5.2001,-3.73526 1.831,-0.21972 3.7352,0.58593 4.6874,-0.3662 0.9521,-0.95212 2.3437,-1.90425 2.2704,-2.92961 -0.073,-1.02537 0.293,-3.58878 -1.4648,-4.61415 -1.7578,-1.02536 -4.8339,-2.12397 -6.0057,-3.58878 -1.1718,-1.4648 -2.7099,-5.78599 -2.6367,-6.59163 0.073,-0.80564 -1.245,-2.34369 -2.7831,-3.0761 -1.538,-0.7324 -3.0761,-4.32118 -1.9775,-6.51839 1.0986,-2.19721 0.7324,-2.70989 1.9043,-3.14933 1.1718,-0.43945 2.8563,-6.66488 2.5634,-8.71561 -0.293,-2.05073 -0.293,-3.66202 -1.9043,-5.34655 -1.6113,-1.68453 -2.8563,-2.92961 -6.2254,-2.41693 -3.3691,0.51268 -7.7635,1.31833 -10.2537,2.70989 -2.4901,1.39157 -5.5662,1.68453 -7.8367,1.31833 -2.2704,-0.3662 -4.9803,0 -8.5691,0.0732 -3.5888,0.0732 -4.1015,1.97749 -6.6649,-0.80564 -2.5634,-2.78314 -5.5662,-5.27331 -6.9578,-6.37191 -1.39153,-1.09861 -8.05641,-0.51269 -8.86205,1.0986 -0.80564,1.61129 -2.56341,4.39442 -4.61414,3.58878 -2.05073,-0.80565 -5.78599,-1.24509 -7.2508,-0.7324 -1.46481,0.51268 -1.75777,4.76062 -5.56627,0.43944 -3.8085,-4.32118 -4.68738,-4.90711 -6.66487,-6.29867 -1.97749,-1.39157 -5.27331,-0.80565 -6.73812,0 -1.4648,0.80564 -1.61129,3.51553 -4.24794,0.43944 -2.63665,-3.0761 -5.41979,-3.95498 -6.22543,-3.4423 -0.80564,0.51268 -4.32118,4.10146 -5.05359,4.10146 -0.7324,0 -3.51553,-2.92961 -3.51553,-3.51554 0,-0.58592 -2.49018,-2.12397 -4.46767,-5.20006 -1.97749,-3.0761 -5.2733,-5.85923 -7.17755,-5.27331 -1.90425,0.58592 -4.90711,2.05073 -7.03108,2.78313 -2.12397,0.73241 -7.69024,2.85638 -10.32689,0 -2.63666,-2.85637 -1.24509,-4.1747 -6.44516,-5.93247 -5.20006,-1.75777 -14.57483,-2.56341 -16.25936,-3.88174 -1.68453,-1.31832 -3.00285,-0.7324 -3.22258,-4.68738 -0.21972,-3.95498 3.22258,-8.78885 -1.4648,-12.37762 -4.68739,-3.58878 -7.90996,-4.68739 -8.27617,-4.76063 -0.3662,-0.0732 -5.20006,2.49017 -7.03107,0.95213 -1.83101,-1.53805 -0.43944,-1.17185 -3.73526,-4.46767 -3.29582,-3.29581 -5.49303,-5.78599 -8.86209,-4.39442 -3.36905,1.39157 -9.66773,0.95213 -12.37762,2.78314 -2.70989,1.831 -7.39728,0.29296 -3.51554,4.1747 3.88174,3.88174 2.7099,3.07609 4.46767,7.39727 1.75776,4.32119 5.2733,28.71023 7.61699,30.17504 2.3437,1.46481 -0.80564,2.63665 -3.29581,6.00571 -2.49017,3.36906 -2.78314,9.66773 0,12.1579 2.78313,2.49017 0.21972,7.83672 2.70989,12.23114 2.49017,4.39443 0.21972,7.69024 8.78885,11.86495 8.56912,4.1747 0,12.1579 -3.66202,11.86494 -3.66202,-0.29297 -13.62271,9.0818 -13.32975,10.61985 0.29296,1.53805 -9.00857,6.07895 -8.20292,8.12968 0.80564,2.05073 -14.20863,19.55518 -13.69595,23.43692 0.51268,3.88174 1.46481,17.65093 3.73526,20.94675 2.27045,3.29582 3.29581,11.93818 3.29581,11.93818 z"
+      id="path3013"
+      style="fill:#ebc5dd;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Chhatisgarh.svg b/public/map_assets/svg/Chhatisgarh.svg
new file mode 100644
index 00000000..816042eb
--- /dev/null
+++ b/public/map_assets/svg/Chhatisgarh.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Chhatisgarh" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="500 700 500 673" xmlns="http://www.w3.org/2000/svg">
+  <g id="chattisgarh">
+    <path
+      d="m 668.0537,1114.3022 c 0,0 -2.45034,4.2324 2.45035,7.5738 4.90069,3.3413 9.13311,1.5593 13.14277,2.8958 4.00966,1.3366 5.56897,1.3366 6.46001,2.8959 0.89103,1.5593 0.66827,1.5593 1.78207,2.4503 1.11379,0.8911 0.66827,0.2228 1.33655,2.8959 0.66828,2.6731 -0.22276,4.4552 2.89586,6.9055 3.11863,2.4504 2.45035,0.6683 4.45518,2.2276 2.00483,1.5593 2.45035,3.1186 0.89104,3.3414 -1.55932,0.2228 -4.00966,-0.2228 -4.00966,1.7821 0,2.0048 -0.22276,5.3462 2.22759,4.0096 2.45034,-1.3365 2.6731,-2.6731 4.00965,-3.1186 1.33656,-0.4455 4.00966,-2.6731 3.34139,-0.4455 -0.66828,2.2276 -1.55932,2.8959 1.11379,2.8959 2.67311,0 4.00966,-1.5594 4.23242,0 0.22276,1.5593 -2.00483,1.782 -2.67311,3.7869 -0.66827,2.0048 -0.66827,1.782 0.44552,3.1186 1.11379,1.3365 2.67311,1.5593 2.45035,4.2324 -0.22276,2.6731 -1.55931,3.1186 0.22276,5.7917 1.78207,2.6731 2.6731,6.46 4.67793,4.2324 2.00483,-2.2275 1.55931,-3.7869 3.56414,-3.1186 2.00483,0.6683 4.9007,0.4455 9.13311,2.2276 4.23242,1.7821 3.56414,2.8959 7.79656,0.4455 4.23242,-2.4503 36.08693,-48.1159 43.66073,-52.1255 7.5738,-4.0097 -3.56414,-35.8642 9.35587,-41.2104 12.92001,-5.3462 19.82554,-24.7262 19.60278,-26.9538 -0.22276,-2.2276 -8.6876,-9.5787 -10.02415,-10.4697 -1.33655,-0.891 -2.89586,-14.7021 -3.11862,-19.38 -0.22276,-4.678 -2.00483,-12.6973 0,-16.0387 2.00483,-3.3413 4.67793,-14.9248 5.56897,-15.37031 0.89103,-0.44552 26.5083,-1.55931 29.40416,-3.34139 2.89587,-1.78207 38.76004,-49.67521 40.09659,-53.23935 1.33655,-3.56414 17.37519,-42.99246 19.38002,-47.00211 2.00483,-4.00966 -7.35104,-27.39934 -7.79656,-30.51796 -0.44552,-3.11863 -4.9007,-35.41866 -8.46484,-36.75521 -3.56414,-1.33655 -35.19589,-10.02415 -40.09658,-10.2469 -4.9007,-0.22276 -23.38968,-0.89104 -33.85935,0.66827 -10.46966,1.55931 -61.03591,10.69243 -62.81798,15.37036 -1.78207,4.67794 -2.00483,27.62209 -2.89587,33.19107 -0.89103,5.56897 -63.2635,131.65046 -63.2635,131.65046 0,0 -7.5738,70.83727 -7.35104,73.95597 0.22276,3.1186 2.6731,50.789 2.6731,50.789 z"
+      id="path3865"
+      style="fill:#ebc5dd;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Delhi.svg b/public/map_assets/svg/Delhi.svg
new file mode 100644
index 00000000..8e92c067
--- /dev/null
+++ b/public/map_assets/svg/Delhi.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Delhi" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="250 550 500 10" xmlns="http://www.w3.org/2000/svg">
+  <g id="delhi">
+    <path
+      d="m 504.42668,536.36177 c 0.85714,0.32143 6.42855,1.17857 6.42855,1.17857 l 1.07143,1.2857 c 0,0 0.21428,0.53572 0.32142,0.96429 0.10715,0.42857 0.96429,2.46427 0.96429,2.46427 0,0 0.32142,1.17857 -0.10715,1.71428 -0.42857,0.53572 -0.32142,1.17857 -0.32142,1.17857 0,0 1.39285,0.64285 1.92856,1.28571 0.53571,0.64285 0.96428,2.46428 0.85714,2.89285 -0.10714,0.42857 1.39285,1.17856 1.92856,2.24999 0.53572,1.07142 0.21429,0.85714 0.96429,2.24999 0.74999,1.39285 1.60713,1.28571 2.46427,2.46428 0.85714,1.17856 2.14285,2.46427 1.92857,3.74998 -0.21429,1.28571 -0.53572,2.89285 -0.64286,3.42856 -0.10714,0.53571 -0.64285,4.2857 -1.28571,4.92855 -0.64285,0.64286 -29.89274,1.39285 -30.10703,0.32143 -0.21428,-1.07142 3.96427,-17.67851 3.96427,-18.64279 0,-0.96428 2.25,-8.46425 2.67857,-9.32139 0.42856,-0.85714 6.96425,-4.39284 6.96425,-4.39284 z"
+      id="path3793"
+      style="fill:#ebc5dd;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Goa.svg b/public/map_assets/svg/Goa.svg
new file mode 100644
index 00000000..948353b1
--- /dev/null
+++ b/public/map_assets/svg/Goa.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Goa" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="80 1200 500 170" xmlns="http://www.w3.org/2000/svg">
+  <g id="goa">
+    <path
+      d="m 299.81667,1272.9702 -7.21036,7.0427 c 0,0 2.01219,3.0183 2.85061,4.5274 0.83841,1.5091 2.34755,6.7073 3.35365,8.0488 1.0061,1.3414 0,2.8506 1.50914,3.3536 1.50915,0.5031 4.19207,0 5.70122,0.5031 1.50914,0.503 2.51524,1.1737 2.51524,1.1737 l -6.53963,2.1799 0.67073,4.8628 c 0,0 4.02439,4.0244 4.8628,5.3659 0.83841,1.3414 1.50915,2.3475 2.51524,5.1981 1.0061,2.8506 2.34756,5.5336 3.35366,7.0427 1.00609,1.5091 2.51524,2.1799 4.52743,4.8628 2.01219,2.6829 0.67073,5.3658 2.01219,6.3719 1.34146,1.0061 5.36585,0.8385 8.88718,-1.0061 3.52134,-1.8445 14.92376,-42.759 14.5884,-44.1005 -0.33537,-1.3415 -22.13412,-17.439 -23.3079,-17.2713 -1.17378,0.1677 -20.2896,1.8445 -20.2896,1.8445 z"
+      id="path3871"
+      style="fill:#ebc5dd;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Gujrat.svg b/public/map_assets/svg/Gujrat.svg
new file mode 100644
index 00000000..19ced1a1
--- /dev/null
+++ b/public/map_assets/svg/Gujrat.svg
@@ -0,0 +1,14 @@
+<svg aria-label="Gujrat" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="0 600 419 773" xmlns="http://www.w3.org/2000/svg">
+  <g id="gujarat">
+
+    <path
+      d="m 351.81431,864.12573 c 0,0 0.24759,2.10444 -0.12379,4.45648 -0.37137,2.35203 0.24758,3.71373 2.35203,5.32301 2.10445,1.60929 2.97099,1.3617 2.97099,3.96132 0,2.59961 -2.47582,5.69439 -2.7234,7.17988 -0.24759,1.48549 -0.86654,4.58027 -2.22824,5.69439 -1.36171,1.11412 -0.24759,3.46615 -3.21857,2.8472 -2.97099,-0.61896 -3.46615,-1.3617 -4.95165,-0.61896 -1.48549,0.74275 -2.7234,3.58994 -2.59961,4.58027 0.12379,0.99033 -0.24758,1.11412 -0.86654,2.10445 -0.61895,0.99033 0.12379,1.98066 1.98066,3.46615 1.85687,1.4855 2.47582,2.8472 2.59961,3.96132 0.12379,1.11412 -1.23791,3.34236 -3.46615,2.97098 -2.22824,-0.37137 -3.09478,-2.10444 -4.33269,-2.59961 -1.23791,-0.49516 -3.96131,0 -3.83752,1.48549 0.12379,1.4855 1.3617,8.04643 2.97099,10.39846 1.60928,2.35203 2.7234,4.45648 2.59961,6.18955 -0.12379,1.73308 -0.86654,6.56093 -0.86654,7.55126 0,0.99033 -0.61895,2.22824 -2.10445,2.22824 -1.48549,0 -2.47582,-0.24758 -2.97098,0.49516 -0.49517,0.74275 -0.24759,2.59962 -1.36171,3.21857 -1.11412,0.61896 -3.96131,0.86654 -3.96131,0.86654 0,0 0.37137,3.09478 1.11412,3.96132 0.74274,0.86653 1.48549,0.12379 0.86654,2.22824 -0.61896,2.10444 0.24758,3.83752 -1.60929,4.0851 -1.85686,0.24758 -3.71373,0.86654 -3.21857,3.09478 0.49517,2.22824 0.37138,4.2089 1.60929,4.70406 1.23791,0.49517 2.35203,0.74275 4.0851,-0.12379 1.73308,-0.86654 2.22824,-1.23791 5.19923,-1.11412 2.97099,0.12379 1.85687,-0.24758 4.82785,-0.24758 2.97099,0 2.72341,1.3617 5.32302,-0.24758 2.59961,-1.60929 4.70406,-1.85687 5.44681,-1.23792 0.74275,0.61896 1.3617,1.73308 1.23791,2.97099 -0.12379,1.23791 0.37137,2.35203 -1.3617,2.8472 -1.73308,0.49516 -5.32302,0.49516 -8.17021,0.86653 -2.8472,0.37138 -6.18956,1.60929 -7.42747,2.8472 -1.23791,1.23791 -1.11412,4.45648 -2.35203,5.44681 -1.23791,0.99033 -3.21857,3.83752 -5.5706,3.71373 -2.35203,-0.12379 -2.8472,-1.85687 -3.09478,-0.24758 -0.24758,1.60928 0,4.95164 -1.60928,4.95164 -1.60929,0 -3.83753,0.24759 -5.44681,0.74275 -1.60929,0.49516 -4.33269,0.49516 -3.09478,1.48549 1.23791,0.99033 5.5706,1.98066 6.43714,2.47582 0.86654,0.49517 1.3617,-0.12379 3.46615,3.71374 2.10445,3.83752 4.70406,4.82785 4.70406,6.56093 0,1.73307 0.74275,3.58994 0.12379,5.5706 -0.61895,1.98066 -2.59961,5.44676 -3.46615,7.05606 -0.86654,1.6093 0,3.2186 -0.99033,4.2089 -0.99033,0.9904 -5.69439,2.4758 -7.92263,1.8569 -2.22824,-0.619 -4.08511,-0.9903 -5.32302,-1.1141 -1.23791,-0.1238 -3.21856,-1.3617 -3.83752,-3.0948 -0.61896,-1.7331 0.37137,-2.8472 -1.48549,-3.3424 -1.85687,-0.4951 -5.32302,0.8666 -5.81819,2.5996 -0.49516,1.7331 0.1238,2.8472 1.4855,4.0852 1.3617,1.2379 3.09478,4.8278 1.48549,6.6847 -1.60928,1.8568 -3.34236,3.5899 -3.09478,5.4468 0.24759,1.8568 0.86654,6.5609 -1.3617,8.1702 -2.22824,1.6093 -9.03675,4.5803 -10.15087,3.7137 -1.11412,-0.8665 -3.09478,-1.4855 -3.09478,-2.8472 0,-1.3617 -1.3617,-2.971 -2.84719,-2.352 -1.4855,0.619 -3.21857,-0.2476 -1.11412,-2.1044 2.10445,-1.8569 4.95164,-0.3714 4.2089,-2.1045 -0.74275,-1.7331 -3.09478,-2.7234 -6.31335,-1.8569 -3.21857,0.8666 -1.60928,1.1142 -4.2089,2.971 -2.59961,1.8569 -5.44681,1.7331 -6.06576,2.7234 -0.61896,0.9904 -2.22824,1.1141 -0.74275,2.7234 1.48549,1.6093 3.09478,2.3521 2.8472,3.0948 -0.24759,0.7428 2.59961,2.1045 -2.47583,1.8569 -5.07543,-0.2476 -5.69439,-0.1238 -8.17021,-1.6093 -2.47582,-1.4855 -0.24758,-1.2379 -2.97098,-1.6093 -2.72341,-0.3714 -4.45648,-1.1141 -3.71374,-2.8472 0.74275,-1.7331 5.44681,-7.0561 6.18956,-8.294 0.74274,-1.2379 2.35203,-4.4565 2.35203,-5.6944 0,-1.2379 -3.09478,-7.1799 -3.21857,-9.9033 -0.12379,-2.7234 -3.34236,-14.23595 -4.33269,-16.2166 -0.99033,-1.98066 -1.23791,-3.34236 -1.73307,-4.58027 -0.49517,-1.23792 -3.34236,-4.2089 -4.70407,-7.92263 -1.3617,-3.71374 -0.61895,-6.68472 0.12379,-7.0561 0.74275,-0.37137 2.72341,-0.24758 4.45648,-2.47582 1.73308,-2.22824 0.99033,-3.71373 0.86654,-5.94197 -0.12379,-2.22824 0.49517,-3.58994 4.08511,-4.33269 3.58994,-0.74275 7.17988,-1.23791 6.43714,-3.34236 -0.74275,-2.10445 -0.37138,-3.09478 -4.08511,-3.09478 -3.71373,0 -7.67505,2.59961 -10.52224,0.49517 -2.8472,-2.10445 -3.46615,-5.19923 -3.09478,-6.06577 0.37137,-0.86654 5.69439,-2.7234 5.69439,-2.7234 0,0 2.35203,-3.71374 1.98066,-4.58027 -0.37138,-0.86654 0.12379,-2.22824 -1.85687,-2.72341 -1.98066,-0.49516 -4.70406,2.10445 -6.18955,-0.12379 -1.4855,-2.22824 -0.99033,-10.02708 0.86653,-11.01741 1.85687,-0.99033 8.17022,-1.48549 8.17022,-2.84719 0,-1.3617 -2.72341,-4.58027 -5.32302,-4.95165 -2.59961,-0.37137 -7.79884,-0.12379 -7.79884,-0.12379 l -1.73308,3.34236 c 0,0 -2.59961,7.17989 -3.09477,7.79884 -0.49517,0.61896 -4.2089,5.81818 -3.21857,7.67505 0.99033,1.85687 2.47582,7.42747 2.35203,8.4178 -0.12379,0.99032 -2.22824,3.34236 -2.59962,4.58027 -0.37137,1.23791 2.47583,7.42746 2.47583,7.42746 0,0 1.85686,4.95165 1.11412,6.31335 -0.74275,1.3617 -6.18956,6.56093 -7.67505,8.17021 -1.48549,1.60929 -4.2089,6.9323 -4.95165,8.66538 -0.74274,1.73307 -1.11412,4.33269 -4.70406,4.70406 -3.58994,0.37137 -2.84719,-1.48549 -8.66537,3.96132 -5.81819,5.4468 -5.5706,2.7234 -10.39846,3.96131 -4.82785,1.23791 -7.30367,1.60929 -9.40812,3.83753 -2.10445,2.22823 -8.4178,4.20889 -13.24565,5.07539 -4.82785,0.8666 -8.17021,4.3327 -11.51257,2.4759 -3.34236,-1.8569 -5.07544,0 -6.80851,1.2379 -1.73308,1.2379 -5.94198,1.733 -8.91296,0.7427 -2.97099,-0.9903 -4.58027,-4.5803 -8.91296,-5.0754 -4.33269,-0.4952 -7.30368,0.3714 -7.30368,0.3714 0,0 -6.31334,-4.08515 -7.79884,-7.30372 -1.48549,-3.21857 -8.54158,-7.05609 -12.13152,-11.01741 -3.58995,-3.96131 -9.16055,-8.04642 -12.75049,-17.20696 -3.589939,-9.16054 -5.818179,-9.16054 -6.437134,-9.53191 -0.618956,-0.37138 -3.34236,-3.83753 -7.427467,-8.66538 -4.085106,-4.82785 -21.911025,-22.65377 -21.911025,-22.65377 0,0 -8.046421,-5.5706 -9.03675,-8.04642 -0.990329,-2.47583 -2.599613,-14.60735 -2.599613,-16.46422 0,-1.85687 -0.371374,-5.44681 2.599613,-6.18956 2.970986,-0.74274 9.531915,-2.10444 10.646035,-1.23791 1.11412,0.86654 3.218568,7.55126 3.961315,8.4178 0.742746,0.86654 4.085106,1.3617 5.075435,0.74274 0.990329,-0.61895 4.580271,-1.3617 5.446809,-1.3617 0.866537,0 0.371373,-2.10445 2.352031,-2.7234 1.980657,-0.61896 3.713733,1.48549 6.684719,1.85687 2.970987,0.37137 2.352031,0 4.45648,-1.4855 2.104448,-1.48549 6.808512,-2.97098 9.903292,-3.09478 3.09477,-0.12379 4.33268,-2.47582 5.07543,-3.21856 0.74275,-0.74275 3.71373,-0.86654 6.31335,-0.74275 2.59961,0.12379 8.91296,-0.61896 9.90329,-2.97099 0.99032,-2.35203 1.73307,-3.71373 3.83752,-5.5706 2.10445,-1.85686 4.08511,-2.97098 5.32302,-4.70406 1.23791,-1.73307 6.06576,-4.95164 7.42746,-5.19923 1.36171,-0.24758 2.8472,-1.11412 3.34236,-3.46615 0.49517,-2.35203 1.73308,-3.09477 -0.24758,-4.45648 -1.98066,-1.3617 -6.18955,-3.46615 -6.9323,-1.85686 -0.74275,1.60928 -0.37137,5.32302 -0.37137,5.32302 0,0 -1.60929,0.37137 -3.58995,1.73307 -1.98065,1.3617 -3.96131,1.11412 -5.94197,0.12379 -1.98066,-0.99033 -2.59961,-2.22824 -4.58027,-0.99033 -1.98066,1.23791 -4.82785,2.8472 -3.96132,3.96132 0.86654,1.11412 -0.61895,3.58994 -1.98065,3.83752 -1.3617,0.24758 -11.1412,-0.99033 -13.86461,-1.85686 -2.7234,-0.86654 -3.71373,0.99032 -3.83752,2.59961 -0.12379,1.60928 -1.23791,3.46615 -3.466151,3.46615 -2.22824,0 -16.464217,-1.23791 -18.568666,-2.7234 -2.104448,-1.4855 -12.626692,-7.55126 -16.588007,-9.16055 -3.961316,-1.60928 -18.073501,-12.62669 -19.06383,-13.49323 -0.990329,-0.86653 -3.218569,-4.58027 -4.332689,-7.05609 -1.11412,-2.47582 -8.294004,-9.7795 -8.294004,-9.7795 0,0 -3.466151,-2.47582 -2.352031,-4.33268 1.11412,-1.85687 1.980658,-2.59962 2.475822,-4.45648 0.495165,-1.85687 6.189556,-4.33269 8.294004,-5.07544 2.104449,-0.74275 9.779497,-4.08511 10.02708,-5.32302 0.247582,-1.23791 0.495164,-4.0851 -1.609285,-4.0851 -2.104448,0 -7.179884,1.73307 -8.541586,2.7234 -1.361702,0.99033 -3.34236,3.34236 -4.827853,4.58027 -1.485493,1.23791 -7.056093,5.19923 -8.665377,5.94197 -1.609284,0.74275 -3.713733,3.46616 -5.941973,1.4855 -2.22824,-1.98066 -5.075435,-3.96132 -3.713733,-5.44681 1.361702,-1.48549 4.085106,-1.48549 4.332689,-4.08511 0.247582,-2.59961 -0.990329,-4.95164 -0.990329,-6.56093 0,-1.60928 3.589942,-10.27466 4.704062,-10.64603 1.11412,-0.37137 12.255319,2.10445 13.864603,2.59961 1.609285,0.49517 8.170213,2.10445 9.531915,1.3617 1.361702,-0.74274 4.951644,-10.27466 4.45648,-12.87427 -0.495165,-2.59961 -2.22824,-4.82785 -0.866538,-6.31335 1.361702,-1.48549 5.818182,-2.84719 6.808511,-1.73307 0.990329,1.11412 1.11412,2.97098 3.218568,3.34236 2.104449,0.37137 4.951644,-0.12379 5.694391,0.86654 0.742747,0.99032 2.970987,-1.36171 4.827853,-1.4855 1.856867,-0.12379 2.352031,1.85687 5.075435,2.47582 2.723405,0.61896 8.789169,0.74275 11.883946,-0.86653 3.094778,-1.60929 4.085107,-2.8472 7.675048,-1.11412 3.589945,1.73307 5.818185,5.07543 9.036755,5.94197 3.21856,0.86654 5.5706,3.46615 8.17021,3.71373 2.59961,0.24759 5.81818,2.59962 8.17021,0.86654 2.35203,-1.73307 2.10445,-4.45648 3.71373,-6.9323 1.60929,-2.47582 6.18956,-2.35203 10.89362,-3.09478 4.70406,-0.74275 9.53192,-0.12379 12.37911,-2.59961 2.8472,-2.47582 4.58027,-1.60929 5.19923,-0.61896 0.61895,0.99033 -0.24758,7.79884 1.85686,9.40813 2.10445,1.60928 5.19923,2.7234 6.68472,2.47582 1.4855,-0.24758 3.46616,-2.22824 4.58028,-3.96132 1.11411,-1.73307 4.95164,-3.09477 7.42746,-3.09477 2.47582,0 5.69439,0.49516 3.46615,-1.4855 -2.22824,-1.98065 -5.44681,-4.33269 -5.32302,-6.56093 0.1238,-2.22824 3.83753,-7.17988 3.83753,-7.17988 0,0 0.61895,-5.44681 -0.61896,-6.80851 -1.23791,-1.3617 -3.58994,-3.09478 -2.10445,-5.19923 1.4855,-2.10445 -7.67504,-7.05609 4.58028,-6.18955 12.25531,0.86654 11.38878,-0.24758 20.30174,0.37137 8.91296,0.61896 61.27659,-8.41779 64.74274,-6.56093 3.46615,1.85687 19.559,-2.7234 26.73888,9.65571 7.17988,12.37911 12.00774,39.36557 16.7118,45.80271 4.70406,6.43713 8.41779,19.68278 10.76983,23.02514 2.35203,3.34236 33.54738,22.40619 33.54738,23.89168 0,1.4855 -0.12379,9.03676 -0.12379,9.03676 z"
+      id="path3799"
+      style="fill:#fdf9bb;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+    <path
+      d="m 259.84898,1004.8044 c 0,0 1.75135,-2.0108 1.81621,-2.2702 0.0649,-0.2595 4.92974,-1.3622 4.92974,-1.3622 0,0 0.90811,0.973 0.84324,1.427 -0.0649,0.4541 -1.03784,2.4649 0.1946,3.5676 1.23243,1.1027 2.5946,1.8811 2.33514,2.9189 -0.25946,1.0379 -1.2973,3.4379 -2.07568,2.4649 -0.77838,-0.973 -3.11352,-1.7514 -3.43784,-1.3622 -0.32433,0.3892 -1.68649,1.946 -2.14055,1.6217 -0.45405,-0.3244 -1.42703,-0.3892 -1.42703,-1.8811 0,-1.4919 -1.16756,-3.5027 -1.1027,-3.8919 0.0649,-0.3892 0.0649,-1.2325 0.0649,-1.2325 z"
+      id="path7865"
+      style="fill:#ebc5dd;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Harayana.svg b/public/map_assets/svg/Harayana.svg
new file mode 100644
index 00000000..95d1cc62
--- /dev/null
+++ b/public/map_assets/svg/Harayana.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Harayana" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="200 300 500 473" xmlns="http://www.w3.org/2000/svg">
+  <g id="haryana">
+    <path
+      d="m 364.66828,468.72594 c 0.79587,0.47752 6.68532,3.34266 6.68532,3.34266 l 2.86514,0.79587 c 0,0 2.06926,0.31835 2.22844,1.59174 0.15917,1.27339 0.95504,3.97936 -1.2734,5.25275 -2.22844,1.2734 -3.50183,2.38762 -3.50183,3.18349 0,0.79587 2.22844,2.38761 3.66101,2.38761 1.43256,0 5.73027,-0.31835 5.73027,-0.31835 0,0 2.86514,0 1.43257,1.91009 -1.43257,1.9101 -3.82018,2.38762 -3.82018,2.38762 0,0 -2.86514,5.73027 -2.06927,8.27706 0.79587,2.54679 -0.79587,3.34266 -1.59174,3.02431 -0.79587,-0.31835 -2.22844,1.43257 -1.75092,2.38762 0.47752,0.95504 2.22844,0.47752 3.18349,2.54679 0.95504,2.06926 0.95504,3.97935 2.38761,3.82018 1.43257,-0.15918 7.16284,-3.97936 10.34633,-2.54679 3.18348,1.43257 6.04862,4.9344 7.79954,5.88945 1.75092,0.95504 4.61605,3.66101 8.43624,2.70596 3.82018,-0.95504 4.61605,-1.43257 5.5711,-2.06926 0.95504,-0.6367 2.86513,0 3.97935,2.38761 1.11422,2.38761 6.68532,7.48119 6.8445,12.73394 0.15917,5.25275 0.47752,7.32202 1.91009,9.23211 1.43257,1.91009 -0.15918,2.06927 0.95504,4.9344 1.11422,2.86514 2.54679,2.86514 2.22844,5.41193 -0.31835,2.54679 1.59175,8.27706 3.50184,9.55046 1.91009,1.27339 0.79587,0.47752 3.02431,3.661 2.22844,3.18349 1.43257,5.5711 5.41192,6.04863 3.97936,0.47752 5.41193,3.34266 6.52615,4.77523 1.11422,1.43256 3.34266,4.9344 2.38761,7.32201 -0.95504,2.38762 -2.38761,0.6367 -2.06926,3.34266 0.31835,2.70596 1.11422,3.50184 1.59174,4.77523 0.47752,1.27339 1.43257,0.31835 -0.6367,2.86514 -2.06926,2.54679 -1.11422,5.5711 0.47753,6.84449 1.59174,1.2734 6.04862,2.54679 8.75458,2.22844 2.70597,-0.31835 4.29771,-1.75092 3.50184,-2.70596 -0.79587,-0.95505 -3.02431,-0.79587 -2.38762,-4.13853 0.6367,-3.34266 0.6367,-3.50184 0.6367,-3.50184 0,0 -1.91009,-1.27339 1.11422,-1.75091 3.02431,-0.47753 5.88945,1.59174 5.88945,1.59174 0,0 1.75092,-0.6367 1.91009,-2.06927 0.15917,-1.43257 0.47752,-2.86513 0.15917,-3.66101 -0.31834,-0.79587 -0.79587,-0.79587 -1.91009,-1.75091 -1.11422,-0.95505 -1.75091,-1.2734 -1.59174,-1.91009 0.15917,-0.6367 2.54679,-2.38762 3.50183,-1.43257 0.95505,0.95504 1.2734,1.91009 3.02432,3.82018 1.75091,1.91009 2.38761,1.91009 3.50183,4.13853 1.11422,2.22844 0.6367,2.86514 2.22844,3.66101 1.59174,0.79587 4.45688,0.79587 4.9344,-0.15917 0.47752,-0.95505 0.6367,-2.06927 0.6367,-3.34266 0,-1.2734 0.79587,-2.22844 2.22844,-3.02432 1.43257,-0.79587 0.47752,-0.95504 1.75092,-1.59174 1.27339,-0.6367 1.11422,-0.6367 2.38761,-0.95504 1.27339,-0.31835 1.75092,-1.43257 2.70596,-2.54679 0.95505,-1.11422 1.59175,-0.31835 2.86514,1.11422 1.27339,1.43257 0.79587,0.63669 1.75092,3.02431 0.95504,2.38761 1.43257,2.38761 2.06926,3.50183 0.6367,1.11422 0.47753,2.70597 0.47753,4.13853 0,1.43257 0.47752,2.54679 0.79587,3.34266 0.31835,0.79588 1.59174,1.11422 0.31835,1.9101 -1.2734,0.79587 -2.70597,-0.31835 -3.50184,2.22844 -0.79587,2.54678 -1.43257,3.02431 -0.6367,4.2977 0.79588,1.2734 0.95505,2.38762 0.95505,3.66101 0,1.27339 -0.79587,3.34266 0.31835,4.29771 1.11422,0.95504 2.38761,1.75091 3.50183,0.63669 1.11422,-1.11422 1.75092,-2.38761 2.06927,-3.18348 0.31835,-0.79587 1.43257,-0.6367 1.59174,1.11422 0.15918,1.75091 -1.59174,3.02431 0,3.34266 1.59174,0.31835 3.66101,0.47752 3.82018,-1.2734 0.15918,-1.75091 0.79588,-1.11422 0.47753,-2.86513 -0.31835,-1.75092 0.15917,-2.54679 -1.59175,-3.02432 -1.75091,-0.47752 -5.09357,-0.95504 -2.86513,-2.22844 2.22844,-1.27339 4.9344,-1.27339 5.73027,-0.47752 0.79587,0.79587 3.18349,1.2734 5.41193,1.11422 2.22844,-0.15917 3.02431,1.2734 3.18348,-0.31835 0.15918,-1.59174 0.6367,-1.59174 -0.31835,-2.86513 -0.95504,-1.2734 -3.97935,-1.9101 -1.75091,-3.50184 2.22844,-1.59174 2.06926,-0.47752 3.18348,-1.59174 1.11422,-1.11422 1.43257,-2.06927 1.91009,-3.34266 0.47753,-1.2734 -0.79587,-1.2734 1.2734,-1.75092 2.06926,-0.47752 3.50183,-0.47752 3.97936,-1.11422 0.47752,-0.6367 1.59174,-2.70596 0.79587,-3.97936 -0.79587,-1.27339 -2.86514,-3.82018 -3.02431,-6.36697 -0.15918,-2.54679 1.75091,-2.54679 1.43256,-4.45688 -0.31834,-1.91009 -0.47752,-2.54678 0.15918,-3.50183 0.6367,-0.95505 1.91009,-1.43257 0.6367,-3.02431 -1.2734,-1.59174 -1.43257,-1.59174 -2.22844,-3.02431 -0.79588,-1.43257 -0.79588,-3.18349 -0.79588,-3.18349 0,0 -2.38761,0 -2.86513,1.59174 -0.47753,1.59175 0.63669,3.66101 -0.95505,3.18349 -1.59174,-0.47752 -4.9344,-1.75092 -6.68532,-3.02431 -1.75092,-1.2734 -4.2977,-3.02431 -5.09358,-2.06927 -0.79587,0.95505 -1.43256,2.70597 -2.70596,3.50184 -1.27339,0.79587 -3.34266,3.18348 -4.13853,0.63669 -0.79587,-2.54678 -0.15917,-3.18348 -1.11422,-4.77522 -0.95505,-1.59175 -3.34266,0 -1.43257,-3.18349 1.91009,-3.18349 2.86514,-2.86514 4.13853,-3.97936 1.2734,-1.11422 0.70597,-2.38761 -0.0899,-4.13853 -0.79587,-1.75092 0.72661,-3.97936 0.72661,-6.2078 0,-2.22844 0.15917,-3.18348 1.75092,-3.50183 1.59174,-0.31835 1.91009,-0.31835 4.2977,-0.47752 2.38762,-0.15918 3.34266,-0.6367 2.86514,-1.59175 -0.47752,-0.95504 -1.75092,-1.27339 -2.06927,-2.38761 -0.31834,-1.11422 -0.15917,-9.55046 -0.31834,-10.82385 -0.15918,-1.2734 -1.11422,-2.70596 -0.6367,-5.88945 0.47752,-3.18348 -0.95505,-3.02431 -1.43257,-5.73027 -0.47752,-2.70597 0.47752,-3.02431 -0.31835,-7.32202 -0.79587,-4.29771 -1.59174,-3.02431 -2.38761,-6.04862 -0.79587,-3.02431 1.27339,-10.98303 1.11422,-12.57477 -0.15918,-1.59174 0.15917,-1.75092 2.86513,-7.64037 2.70597,-5.88945 2.22844,-5.09357 3.02432,-8.27706 0.79587,-3.18349 2.38761,-4.45688 4.9344,-7.64037 2.54679,-3.18348 7.48119,-6.52614 9.07293,-7.48119 1.59175,-0.95504 8.75459,-6.52614 7.64037,-9.55045 -1.11422,-3.02431 -8.11789,0 -13.05229,-6.8445 -4.93441,-6.84449 -2.38762,-13.68899 -8.91376,-16.0766 -6.52615,-2.38761 -20.37431,2.06927 -22.2844,2.70596 -1.91009,0.6367 -3.97936,8.11789 -3.82019,9.55046 0.15918,1.43257 -5.25275,4.29771 -12.09724,8.27706 -6.84449,3.97936 -15.59908,3.02431 -16.39495,10.66468 -0.79587,7.64037 -82.9298,7.16284 -83.5665,7.48119 -0.6367,0.31835 -7.48119,7.64037 -7.48119,7.64037 z"
+      id="path3790"
+      style="fill:#c1e0b2;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/HimachalPradesh.svg b/public/map_assets/svg/HimachalPradesh.svg
new file mode 100644
index 00000000..cd8110a7
--- /dev/null
+++ b/public/map_assets/svg/HimachalPradesh.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Himachal Pradesh" preserveAspectRatio="xMidYMid meet"
+  style="width: 100%; height: 100%;" viewBox="250 200 500 400" xmlns="http://www.w3.org/2000/svg">
+  <g id="hp">
+    <path
+      d="m 439.36397,315.15198 6.08959,7.00303 c 0,0 0.60896,3.34927 0.60896,5.17615 0,1.82688 -2.43584,4.87167 -2.43584,4.87167 0,0 -2.74031,0.91344 -3.95823,2.13136 -1.21792,1.21792 -4.56719,1.21792 -4.87167,4.87167 -0.30448,3.65376 -1.5224,3.34928 -1.21792,7.00303 0.30448,3.65376 0,3.0448 2.13136,4.26271 2.13135,1.21792 8.8299,4.26272 9.43886,5.78512 0.60896,1.52239 2.13136,1.21791 3.0448,2.74031 0.91344,1.5224 0.30448,3.65376 -0.91344,4.87167 -1.21792,1.21792 1.82688,10.65679 3.65375,13.3971 1.82688,2.74032 2.74032,0.60896 3.0448,5.48064 0.30448,4.87167 0.60896,5.17615 3.04479,7.3075 2.43584,2.13136 3.0448,2.43584 5.78512,2.43584 2.74031,0 3.04479,-1.5224 4.26271,-2.74031 1.21792,-1.21792 2.43584,-3.95824 2.74031,-2.13136 0.30448,1.82688 -0.91343,3.65375 0.60896,5.17615 1.5224,1.5224 5.17616,3.34928 5.78512,5.48063 0.60895,2.13136 3.65375,0.91344 4.87167,0.91344 1.21792,0 2.13135,0 2.13135,2.74032 0,2.74031 -0.91343,-0.91344 -0.91343,4.56719 0,5.48063 -2.13136,10.04782 -0.30448,10.96126 1.82687,0.91344 0.60896,-0.91344 4.56719,-1.21792 3.95823,-0.30447 4.87167,3.0448 4.87167,3.0448 0,0 0.60896,1.82688 2.74032,1.21792 2.13135,-0.60896 1.82688,-0.30448 5.17615,2.43583 3.34927,2.74032 2.74032,3.0448 4.87167,3.95824 2.13136,0.91344 3.0448,1.21792 3.34928,2.74031 0.30448,1.5224 0,10.04783 0.60896,11.57023 0.60896,1.52239 -0.91344,2.74031 0.30448,3.65375 1.21791,0.91344 2.13135,-0.30448 3.34927,-0.60896 1.21792,-0.30448 1.5224,0.30448 3.34928,0.91344 1.82687,0.60896 3.04479,-0.60896 5.17615,-1.21792 2.13135,-0.60896 1.82688,2.13136 3.04479,3.0448 1.21792,0.91344 3.65376,1.5224 4.87168,0.30448 1.21791,-1.21792 0,0 3.95823,-1.5224 3.95823,-1.5224 7.00303,-1.21792 6.39407,-4.56719 -0.60896,-3.34928 0,-7.30751 -1.82688,-9.43887 -1.82687,-2.13136 -3.95823,-4.56719 -3.04479,-6.08959 0.91344,-1.5224 6.39407,-3.04479 7.00303,-4.56719 0.60896,-1.5224 -0.91344,-5.48063 -1.21792,-7.00303 -0.30448,-1.5224 0,-2.74032 2.43584,-4.56719 2.43583,-1.82688 4.26271,-3.34928 5.78511,-3.95824 1.52239,-0.60896 3.65375,-1.5224 5.78511,-3.34927 2.13135,-1.82688 1.82687,-1.21792 5.17615,-3.0448 3.34927,-1.82688 5.48063,0.91344 6.69855,-1.82688 1.21792,-2.74031 2.13136,-3.34927 3.65375,-1.52239 1.5224,1.82687 5.17616,5.17615 5.17616,5.17615 0,0 0,3.34927 2.13135,0.60896 2.13136,-2.74032 3.0448,-2.74032 5.17615,-1.21792 2.13136,1.5224 4.87168,2.74031 8.82991,2.43584 3.95824,-0.30448 -0.30448,-10.65679 -0.30448,-10.65679 l -0.91344,-2.43583 5.17616,-5.17616 c 0,0 -6.69855,-10.04782 -6.69855,-12.48366 0,-2.43583 1.52239,-4.26271 1.82687,-6.08959 0.30448,-1.82688 -2.74031,-8.22095 -2.74031,-8.22095 0,0 -3.95824,-1.21791 -3.95824,-3.65375 0,-2.43584 0.30448,-3.95823 -0.91344,-5.48063 -1.21791,-1.5224 -3.95823,-3.34928 -3.95823,-3.34928 l -1.21792,-3.34927 0,-10.65679 0.60896,-5.78511 3.95824,-11.57022 -21.61805,-21.61805 c 0,0 -16.4419,-8.8299 -24.35836,-9.43886 -7.91647,-0.60896 -23.14045,-1.5224 -31.66588,-3.65376 -8.52542,-2.13135 -26.48972,-2.74031 -26.48972,-2.74031 0,0 -23.7494,7.91647 -29.53451,10.65678 -5.78511,2.74032 -8.22095,28.01212 -8.22095,28.01212 z"
+      id="path3781"
+      style="fill:#fad0cf;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Jharkhand.svg b/public/map_assets/svg/Jharkhand.svg
new file mode 100644
index 00000000..7c2ba1ad
--- /dev/null
+++ b/public/map_assets/svg/Jharkhand.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Jharkhand" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="700 600 500 503" xmlns="http://www.w3.org/2000/svg">
+  <g id="jharkhand">
+    <path
+      d="m 827.53222,807.78765 c 0.55294,0.34558 4.56169,1.45144 6.98077,4.49257 2.41908,3.04113 6.77342,8.15575 8.50134,9.53808 1.72791,1.38233 1.17498,-0.76028 2.76466,2.34996 1.58968,3.11025 3.11024,6.49696 4.49257,8.22487 1.38233,1.72792 1.17498,3.24848 3.59406,3.80141 2.41908,0.55293 4.07788,-0.4147 4.76904,-1.79703 0.69117,-1.38233 2.9029,-2.76466 3.87053,-1.03675 0.96763,1.72792 3.59406,3.87053 2.83378,6.56607 -0.76029,2.69555 -2.55732,4.28523 -3.24848,6.01314 -0.69117,1.72792 -1.10587,2.28085 0.48381,3.80141 1.58969,1.52056 1.58969,2.97201 1.2441,5.52932 -0.34558,2.55732 0.69117,8.08664 2.21173,9.39985 1.52057,1.31322 3.66318,5.18374 4.07788,5.32197 0.4147,0.13824 2.55731,-0.20734 5.59844,-0.20734 3.04112,0 4.97639,-0.27647 5.4602,0.48381 0.48382,0.76028 2.14261,0.69117 0.69117,2.34996 -1.45145,1.6588 -1.93527,0.76028 -2.0735,2.21173 -0.13823,1.45145 1.17498,3.24848 -0.89851,4.90728 -2.0735,1.65879 -4.147,2.14261 -4.147,4.90727 0,2.76466 -1.79703,4.49257 -3.66317,5.25286 -1.86615,0.76028 -7.25724,1.79703 -7.81017,2.48819 -0.55293,0.69117 0.27647,2.62643 1.45145,3.17936 1.17498,0.55293 4.42346,1.93526 6.01314,1.03675 1.58968,-0.89852 8.3631,-2.28085 9.19249,-1.10587 0.8294,1.17499 -1.45144,3.87053 -3.24847,4.07788 -1.79703,0.20735 -5.32198,0.55293 -6.15137,1.86615 -0.8294,1.31321 -0.89852,2.55731 -0.62205,3.04112 0.27646,0.48382 1.10586,0.27647 1.52056,0.48382 0.4147,0.20735 1.52056,-0.8294 3.66318,1.86615 2.14261,2.69554 4.14699,6.77342 6.84253,7.39546 2.69555,0.62205 10.09102,0.0691 10.92042,-1.52056 0.82939,-1.58968 1.93526,-2.0735 4.35434,-1.45145 2.41908,0.62205 6.98077,0.62205 7.60282,-0.69116 0.62204,-1.31322 0.76028,-2.62643 3.38671,-2.34996 2.62642,0.27646 5.66755,1.79703 7.25723,1.24409 1.58968,-0.55293 2.69555,-3.24847 3.24848,-3.59406 0.55293,-0.34558 3.45582,-0.55293 3.59406,0.8294 0.13823,1.38233 1.79703,7.74105 0.96763,11.12776 -0.8294,3.38671 -0.13823,8.84692 1.45145,10.09102 1.58968,1.2441 3.04112,2.69554 4.00875,3.04112 0.96764,0.34559 3.80141,-0.48381 3.80141,-1.45144 0,-0.96763 1.38233,-1.52057 2.34997,-1.38233 0.96763,0.13823 3.11024,-0.8294 3.87052,-1.6588 0.76028,-0.8294 3.17936,-1.52056 3.59406,-0.89851 0.4147,0.62204 1.17498,1.79703 2.97201,1.38233 1.79703,-0.4147 3.80141,-1.38233 4.90728,-0.48382 1.10586,0.89852 4.76904,4.07788 5.4602,3.38671 0.69117,-0.69116 3.24848,-3.80141 3.59406,-4.07787 0.34558,-0.27647 1.79703,-0.8294 1.72791,0 -0.0691,0.82939 -1.45144,1.52056 -1.58968,1.86614 -0.13823,0.34558 0.4147,1.17498 0.76029,1.6588 0.34558,0.48381 0.27646,0.96763 -0.48382,1.86614 -0.76028,0.89852 -1.2441,2.21173 -0.55293,2.14262 0.69116,-0.0691 2.62643,-1.2441 2.97201,-1.79703 0.34558,-0.55294 1.31321,0.13823 1.79703,0.34558 0.48381,0.20735 2.28084,0.20735 3.52494,-0.69117 1.2441,-0.89851 2.97201,-2.62642 3.04113,-5.18374 0.0691,-2.55731 -0.13823,-5.32197 0.62205,-7.81016 0.76028,-2.4882 1.72791,-1.6588 0.96763,-3.3176 -0.76028,-1.65879 -2.14261,-5.18374 -2.14261,-6.08225 0,-0.89852 0,-6.28961 0.8294,-6.56607 0.82939,-0.27647 4.2161,0.20735 4.76904,1.03675 0.55293,0.82939 0.20297,1.86614 4.14261,2.21172 3.93964,0.34559 4.7043,3.93965 5.5337,5.25286 0.8294,1.31322 1.86615,3.17936 3.11024,3.38671 1.2441,0.20735 3.04113,-1.10586 3.04113,-1.93526 0,-0.8294 0.89852,-2.97201 2.4882,-1.93526 1.58968,1.03674 2.07349,2.83377 5.32197,3.52494 3.24843,0.69116 4.97643,1.2441 5.04553,1.52056 0.069,0.27647 1.6588,0.48382 2.972,0.4147 1.3132,-0.0691 2.5573,0.0691 2.4191,-1.17498 -0.1383,-1.2441 -0.7603,-1.72791 0,-2.55731 0.7602,-0.8294 2.3499,-0.8294 2.1426,-3.17936 -0.2074,-2.34996 -0.069,-3.73229 -2.0044,-4.28523 -1.9353,-0.55293 -3.0411,-2.90289 -2.5573,-3.73229 0.4838,-0.8294 1.797,-1.45145 1.3823,-3.04113 -0.4147,-1.58968 -1.5205,-2.41908 -3.3867,-2.00438 -1.8661,0.4147 -3.3867,-1.17498 -2.2808,-2.48819 1.1058,-1.31322 2.4882,-1.03675 2.4882,-3.04113 0,-2.00438 0.7602,-1.72791 -0.8986,-2.90289 -1.6588,-1.17498 -3.2484,-0.13824 -3.1102,-2.76466 0.1382,-2.62643 0.4147,-2.69555 1.1059,-4.07788 0.6911,-1.38233 1.9352,-1.93526 0.8294,-2.76466 -1.1059,-0.8294 -2.6956,-2.28085 -3.1794,-1.6588 -0.48381,0.62205 -0.069,1.45145 -2.14261,0.8294 -2.0735,-0.62205 -4.56169,-1.03675 -5.73667,-1.93526 -1.17498,-0.89852 -1.2441,-2.4882 -0.48382,-3.52494 0.76028,-1.03675 1.58968,-0.8294 1.03675,-3.11025 -0.55293,-2.28084 -0.69117,-3.17936 -0.55293,-4.35434 0.13823,-1.17498 -0.27647,-2.34996 -1.93527,-2.41908 -1.65879,-0.0691 -2.97201,-0.48381 -4.6308,0.27647 -1.6588,0.76028 -1.31322,2.34996 -4.28523,1.86614 -2.97201,-0.48381 -8.43222,-1.03674 -10.22925,-2.83377 -1.79703,-1.79703 -2.00437,-3.04113 -4.07787,-3.11025 -2.0735,-0.0691 -2.28085,0.48382 -3.38671,-2.28084 -1.10587,-2.76466 -1.03675,-4.147 -2.41908,-3.45583 -1.38233,0.69117 -2.14261,2.83378 -3.17936,2.41908 -1.03675,-0.4147 -1.6588,-1.17498 -1.72791,-1.86615 -0.0691,-0.69116 -1.2441,-4.90727 0.13823,-6.98077 1.38233,-2.07349 3.17936,-4.69992 4.35434,-5.39109 1.17498,-0.69116 3.73229,-4.76904 5.66756,-4.6308 1.93526,0.13823 4.83815,0.76028 5.80579,1.65879 0.96763,0.89852 3.04112,1.86615 4.28522,1.52057 1.2441,-0.34559 5.46021,-4.97639 6.08226,-6.15138 0.62204,-1.17498 1.79703,-2.62642 1.03674,-3.73229 -0.76028,-1.10586 -1.72791,-0.62205 -1.17498,-1.72791 0.55293,-1.10587 2.69555,-1.52056 3.11025,-2.00438 0.4147,-0.48382 1.93526,-2.0735 3.66317,-2.55731 1.72792,-0.48382 2.28085,-1.38233 3.52495,-1.52057 1.24409,-0.13823 4.00875,-0.34558 5.4602,0.69117 1.45145,1.03675 4.28523,2.76466 5.25283,2.28085 0.9677,-0.48382 2.35,-2.41908 2.2118,-3.66318 -0.1383,-1.2441 2.3499,-3.24848 3.2484,-4.35434 0.8985,-1.10587 3.5941,-0.8294 4.2853,-0.55293 0.6911,0.27646 4.4234,-0.62205 5.1837,-2.00438 0.7603,-1.38233 -0.2765,-1.45145 1.2441,-2.69555 1.5206,-1.2441 3.8014,-0.0691 4.2852,0.0691 0.4838,0.13823 2.6264,0.0691 1.7279,-2.21173 -0.8985,-2.28085 -0.7602,-5.46021 0.1383,-6.7043 0.8985,-1.2441 3.2484,-0.48382 4.0778,-2.14262 0.8294,-1.65879 1.7971,-3.17936 2.0735,-2.34996 0.2765,0.8294 0.3456,3.73229 1.0368,4.00876 0.6912,0.27647 2.6264,-0.8294 2.7646,-1.79703 0.1383,-0.96763 1.0368,-1.03675 1.9353,-2.00438 0.8985,-0.96763 1.8662,-1.31321 1.8662,-2.00438 0,-0.69116 0.4147,-2.41908 0.8985,-3.31759 0.4838,-0.89852 1.0367,-1.86615 1.7279,-1.6588 0.6912,0.20735 2.2808,-0.13823 2.1426,-1.2441 -0.1382,-1.10586 -0.8985,-1.31321 -0.4147,-3.17936 0.4838,-1.86614 1.3132,-2.34996 1.7279,-3.11024 0.4147,-0.76028 1.4515,-2.76466 1.797,-5.18374 0.3456,-2.41908 0.3456,-3.04113 1.2441,-4.28523 0.8986,-1.24409 3.3867,-6.22048 3.8706,-7.87928 0.4838,-1.6588 0.622,-3.17936 0.6911,-4.14699 0.069,-0.96763 -0.2764,-8.7778 -0.2764,-10.36748 0,-1.58968 -0.6221,-1.17498 -0.2074,-3.93964 0.4147,-2.76467 0.9676,-3.3176 -0.4147,-4.69993 -1.3823,-1.38233 -1.0367,-2.48819 -3.594,-3.04113 -2.5574,-0.55293 -4.4235,1.10587 -6.6352,2.14262 -2.2118,1.03674 -3.7323,-4.69993 -16.9336,6.91165 -13.2012,11.61158 -6.4278,12.78656 -8.0175,16.17327 -1.5897,3.38671 -0.6912,12.64832 -3.8014,12.37186 -3.1103,-0.27647 -5.7367,-2.55731 -7.119,0.69116 -1.3823,3.24848 -15.55123,5.04551 -20.0438,1.10587 -4.49258,-3.93965 -7.11901,-4.76904 -9.95279,-8.15575 -2.83377,-3.38671 -26.40251,-10.22925 -30.41127,-3.7323 -4.00876,6.49696 -13.13214,15.55122 -17.90118,15.62034 -4.76904,0.0691 -12.30274,0.34558 -17.9703,-0.20735 -5.66755,-0.55293 -16.86443,3.11024 -27.37014,-0.55293 -10.50572,-3.66318 -16.72621,-5.66756 -20.11292,-3.52495 -3.38671,2.14262 -6.98076,8.08664 -9.39984,7.18812 -2.41908,-0.89851 -23.56874,-15.8968 -25.71135,-4.83815 -2.14262,11.05864 0.0691,27.09368 0.0691,27.09368 z"
+      id="path3785"
+      style="fill:#c1e0b2;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Karnataka.svg b/public/map_assets/svg/Karnataka.svg
new file mode 100644
index 00000000..76131bc2
--- /dev/null
+++ b/public/map_assets/svg/Karnataka.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Karnataka" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="150 1000 519 673" xmlns="http://www.w3.org/2000/svg">
+  <g id="karnataka">
+    <path
+      d="m 513.19496,1138.1865 c 2.35771,0.5894 6.4837,3.1436 6.4837,3.1436 0,0 1.96476,0.7859 2.35771,1.9648 0.39295,1.1788 0.58943,2.7506 0.39295,5.5013 -0.19647,2.7506 -0.39295,3.9295 0.98238,6.4837 1.37533,2.5542 1.57181,5.3048 1.57181,7.6625 0,2.3578 0.7859,5.8943 -1.37533,7.0732 -2.16124,1.1788 -1.57181,4.3224 -3.92952,4.3224 -2.35771,0 -4.32247,0 -4.71542,2.1613 -0.39295,2.1612 -2.55418,4.3224 1.96476,5.3048 4.51894,0.9824 3.73304,-0.5894 4.51894,0.9824 0.78591,1.5718 5.89428,2.7507 7.85904,2.5542 1.96476,-0.1965 -2.16124,5.6978 -3.73304,6.0907 -1.57181,0.393 -3.34009,0.393 -4.71542,2.1613 -1.37533,1.7683 -4.71542,4.126 -5.50133,5.3048 -0.7859,1.1789 -1.96476,2.7507 -3.34009,4.3225 -1.37533,1.5718 0.19648,3.733 1.76829,4.126 1.5718,0.3929 2.55418,1.1788 2.35771,2.5542 -0.19648,1.3753 -2.16124,3.3401 -1.76829,4.7154 0.39296,1.3753 2.55419,2.9471 1.37533,3.9295 -1.17885,0.9824 -3.53656,2.1612 -2.94713,4.519 0.58942,2.3577 1.96476,2.5541 1.17885,5.8942 -0.7859,3.3401 0.78591,4.7155 0.19648,5.5014 -0.58943,0.7859 -4.32247,3.5365 -6.48371,5.6978 -2.16123,2.1612 -3.53656,4.5189 -2.55418,5.3048 0.98238,0.7859 5.89427,2.9471 6.4837,3.3401 0.58943,0.3929 2.55419,-1.3753 3.92952,-1.1789 1.37533,0.1965 1.96476,2.1613 4.51894,2.5542 2.55419,0.393 3.92952,1.1789 2.75067,1.9648 -1.17886,0.7859 -4.9119,1.3753 -5.10838,3.1436 -0.19647,1.7683 -1.37533,3.9295 -1.37533,8.0555 0,4.126 0.78591,6.4837 -0.7859,7.6626 -1.57181,1.1788 -5.30485,3.733 -7.46608,2.9471 -2.16124,-0.7859 -4.126,0.1965 -4.9119,-1.9648 -0.7859,-2.1612 -1.96476,-3.5365 -3.14361,-2.9471 -1.17886,0.5894 -6.48371,-0.3929 -7.85904,1.3753 -1.37533,1.7683 -3.73304,2.9472 -3.14361,4.9119 0.58942,1.9648 3.73304,3.3401 3.53656,5.5014 -0.19647,2.1612 -0.39295,2.1612 0.39295,3.5365 0.78591,1.3754 1.96476,1.7683 0.58943,3.3401 -1.37533,1.5718 -4.51894,8.0555 -6.68018,8.252 -2.16123,0.1965 -5.50132,-0.5894 -2.55418,1.7683 2.94713,2.3577 5.30484,0.7859 6.09075,4.5189 0.7859,3.7331 2.75066,6.0908 3.73304,6.6802 0.98238,0.5894 2.55419,10.2168 -0.39295,10.4132 -2.94714,0.1965 -7.46608,2.1613 -9.8238,1.3754 -2.35771,-0.7859 -4.32246,-1.9648 -6.87665,-2.1613 -2.55419,-0.1965 -4.71542,0.7859 -4.71542,2.3577 0,1.5718 0.19647,2.5542 2.16123,3.9296 1.96476,1.3753 5.10838,2.5541 4.32247,4.9118 -0.7859,2.3578 0.98238,3.1437 -1.5718,4.519 -2.55419,1.3753 -3.34009,6.0907 -3.53657,8.252 -0.19648,2.1612 -1.76828,4.5189 0,6.0907 1.76828,1.5718 4.32247,3.5366 6.4837,3.7331 2.16124,0.1964 2.94714,2.1612 2.94714,2.1612 0,0 -2.94714,0.5894 -3.14361,2.7507 -0.19648,2.1612 2.94714,7.2696 5.50132,7.6625 2.55419,0.393 7.46608,1.7683 7.46608,1.7683 0,0 0.39296,-4.126 0.39296,-5.3048 0,-1.1789 2.35771,-3.1437 4.12599,-1.1789 1.76828,1.9648 5.50132,4.126 6.87665,4.7154 1.37534,0.5895 3.14362,0.1965 3.34009,-1.3753 0.19648,-1.5718 0,-3.3401 1.57181,-2.9471 1.57181,0.3929 2.94714,1.3753 4.12599,2.7506 1.17886,1.3754 3.73305,2.7507 2.35771,4.9119 -1.37533,2.1613 -0.7859,2.7507 -1.96475,3.1436 -1.17886,0.393 -2.16124,-0.3929 -4.126,-0.7859 -1.96476,-0.3929 -3.92951,0 -3.92951,1.5718 0,1.5718 2.75066,4.7155 3.53656,5.8943 0.7859,1.1789 1.57181,3.7331 1.57181,5.3049 0,1.5718 -2.94714,1.3753 -4.71542,-1.7683 -1.76829,-3.1436 -10.80618,-0.7859 -13.94979,-4.519 -3.14361,-3.733 -4.51894,-4.7154 -6.68018,-6.0907 -2.16123,-1.3754 -4.32247,-3.5366 -4.71542,-2.5542 -0.39295,0.9824 1.96476,2.7507 2.35771,6.4837 0.39295,3.733 2.55419,5.3048 2.55419,5.3048 0,0 2.35771,2.5542 1.37533,3.9296 -0.98238,1.3753 -2.55419,3.1436 -2.55419,4.5189 0,1.3753 0.78591,3.9295 0.78591,3.9295 0,0 7.66255,0.7859 7.85903,0 0.19648,-0.7859 1.37533,-0.5894 0.7859,-3.3401 -0.58942,-2.7506 -1.96475,-3.1436 -1.76828,-4.3224 0.19648,-1.1789 2.55419,-2.1613 3.53657,-0.5895 0.98238,1.5718 4.91189,4.3225 6.87665,4.3225 1.96476,0 7.07313,2.7507 7.85904,3.1436 0.7859,0.393 1.96476,2.3577 2.16123,3.5366 0.19648,1.1788 3.14361,2.7507 4.51895,0.7859 1.37533,-1.9648 3.92951,-2.1612 4.91189,-2.5542 0.98238,-0.3929 2.35771,-0.5894 4.32247,-0.5894 1.96476,0 1.17886,-1.1789 1.96476,-2.1613 0.7859,-0.9823 0.39295,0 1.96476,-2.3577 1.57181,-2.3577 3.34009,-5.6978 3.34009,-5.6978 0,0 0.39295,1.1789 1.76828,2.9472 1.37533,1.7683 1.96476,2.3577 4.51895,2.7506 2.55418,0.393 3.92951,-1.5718 5.89427,-1.3753 1.96476,0.1965 4.126,0.393 4.32247,2.3577 0.19648,1.9648 -0.7859,2.7507 -1.17885,4.519 -0.39296,1.7682 1.37533,5.5013 4.12599,7.466 2.75066,1.9648 2.94714,1.7683 5.6978,1.5718 2.75066,-0.1964 4.9119,0 4.9119,0 0,0 0.7859,2.3578 0.7859,4.3225 0,1.9648 -0.58943,5.6978 0.39295,7.6626 0.98238,1.9647 1.37533,3.9295 4.71542,3.733 3.34009,-0.1965 4.9119,-0.1965 4.9119,-0.1965 0,0 2.55418,1.7683 1.57181,2.9472 -0.98238,1.1788 -1.37534,2.9471 -1.76829,4.7154 -0.39295,1.7683 -0.19647,2.9471 -1.37533,5.3048 -1.17885,2.3578 -0.98238,4.3225 -4.51894,5.8943 -3.53657,1.5718 -6.09076,2.3577 -6.48371,2.9472 -0.39295,0.5894 -1.5718,1.1788 -2.16123,2.7506 -0.58943,1.5718 -3.14362,4.7154 -3.92952,5.1084 -0.7859,0.3929 -6.09075,-1.1789 -7.66256,-1.3753 -1.5718,-0.1965 -3.53656,-1.9648 -7.46608,-2.1613 -3.92952,-0.1964 -5.30485,0.1965 -5.89428,1.1789 -0.58942,0.9824 -0.19647,3.3401 -2.55418,4.126 -2.35771,0.7859 -2.55419,2.9471 -4.32247,4.126 -1.76828,1.1788 -1.57181,0.9824 -3.92952,1.1788 -2.35771,0.1965 -4.32247,2.7507 -4.32247,5.6978 0,2.9472 2.16124,3.3401 2.75066,5.3049 0.58943,1.9647 0.19648,5.3048 -2.94713,7.6625 -3.14362,2.3577 -5.30485,3.7331 -5.10838,5.6978 0.19648,1.9648 2.75067,2.1613 7.85904,2.5542 5.10837,0.393 7.07313,-0.1965 7.26961,0.5894 0.19647,0.786 -1.37534,6.8767 -2.75067,7.8591 -1.37533,0.9824 -2.16123,2.5542 -2.16123,2.5542 0,0 -0.39295,0.1964 -2.16124,1.1788 -1.76828,0.9824 -2.94713,1.7683 -4.91189,1.7683 -1.96476,0 -2.75066,-1.1788 -4.32247,2.3577 -1.57181,3.5366 -2.35771,5.3049 -3.34009,5.8943 -0.98238,0.5894 -3.14361,-0.9824 -6.28723,-1.5718 -3.14361,-0.5894 -10.80617,1.9647 -11.98503,2.7506 -1.17885,0.786 -2.75066,-1.3753 -4.32247,-1.3753 -1.5718,0 -6.68017,-0.7859 -8.64493,1.5718 -1.96476,2.3577 -2.16124,3.5366 -2.75067,6.2873 -0.58942,2.7506 1.37534,3.733 -1.76828,2.9471 -3.14361,-0.7859 -9.03789,-0.9824 -9.82379,-1.7683 -0.78591,-0.7859 -5.30485,-3.3401 -6.87666,-3.5366 -1.5718,-0.1964 -2.94713,-1.1788 -3.92951,0.1965 -0.98238,1.3753 -1.17886,2.5542 -2.94714,2.3577 -1.76829,-0.1964 -2.35771,-1.5718 -3.73304,-3.9295 -1.37533,-2.3577 -3.53657,-6.6802 -7.26961,-6.4837 -3.73304,0.1965 -4.71542,-2.1612 -5.10837,-4.9119 -0.39295,-2.7507 -3.14362,-4.9119 -4.9119,-3.733 -1.76828,1.1788 -5.50132,1.9647 -7.66256,1.1788 -2.16123,-0.7859 -5.10837,0.393 -5.10837,-2.3577 0,-2.7506 1.57181,-4.126 -1.17886,-4.9119 -2.75066,-0.7859 -4.91189,0.9824 -8.05551,-1.3753 -3.14361,-2.3577 -3.73304,-3.7331 -5.10837,-5.5013 -1.37533,-1.7683 -2.75066,-4.3225 -5.30485,-6.2873 -2.55418,-1.9647 -4.51894,-0.3929 -4.51894,-3.3401 0,-2.9471 -0.58943,-6.6801 -0.98238,-8.0555 -0.39295,-1.3753 -1.76828,-0.1964 -3.14362,-1.7682 -1.37533,-1.5719 -1.17885,-2.9472 -1.37533,-4.126 -0.19647,-1.1789 -1.17885,-2.5542 -2.16123,-1.7683 -0.98238,0.7859 -1.96476,1.9647 -2.75066,0.9824 -0.78591,-0.9824 -0.19648,-1.1789 -1.37533,-2.1613 -1.17886,-0.9824 -1.17886,-1.5718 -3.14362,-2.3577 -1.96476,-0.7859 -2.94714,-0.1965 -3.92952,-1.5718 -0.98237,-1.3753 -1.5718,-4.7154 -3.14361,-4.9119 -1.57181,-0.1965 -8.25199,1.5718 -9.43084,1.5718 -1.17886,0 -4.51895,-2.1612 -4.51895,-2.1612 0,0 -6.68017,-11.7886 -6.68017,-15.7181 0,-3.9295 -2.55419,-21.0229 -2.55419,-22.9877 0,-1.9647 -1.57181,-4.3224 -0.19648,-7.466 1.37533,-3.1437 -4.12599,-10.2168 -3.73304,-12.9675 0.39295,-2.7506 -2.75066,-9.0378 -5.10837,-12.7709 -2.35771,-3.733 -1.17886,-6.0907 -0.58943,-7.859 0.58943,-1.7683 -0.7859,-1.1789 -1.76828,-3.9295 -0.98238,-2.7507 -0.98238,-11.5921 -4.12599,-12.771 -3.14362,-1.1788 -3.73305,0.5895 -3.73305,-1.9647 0,-2.5542 2.75067,-3.5366 1.96476,-5.3049 -0.7859,-1.7683 -3.14361,-4.7154 -5.30485,-5.5013 -2.16123,-0.7859 -3.73304,-0.9824 -3.92951,-2.5542 -0.19648,-1.5718 1.5718,-0.7859 2.75066,-2.7507 1.17885,-1.9647 0,-2.9471 0.98238,-4.1259 0.98238,-1.1789 3.53656,-1.5719 3.53656,-1.5719 0,0 1.96476,-1.9647 2.16124,-3.5365 0.19647,-1.5718 0.19647,-3.5366 0.19647,-5.1084 0,-1.5718 -0.39295,-7.4661 0.19648,-9.2344 0.58943,-1.7682 0.19648,-1.1788 1.17886,-2.5541 0.98237,-1.3754 2.16123,-1.9648 0.98237,-4.126 -1.17885,-2.1613 -2.94713,-1.3754 -1.37533,-3.5366 1.57181,-2.1612 2.35771,-2.7507 2.55419,-3.733 0.19648,-0.9824 1.57181,-0.9824 0.19648,-3.7331 -1.37534,-2.7506 -3.14362,-7.859 -4.126,-7.859 -0.98238,0 -1.96476,-0.393 -3.14361,0.1965 -1.17886,0.5894 -3.14361,3.733 -4.32247,-0.1965 -1.17886,-3.9295 7.46608,-18.4687 8.25199,-21.8088 0.7859,-3.3401 -1.96476,-22.9877 -1.96476,-24.9525 0,-1.9647 -0.98238,-10.6097 8.84141,-10.8061 9.82379,-0.1965 15.71807,-0.5895 20.04054,-3.3401 4.32247,-2.7507 28.88195,-22.3983 33.99032,-23.1842 5.10838,-0.7859 13.55684,-16.111 20.23702,-16.8969 6.68018,-0.7859 12.77093,0.3929 22.7912,0.9824 10.02027,0.5894 21.61234,-8.0555 24.16653,-13.3604 2.55419,-5.3048 16.50397,-20.8264 20.82644,-22.3982 4.32247,-1.5718 18.86168,-8.252 19.84406,-9.6274 0.98238,-1.3753 5.50133,-3.5365 6.48371,-3.9295 0.98238,-0.3929 7.85903,7.8591 7.85903,7.8591 z"
+      id="path3868"
+      style="fill:#fdf9bb;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Kashmir.svg b/public/map_assets/svg/Kashmir.svg
new file mode 100644
index 00000000..ff1e11af
--- /dev/null
+++ b/public/map_assets/svg/Kashmir.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Kashmir" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="220 0 500 700" xmlns="http://www.w3.org/2000/svg">
+  <g id="kashmir">
+    <path
+      d="m 410.38124,337.35306 2.92148,-1.71852 c 0,0 2.57777,-3.78073 2.40592,-5.15554 -0.17185,-1.37481 4.63999,1.54666 5.49924,2.74962 0.85926,1.20296 0.51556,1.20296 2.57778,0.3437 2.06221,-0.85925 3.26517,-0.6874 3.26517,1.20296 0,1.89037 0.68741,2.92148 2.23407,0.68741 1.54666,-2.23407 0.3437,-3.09333 4.63999,-5.32739 4.29629,-2.23407 7.73332,-3.26518 9.27998,-4.9837 1.54666,-1.71851 2.74962,-2.92147 3.09332,-3.60888 0.34371,-0.6874 3.78074,-6.0148 2.23407,-10.48293 -1.54666,-4.46814 -2.74962,-7.04591 -2.57777,-8.07702 0.17185,-1.03111 0.68741,1.54666 -0.3437,-1.03111 -1.03111,-2.57777 -5.3274,-6.70221 -1.03111,-5.3274 4.29629,1.37482 4.29629,2.06222 5.84295,2.74963 1.54666,0.6874 1.03111,-2.92148 4.29628,-3.78073 3.26518,-0.85926 3.78074,0.3437 6.53036,-0.85926 2.74962,-1.20296 2.40592,3.09332 4.98369,-2.74962 2.57777,-5.84295 5.15554,-6.01481 8.76442,-7.90517 3.60889,-1.89037 2.74963,-3.78073 6.53036,-1.20296 3.78073,2.57777 1.89037,4.81184 6.87406,2.23407 4.98369,-2.57777 3.60888,-5.6711 4.98369,-3.09333 1.37481,2.57777 1.89036,3.95258 5.49925,7.73332 3.60888,3.78073 0.51555,4.63999 5.49924,6.0148 4.98369,1.37481 4.63999,1.71851 8.93628,3.95258 4.29628,2.23407 6.7022,2.23407 7.90516,3.26518 1.20296,1.03111 2.40592,1.37481 2.92148,-1.03111 0.51555,-2.40592 2.23407,-2.23407 4.46813,-2.06222 2.23407,0.17185 3.60888,3.09333 5.15555,-0.51555 1.54666,-3.60888 2.06222,-10.31109 4.46814,-7.04591 2.40592,3.26518 0.85925,4.81184 3.78073,5.6711 2.92147,0.85925 3.60888,-3.26518 4.12443,0.6874 0.51556,3.95258 0.3437,4.29629 -1.03111,4.46814 -1.37481,0.17185 -3.09332,1.54666 -0.3437,2.23407 2.74962,0.6874 3.60888,0.85926 3.60888,2.57777 0,1.71851 -2.40592,1.89037 -0.17185,3.60888 2.23407,1.71851 3.60888,0.85926 4.12443,2.23407 0.51556,1.37481 -0.51555,4.63999 -0.17185,5.49924 0.34371,0.85926 0,4.81185 3.26518,0.17186 3.26518,-4.63999 5.15554,-4.29629 5.6711,-5.3274 0.51555,-1.03111 -3.60888,-2.23407 1.37481,-2.74962 4.98369,-0.51556 4.98369,-0.85926 6.3585,-1.89037 1.37481,-1.03111 3.60888,-4.81184 2.74963,-0.17185 -0.85926,4.63999 -0.51556,6.18665 -2.06222,7.56146 -1.54667,1.37482 -1.20296,2.40592 -1.89037,5.3274 -0.6874,2.92147 -2.57777,5.15554 0.51556,5.49925 3.09332,0.3437 4.98369,-0.51556 7.56146,-1.54667 2.57777,-1.03111 6.53035,0 6.53035,0 0,0 4.12444,1.54667 6.0148,6.35851 1.89037,4.81184 0.85926,6.18665 3.60889,7.73331 2.74962,1.54666 5.49924,3.09333 8.07701,2.40592 2.57777,-0.68741 5.15555,-2.57777 5.3274,-4.63999 0.17185,-2.06222 2.92147,-3.43703 5.15554,-4.63999 2.23407,-1.20296 1.20296,-5.15554 5.15554,-4.81184 3.95259,0.34371 4.63999,1.54667 5.6711,1.54667 1.03111,0 5.6711,-3.26518 7.38961,-6.70221 1.71852,-3.43703 2.06222,-6.53036 1.03111,-8.24887 -1.03111,-1.71851 -7.56146,-11.17034 -8.24887,-12.54516 -0.6874,-1.37481 -5.32739,-4.63998 -3.26517,-6.18665 2.06221,-1.54666 5.84294,-6.7022 4.63998,-9.27997 -1.20296,-2.57778 -1.71851,-3.78074 -5.49924,-4.29629 -3.78073,-0.51556 -8.42072,-1.71852 -10.48294,-1.71852 -2.06222,0 -4.63999,0.17186 -6.3585,-0.6874 -1.71852,-0.85926 -2.92148,-2.57777 -3.26518,-5.15554 -0.3437,-2.57778 -1.89037,-6.18666 -0.51555,-8.07702 1.37481,-1.89037 1.71851,-4.46814 3.60888,-6.35851 1.89036,-1.89036 5.32739,-1.37481 3.95258,-4.81184 -1.37481,-3.43702 -1.71852,-3.78073 -2.40592,-6.0148 -0.68741,-2.23407 -1.20296,-2.74962 -3.09333,-2.40592 -1.89036,0.34371 -2.06221,-4.12443 -1.89036,-4.81184 0.17185,-0.6874 -2.40592,-3.26517 0.3437,-4.46813 2.74962,-1.20296 10.31109,1.54666 11.51405,1.71851 1.20296,0.17185 8.42072,3.60888 10.31108,3.26518 1.89037,-0.34371 3.26518,-2.40592 3.95259,-4.29629 0.6874,-1.89036 -0.51556,-3.09332 2.92147,-4.63999 3.43703,-1.54666 2.23407,-7.04591 3.43703,-10.13923 1.20296,-3.09333 2.23407,-7.21776 2.57777,-7.90517 0.3437,-0.6874 6.18665,0.68741 8.42072,-1.54666 2.23407,-2.23407 2.92148,-3.26518 2.57777,-5.84295 -0.3437,-2.57777 -2.92147,-3.78073 0,-4.29629 2.92148,-0.51555 6.70221,1.03111 9.27998,-0.51555 2.57777,-1.54666 3.95258,-2.74962 4.29629,-5.6711 0.3437,-2.92147 -0.34371,-2.40592 0.51555,-7.21776 0.85926,-4.81184 2.06222,-6.0148 2.40592,-8.42072 0.3437,-2.40592 1.54666,-5.84295 3.60888,-10.13924 2.06222,-4.29628 5.3274,-6.87405 4.98369,-9.62368 -0.3437,-2.74962 0.68741,-8.59257 -1.20296,-10.65479 -1.89036,-2.06221 -13.06071,-11.34219 -15.63848,-13.23256 -2.57777,-1.89036 -3.95258,-3.60888 -8.07702,-3.60888 -4.12443,0 -5.67109,0.85926 -7.73331,-1.54666 -2.06222,-2.40592 -1.89037,-3.60888 -4.12443,-3.60888 -2.23407,0 -4.81185,1.20296 -6.01481,-2.40592 -1.20296,-3.60888 0.17186,-6.3585 -2.74962,-5.15554 -2.92147,1.20296 -5.15554,4.81184 -6.7022,4.81184 -1.54667,0 -6.18666,2.06221 -7.73332,3.09332 -1.54666,1.03111 -2.74962,5.6711 -5.49925,3.09333 -2.74962,-2.57777 -4.98369,-5.15554 -8.24886,-4.46814 -3.26518,0.68741 -5.6711,3.95258 -5.6711,3.95258 0,0 -4.29629,1.03111 -10.13924,2.06222 -5.84295,1.03111 -6.53035,1.54667 -9.62368,3.26518 -3.09332,1.71851 -1.71851,3.78073 -6.18665,6.3585 -4.46814,2.57777 -7.56146,4.81184 -9.45183,4.81184 -1.89037,0 -6.18665,-0.6874 -6.87406,1.20296 -0.6874,1.89037 -0.85925,2.92148 -3.60888,1.71852 -2.74962,-1.20296 -2.92147,-1.03111 -4.46813,0.17185 -1.54667,1.20296 -6.35851,3.43703 -8.42073,2.23407 -2.06221,-1.20296 -0.17185,-2.06222 -1.54666,-5.84295 -1.37481,-3.78073 -6.87406,-11.6859 -8.59257,-12.3733 -1.71851,-0.68741 -3.95258,-2.40593 -10.48294,-1.20297 -6.53035,1.20297 -7.73331,3.26518 -9.79553,1.71852 -2.06222,-1.54666 -6.53036,-6.87406 -7.38961,-11.3422 -0.85926,-4.46813 0.51555,-9.27997 -1.89037,-11.17034 -2.40592,-1.89037 -4.81184,-1.03111 -6.87406,-2.40592 -2.06221,-1.37481 -7.38961,-12.20145 -12.88885,-11.51405 -5.49925,0.68741 -3.60888,0.68741 -8.24887,-2.062214 -4.63999,-2.749623 -4.46814,0 -6.35851,-3.093326 -1.89036,-3.093325 -1.03111,-1.374811 -3.78073,-5.671097 -2.74962,-4.296286 -4.12443,-3.437029 -7.73331,-6.874058 -3.60888,-3.437029 -2.23407,-2.921474 -4.9837,-6.530355 -2.74962,-3.60888 -1.37481,-4.296286 -4.63998,-6.874057 -3.26518,-2.577772 -6.70221,-3.952583 -6.18666,-6.014801 0.51556,-2.062217 1.20296,-5.671097 -1.54666,-5.671097 -2.74962,0 -2.57777,-2.577772 -5.32739,0 -2.74963,2.577771 -0.85926,4.639989 -4.63999,3.437029 -3.78073,-1.202961 -0.51556,-4.296286 -5.3274,-1.546663 -4.81184,2.749623 -2.92147,6.874057 -6.3585,4.124434 -3.43703,-2.749623 -5.15554,-5.327394 -7.38961,-7.045909 -2.23407,-1.718514 -4.46814,-3.265177 -6.70221,-0.171851 -2.23407,3.093326 3.09333,9.62368 -3.43703,6.0148 -6.53035,-3.60888 -3.43703,-7.045909 -7.04591,-4.468137 -3.60888,2.577771 -3.09332,3.437028 -4.81184,4.81184 -1.71851,1.374812 -8.59257,-0.343703 -10.65479,2.749623 -2.06221,3.093326 0,7.733315 -2.92147,4.639989 -2.92148,-3.093326 -1.71852,-3.265177 -4.29629,-4.296286 -2.57777,-1.031109 -6.53035,-6.014801 -8.59257,-2.749623 -2.06222,3.265177 -4.12443,4.468137 -2.57777,6.186652 1.54666,1.718514 5.6711,3.60888 6.18665,4.983692 0.51556,1.374811 3.60888,4.983691 -1.37481,4.81184 -4.98369,-0.171851 -8.59257,-5.327395 -12.54516,-5.327395 -3.95258,0 -7.73331,0.343703 -9.79553,1.20296 -2.06222,0.859258 -3.95258,-0.687405 -7.90516,0.687406 -3.95259,1.374812 -6.35851,2.40592 -7.73332,5.842949 -1.37481,3.437029 -3.43703,4.811841 -5.15554,5.327395 -1.71852,0.515554 -5.49925,-3.093326 -4.98369,2.40592 0.51555,5.499246 0.51555,7.217761 -1.54667,8.077018 -2.06221,0.859257 -2.57777,-1.374812 -5.84295,2.234072 -3.26517,3.60888 -2.06221,1.89036 -6.7022,5.49924 -4.63999,3.60888 -6.18665,5.6711 -3.43703,10.82664 2.74962,5.15555 3.26518,5.15555 3.26518,7.04591 0,1.89037 -3.60888,7.73332 1.37481,9.10813 4.98369,1.37481 8.76442,0.3437 12.88886,0.3437 4.12443,0 4.81184,-4.98369 10.31108,1.20296 5.49925,6.18665 10.13924,9.45183 11.51405,11.51405 1.37481,2.06222 3.95258,5.32739 4.98369,6.0148 1.03111,0.6874 2.23407,2.92147 3.95258,1.37481 1.71852,-1.54666 4.29629,-2.92147 4.29629,-2.92147 0,0 2.74962,-1.03111 2.74962,1.0311 0,2.06222 -1.71851,5.6711 -0.85925,7.21777 0.85925,1.54666 4.12443,8.76442 7.90516,10.65478 3.78073,1.89037 7.38961,3.26518 10.48294,4.46814 3.09333,1.20296 4.98369,0.68741 3.09333,3.95259 -1.89037,3.26517 -6.18666,12.3733 -10.31109,13.0607 -4.12443,0.68741 -5.6711,-1.71851 -8.93628,0.68741 -3.26517,2.40592 -4.81184,4.63999 -6.0148,6.87406 -1.20296,2.23407 -8.07701,4.98369 -9.62368,5.49924 -1.54666,0.51556 -2.23407,3.26518 -0.51555,5.6711 1.71851,2.40592 2.92147,3.60888 1.89037,5.49925 -1.03111,1.89036 -2.40593,0.85926 -2.23407,2.40592 0.17185,1.54666 3.09332,6.18665 3.43703,8.42072 0.3437,2.23407 -0.51556,4.98369 -1.20296,7.38961 -0.68741,2.40592 -1.71852,7.38961 0,9.27998 1.71851,1.89036 2.92147,3.60888 3.09332,6.0148 0.17185,2.40592 -1.20296,2.40592 0.3437,6.53035 1.54667,4.12444 2.57778,8.59258 0.51556,10.82664 -2.06222,2.23407 -2.74962,2.06222 -2.40592,4.46814 0.3437,2.40592 0.51555,6.18665 0.51555,9.10813 0,2.92147 -2.74962,7.21776 -1.54666,10.13923 1.20296,2.92148 8.24887,9.79554 10.82664,10.31109 2.57777,0.51555 7.21776,3.26518 11.17034,3.26518 3.95259,0 4.9837,1.03111 8.76443,3.60888 3.78073,2.57777 2.92147,5.49924 7.90516,7.21776 4.9837,1.71851 7.90517,2.74962 10.31109,2.74962 2.40592,0 4.63999,-0.85926 4.63999,1.20296 0,2.06222 -2.06222,6.35851 0.17185,8.93628 2.23407,2.57777 3.78073,4.12443 7.21776,5.32739 3.43703,1.20296 6.0148,1.89037 7.90517,1.89037 1.89036,0 1.37481,-2.06222 4.29628,0 2.92148,2.06221 2.92148,2.57777 4.29629,2.92147 1.37481,0.3437 3.95258,0.51556 3.95258,0.51556 z"
+      id="path3778"
+      style="fill:#c1e0b2;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Kerala.svg b/public/map_assets/svg/Kerala.svg
new file mode 100644
index 00000000..83bccdcb
--- /dev/null
+++ b/public/map_assets/svg/Kerala.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Kerala" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="200 1300 519 573" xmlns="http://www.w3.org/2000/svg">
+  <g id="kerala">
+    <path
+      d="m 360.07989,1441.0651 -5.10128,3.1663 c 0,0 4.4856,7.564 4.74946,7.9158 0.26386,0.3518 8.53145,22.8678 9.67484,24.363 1.14339,1.4952 8.09168,9.9387 9.9387,10.9062 1.84701,0.9675 4.92537,2.4627 7.3001,5.7169 2.37474,3.2543 8.88327,9.8508 9.32303,10.2905 0.43977,0.4398 1.23134,3.2543 2.28678,5.9808 1.05544,2.7266 2.46269,8.6194 2.46269,8.6194 0,0 6.24466,8.9713 7.21215,11.6978 0.96748,2.7265 3.07836,6.4206 3.95789,8.0037 0.87953,1.5832 2.63859,5.2772 2.19882,7.8278 -0.43976,2.5507 -0.61567,4.7495 0.35182,6.0688 0.96748,1.3193 0.52771,4.5736 1.75906,7.6519 1.23134,3.0784 3.07836,9.0592 4.22175,10.8183 1.14339,1.759 5.18923,8.9712 5.8049,10.3784 0.61567,1.4073 2.28678,1.2314 3.78198,1.5832 1.4952,0.3518 3.86994,3.8699 3.86994,4.9253 0,1.0555 -0.52772,3.87 -2.28678,3.2543 -1.75907,-0.6157 -2.6386,-1.0554 -3.16632,-0.6157 -0.52771,0.4398 0.52772,8.0917 2.72655,12.6653 2.19883,4.5735 4.22175,10.7303 4.3097,10.9941 0.0879,0.2639 0.79158,11.7857 1.67111,14.6882 0.87953,2.9024 1.23134,7.6519 2.90245,9.4989 1.67111,1.847 2.72655,3.4302 2.28678,5.3652 -0.43976,1.9349 -1.40725,5.1892 1.14339,8.1796 2.55064,2.9904 5.27719,6.5965 6.06876,8.1796 0.79158,1.5832 -0.088,5.3652 2.72655,8.0917 2.8145,2.7265 9.32302,7.7399 9.67484,7.8278 0.35181,0.088 9.14712,8.7953 12.22547,9.3231 3.07836,0.5277 4.04584,0.5277 4.66152,2.1108 0.61567,1.5832 -0.87953,3.782 0.61567,5.2772 1.4952,1.4952 7.65192,8.0917 9.67484,8.6194 2.02292,0.5277 4.83742,-0.5277 4.83742,-0.5277 0,0 4.83741,-2.5506 5.9808,-4.9254 1.14339,-2.3747 1.75907,-29.992 1.40725,-31.2233 -0.35181,-1.2314 2.02292,-8.1797 4.04584,-10.7303 2.02293,-2.5506 7.03625,-16.3593 7.30011,-17.5027 0.26386,-1.1433 -2.19883,-19.2617 -2.19883,-19.2617 l -2.90245,-40.1945 -26.21001,-48.0224 c 0,0 -28.93657,-18.1183 -28.93657,-18.822 0,-0.7036 -6.94829,-19.0858 -6.94829,-19.0858 0,0 -28.40884,-10.0266 -28.93656,-10.3784 -0.52772,-0.3519 -16.00746,-22.1642 -16.88699,-22.516 -0.87953,-0.3518 -28.53891,-17.0629 -28.53891,-17.0629 z"
+      id="path3880"
+      style="fill:#c1e0b2;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/MadhyaPradesh.svg b/public/map_assets/svg/MadhyaPradesh.svg
new file mode 100644
index 00000000..e2edf4fe
--- /dev/null
+++ b/public/map_assets/svg/MadhyaPradesh.svg
@@ -0,0 +1,9 @@
+<svg aria-label="MadhyaPradesh" preserveAspectRatio="xMidYMid meet"
+  style="width: 100%; height: 100%;" viewBox="300 500 519 873" xmlns="http://www.w3.org/2000/svg">
+  <g id="mp">
+    <path
+      d="m 808.1431,812.6946 -3.50604,9.46632 -1.40242,2.45423 -8.41451,0.70121 -1.75302,0 c 0,0 4.55786,4.20725 7.01209,5.60967 2.45423,1.40241 2.80483,4.20725 2.80483,4.20725 l -1.05181,1.75302 -3.85665,4.55786 c 0,0 -2.80483,-1.05181 -4.55785,-2.45423 -1.75303,-1.40242 -4.90847,-2.10363 -4.90847,-1.05182 0,1.05182 -1.40241,2.45424 -3.15544,2.45424 -1.75302,0 -4.55785,2.80483 -4.55785,2.80483 0,0 -2.45423,-0.70121 -5.60967,-2.10363 -3.15544,-1.40241 -4.55786,-2.10362 -5.96028,-2.10362 -1.40241,0 -3.85665,-1.40242 -5.25906,-3.15544 -1.40242,-1.75302 -3.50605,-2.10363 -3.50605,0 0,2.10362 -0.70121,5.96027 -4.20725,5.25906 -3.50604,-0.7012 -3.15544,2.45423 -4.90846,-1.05181 -1.75302,-3.50604 -4.20725,-5.60967 -4.20725,-5.60967 l 0.3506,3.85665 c 0,0 2.80484,2.80483 3.15544,4.55786 0.35061,1.75302 1.40242,3.15544 0,5.25906 -1.40242,2.10363 -5.25906,3.50605 -5.60967,5.25907 -0.3506,1.75302 2.80484,3.85665 5.25907,1.75302 2.45423,-2.10363 6.31088,-4.20725 8.0639,-2.45423 1.75302,1.75302 4.90846,1.40242 6.31088,5.60967 1.40241,4.20725 0,5.96027 3.85664,5.25906 3.85665,-0.7012 7.01209,-4.20725 8.41451,-2.10362 1.40242,2.10362 0,2.80483 2.45423,5.25906 2.45423,2.45423 2.45423,2.10363 0,4.55786 -2.45423,2.45423 -2.80483,3.50604 -3.15544,6.31088 -0.3506,2.80483 -1.05181,4.20725 -4.20725,3.50604 -3.15544,-0.70121 -5.25907,-1.05181 -7.36269,0 -2.10363,1.05182 -4.20726,-0.70121 -4.20726,1.05182 0,1.75302 2.45423,1.75302 0,3.85664 -2.45423,2.10363 -8.76511,0.35061 -6.66148,4.20726 2.10363,3.85665 6.66148,5.60967 7.01209,7.01208 0.3506,1.40242 -3.85665,3.15544 -7.36269,2.80484 -3.50605,-0.3506 -4.55786,5.96027 -3.85665,6.31088 0.70121,0.3506 -1.05182,0.3506 -3.15544,1.40242 -2.10363,1.05181 -1.75302,3.15544 -3.85665,3.15544 -2.10363,0 -1.05181,-2.10363 -4.55786,-1.05182 -3.50604,1.05182 -1.75302,0.70121 -2.45423,2.80484 -0.70121,2.10362 -1.05181,3.50604 -5.25906,2.10362 -4.20726,-1.40241 -1.05182,-2.80483 -4.55786,-2.80483 -3.50604,0 -5.25907,-1.05181 -4.20725,1.75302 1.05181,2.80484 2.80483,4.55786 2.10362,6.31088 -0.70121,1.75302 -4.20725,1.40242 -4.20725,1.40242 l -2.45423,4.20725 -2.45423,0 c 0,0 -1.40242,-1.05181 -1.05181,2.10363 0.3506,3.15544 -2.10363,5.25906 -3.85665,4.55785 -1.75302,-0.70121 -4.20725,-1.05181 -4.90846,1.75303 -0.70121,2.80483 0,6.31087 -2.10363,7.01208 -2.10363,0.70121 -3.15544,2.45423 -1.40242,3.85665 1.75302,1.40242 4.90846,-0.3506 3.15544,1.75302 -1.75302,2.10363 -2.10362,2.10363 -4.55785,3.85665 -2.45424,1.75302 2.80483,4.55786 0,9.81692 -2.80484,5.25907 -2.80484,2.80484 -2.80484,7.3627 0,4.55785 1.05181,4.55785 -1.40242,7.71329 -2.45423,3.15544 -3.85665,3.85665 -3.85665,3.85665 0,0 -0.7012,-3.85665 -0.7012,-5.60967 0,-1.75302 1.05181,-4.90846 -3.85665,-4.55786 -4.90846,0.35061 -7.7133,4.20726 -8.0639,0.35061 -0.35061,-3.85665 3.15544,-6.31088 0,-9.11572 -3.15544,-2.80483 -1.75302,-6.66148 -7.01209,-6.31088 -5.25907,0.35061 -13.67357,2.10363 -16.47841,3.85665 -2.80483,1.75302 -4.90846,1.75302 -9.11571,1.05182 -4.20725,-0.70121 -3.85665,-4.55786 -9.46632,-1.75303 -5.60967,2.80484 -4.90846,1.75303 -7.36269,-0.3506 -2.45423,-2.10363 -5.25907,-1.75302 -8.41451,-3.50604 -3.15544,-1.75303 -6.66148,-4.55786 -8.0639,-3.50605 -1.40241,1.05182 2.10363,4.90846 -3.50604,4.90846 -5.60967,0 -9.81692,-2.45423 -11.92055,1.75303 -2.10363,4.20725 -0.70121,7.36269 -2.45423,7.71329 -1.75302,0.35061 -7.7133,2.80484 -12.97236,0.70121 -5.25907,-2.10363 -2.45423,-3.50604 -9.46632,-5.96027 -7.01209,-2.45423 -10.16753,-2.45423 -13.32297,1.75302 -3.15544,4.20725 -4.20725,3.85665 -8.76511,5.60967 -4.55785,1.75302 -3.85664,2.45423 -9.46631,2.10362 -5.60968,-0.3506 -9.11572,-2.45423 -11.92055,0 -2.80484,2.45424 -5.96028,1.40242 -7.7133,-1.40241 -1.75302,-2.80484 -4.55786,-3.85665 -2.45423,-5.25907 2.10363,-1.40242 4.90846,-0.3506 5.96027,-1.75302 1.05182,-1.40242 3.50605,0 1.40242,-4.90846 -2.10363,-4.90846 0.70121,-7.01209 -2.45423,-8.41451 -3.15544,-1.40241 -10.51813,-5.25906 -13.32297,-2.10362 -2.80483,3.15544 2.10363,5.96027 -5.25906,5.25906 -7.36269,-0.70121 -14.37478,-4.20725 -17.17962,0 -2.80483,4.20725 -3.50604,4.20725 -5.60967,7.36269 -2.10362,3.15544 -3.15544,2.10363 -3.15544,4.20726 0,2.10362 1.05182,2.45423 -2.10362,4.90846 -3.15544,2.45423 -3.85665,-0.70121 -4.20725,5.25906 -0.35061,5.96028 5.25906,7.3627 -2.10363,8.41451 -7.36269,1.05181 -6.66148,0.3506 -8.0639,3.50604 -1.40242,3.15544 0.70121,4.90846 -2.45423,3.50605 -3.15544,-1.40242 -5.25907,-3.15544 -9.11572,-1.75303 -3.85664,1.40242 -2.45423,2.80484 -2.45423,-5.25906 0,-8.0639 -2.80483,-13.32297 -11.21934,-12.62176 -8.4145,0.70121 -7.71329,2.10363 -11.21934,0.35061 -3.50604,-1.75303 -4.90846,-2.80484 -7.36269,-0.70121 -2.45423,2.10362 -6.31088,1.05181 -13.32297,0 -7.01208,-1.05182 -4.20725,2.10362 -7.71329,2.45423 -3.50605,0.3506 -2.45423,-0.70121 -3.50605,-4.55786 -1.05181,-3.85665 0.70121,-2.80483 -2.80483,-6.31088 -3.50605,-3.50604 -2.80484,-3.85665 -6.66148,-4.90846 -3.85665,-1.05181 -6.31088,1.40242 -8.76511,1.40242 -2.45423,0 -1.75303,0.3506 -4.20726,-3.15544 -2.45423,-3.50605 -5.96027,-1.75302 -7.71329,-5.25907 -1.75303,-3.50604 3.15544,-8.4145 0,-11.56994 -3.15544,-3.15544 -4.20726,0.70121 -4.55786,-3.15544 -0.3506,-3.85665 0.3506,-8.76511 -2.80484,-6.66148 -3.15543,2.10362 -3.15543,9.11571 -8.4145,8.0639 -5.25907,-1.05182 -3.85665,6.31088 -11.92055,0.3506 -8.0639,-5.96027 -11.21934,-55.7461 -7.36269,-62.05697 3.85665,-6.31088 26.64593,-36.46286 28.74956,-40.67011 2.10362,-4.20726 0.70121,-29.10017 0.70121,-29.10017 0,0 -0.70121,-71.17269 4.90846,-72.5751 5.60967,-1.40242 56.4473,7.71329 61.35576,8.4145 4.90847,0.70121 37.51467,-63.45939 45.22797,-66.61483 7.7133,-3.15544 53.64247,-21.03626 53.64247,-21.03626 0,0 90.10533,-34.35923 96.0656,-18.58204 5.96028,15.7772 -8.4145,68.36786 -2.45423,76.43176 5.96027,8.0639 37.51467,9.81692 53.29187,13.67357 15.77719,3.85665 31.55439,14.72538 42.42313,18.93264 10.86873,4.20725 24.1917,-3.50605 31.20379,0.70121 7.01208,4.20725 59.60274,-2.80484 61.00516,9.81692 1.40242,12.62176 4.55786,28.04835 5.25906,37.51467 0.70121,9.46632 -2.80483,24.1917 -2.80483,24.1917 z"
+      id="path3805"
+      style="fill:#c1e0b2;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Maharashtra.svg b/public/map_assets/svg/Maharashtra.svg
new file mode 100644
index 00000000..13233ff7
--- /dev/null
+++ b/public/map_assets/svg/Maharashtra.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Maharashtra" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="200 800 519 773" xmlns="http://www.w3.org/2000/svg">
+  <g id="maharashtra">
+    <path
+      d="m 289.13826,1032.1568 -0.78535,5.8901 c 0,0 -2.22515,2.0943 -2.74871,1.8325 -0.52356,-0.2618 -4.58119,-2.2251 -5.62831,-2.6178 -1.04713,-0.3927 -4.71208,-1.9634 -5.75921,-1.7016 -1.04713,0.2618 -1.17802,0.2618 -3.79584,-0.5236 -2.61782,-0.7853 -8.11524,-0.9162 -8.7697,-0.9162 -0.65445,0 -6.67544,-3.0105 -6.67544,-3.0105 0,0 -1.57069,7.199 -1.57069,7.8535 0,0.6544 -1.96337,7.0681 -2.8796,8.9006 -0.91624,1.8324 -3.53406,7.4608 -3.53406,7.4608 0,0 2.22515,8.9005 2.35604,9.4241 0.13089,0.5236 3.53406,3.7958 3.53406,4.3194 0,0.5236 -0.26179,2.8796 -0.65446,3.7958 -0.39267,0.9163 -1.04713,4.4503 -0.65445,4.9739 0.39267,0.5236 4.71207,3.0105 4.71207,3.0105 l -2.74871,4.5812 c 0,0 -0.26178,7.9843 -0.26178,9.1624 0,1.178 0.26178,12.0419 1.30891,11.2566 1.04713,-0.7854 4.58118,-7.3299 5.23564,-7.9844 0.65445,-0.6544 6.15188,-1.3089 6.15188,-1.3089 0,0 2.48693,2.6178 0.65445,3.7959 -1.83247,1.178 -5.23564,1.3089 -5.7592,1.7015 -0.52357,0.3927 -0.39268,4.5812 0.13089,5.3666 0.52356,0.7853 2.22515,2.4869 1.04713,2.7487 -1.17802,0.2618 -6.93723,0.9162 -7.46079,2.6178 -0.52356,1.7016 1.30891,8.1153 2.09426,9.8168 0.78534,1.7016 2.61782,4.7121 1.96336,4.9739 -0.65445,0.2618 -3.40317,2.2251 -3.40317,2.2251 0,0 -1.83247,1.8325 2.61782,6.6755 4.4503,4.8429 4.58119,7.4608 4.31941,9.8168 -0.26178,2.356 0.13089,5.4974 1.83247,8.1153 1.70159,2.6178 2.74871,5.7592 5.23564,11.3875 2.48693,5.6283 1.5707,9.9477 1.83248,13.3509 0.26178,3.4031 -1.96337,6.4136 -0.91624,8.2461 1.04713,1.8325 4.71208,2.2251 4.84297,3.4032 0.13089,1.178 -3.14139,0.9162 -2.09426,4.8429 1.04713,3.9268 2.8796,5.4974 3.14139,6.9372 0.26178,1.4398 -1.70159,15.0525 0,19.3719 1.70158,4.3194 2.18851,7.9844 1.79584,12.4347 -0.39268,4.4503 3.83247,18.0629 5.53405,20.8116 1.70159,2.7487 2.87961,6.1519 3.0105,8.3771 0.13089,2.2251 0.78534,7.7225 3.01049,9.2932 2.22515,1.5707 4.05762,4.4503 4.05762,5.7592 0,1.3089 3.01049,1.8325 4.84297,1.3089 1.83247,-0.5235 5.36653,-1.178 6.67544,-3.2722 1.30891,-2.0943 2.61782,-2.2252 2.61782,-2.2252 0,0 3.92673,6.021 5.36653,6.9372 1.4398,0.9163 5.23564,3.1414 7.3299,1.7016 2.09426,-1.4398 2.61782,-3.6649 4.3194,-5.6283 1.70159,-1.9634 2.09426,-3.9267 4.31941,-3.0105 2.22514,0.9163 7.32989,-0.1309 8.50791,-1.178 1.17802,-1.0471 3.92673,-3.0105 4.71208,-6.6754 0.78535,-3.665 -0.65446,-5.1048 -0.52356,-6.6755 0.13089,-1.5707 2.61782,-1.178 3.01049,-4.0576 0.39267,-2.8796 0.26178,-6.4137 -2.22515,-7.199 -2.48693,-0.7854 -4.45029,-4.7121 -4.58118,-6.4137 -0.13089,-1.7016 -2.09426,-3.534 -3.53406,-5.7592 -1.4398,-2.2251 -0.26178,-4.5812 2.48693,-4.4503 2.74871,0.1309 6.15188,0.9163 8.11524,-1.0471 1.96337,-1.9634 4.05762,-1.4398 5.75921,-0.6545 1.70158,0.7854 5.23564,1.4398 6.67544,-1.178 1.4398,-2.6178 1.83247,-4.0576 4.97386,-5.1047 3.14138,-1.0472 7.59168,-1.0472 8.6388,-1.3089 1.04713,-0.2618 1.30891,-5.3666 1.96337,-8.3771 0.65445,-3.0105 1.57069,-2.8796 4.84297,-0.9162 3.27227,1.9634 4.18851,5.3665 9.16237,3.9267 4.97386,-1.4398 5.49742,-3.2722 7.72257,-4.712 2.22515,-1.4398 15.31425,-0.7854 16.62316,-1.309 1.30891,-0.5235 4.71207,0 4.05762,-3.6649 -0.65446,-3.665 -2.74871,-5.1048 -2.74871,-7.3299 0,-2.2251 1.04713,-0.3927 1.04713,-4.1885 0,-3.7959 -1.5707,-2.2252 -1.96337,-5.8901 -0.39267,-3.665 -0.78535,-5.4974 2.09426,-4.3194 2.8796,1.178 4.58118,4.0576 8.24613,4.9738 3.66495,0.9163 5.49742,1.4398 9.42415,0.6545 3.92673,-0.7853 4.84297,-0.1309 6.28277,0.7853 1.4398,0.9163 3.27228,2.3561 6.15188,1.0472 2.8796,-1.3089 4.71208,-1.3089 6.67544,-0.5236 1.96337,0.7854 5.75921,2.356 6.54455,0.2618 0.78535,-2.0943 4.58119,-3.5341 0.52357,-4.3194 -4.05762,-0.7854 -5.62832,-4.9739 -4.84297,-7.199 0.78535,-2.2252 3.14138,-3.5341 3.92673,-4.4503 0.78535,-0.9162 5.23564,-4.843 5.7592,-7.0681 0.52357,-2.2252 1.70159,-0.7854 1.70159,-0.7854 0,0 0,1.4398 0.26178,2.7487 0.26178,1.3089 3.27228,0.3927 4.05762,-0.9162 0.78535,-1.3089 1.70158,-0.5236 1.83248,1.4398 0.13089,1.9634 -0.26179,4.843 1.83247,2.8796 2.09426,-1.9634 2.8796,-3.7958 3.53406,-7.0681 0.65445,-3.2723 -1.83248,-3.665 1.30891,-3.7958 3.14138,-0.1309 5.89009,1.5706 6.28277,-0.3927 0.39267,-1.9634 0.13089,-4.3194 -0.26179,-5.7592 -0.39267,-1.4398 1.04713,-3.5341 1.70159,-4.843 0.65445,-1.3089 -0.13089,-3.5341 5.23564,-4.843 5.36653,-1.3089 6.02099,-0.3926 7.98435,-4.0576 1.96337,-3.6649 6.28277,-10.733 7.72257,-11.1257 1.4398,-0.3927 2.35604,-2.4869 3.40317,1.8325 1.04713,4.3194 2.09425,8.9005 4.3194,8.9005 2.22515,0 2.22515,1.309 4.3194,-2.0942 2.09426,-3.4032 3.66495,-8.1153 4.71208,-9.9477 1.04713,-1.8325 3.92673,-0.6545 5.23564,-3.665 1.30891,-3.0105 -0.39267,-2.2251 1.83248,-5.4974 2.22514,-3.2723 3.53405,-1.3089 5.23564,-3.665 1.70158,-2.356 -1.30891,-3.4031 2.09425,-4.1885 3.40317,-0.7853 3.40317,1.0472 3.53406,-0.9162 0.13089,-1.9634 1.17802,-3.2723 -0.13089,-4.843 -1.30891,-1.5707 -7.19901,-6.2827 -6.41366,-9.2932 0.78535,-3.0105 1.96336,-3.0105 2.48693,-3.665 0.52356,-0.6544 1.83247,-3.2723 2.74871,-5.6283 0.91624,-2.356 2.74871,-3.7958 3.14138,-4.4503 0.39268,-0.6544 -0.13089,0.6545 3.14139,2.7487 3.27227,2.0943 5.49742,3.4032 7.46079,3.1414 1.96336,-0.2618 3.79584,-1.3089 4.3194,-3.534 0.52356,-2.2252 -0.52356,-3.665 0.65446,-5.2357 1.17801,-1.5707 3.14138,-0.5236 4.71207,-3.0105 1.57069,-2.4869 1.57069,-3.9267 0.65446,-5.3665 -0.91624,-1.4398 0.78534,-2.2252 1.57069,-3.5341 0.78535,-1.3089 4.18851,-6.8063 2.74871,-8.1152 -1.4398,-1.3089 -2.61782,-3.4032 -1.83247,-4.3194 0.78534,-0.9163 3.53405,0 4.71207,1.3089 1.17802,1.3089 1.96337,2.7487 3.79584,0.1309 1.83248,-2.6178 2.74871,-3.1414 4.84297,-1.8325 2.09426,1.3089 4.3194,0.9162 6.80633,1.4398 2.48693,0.5236 3.40317,-0.3927 4.84297,3.4032 1.4398,3.7958 -0.65445,6.021 4.71208,7.0681 5.36653,1.0471 6.15188,1.3089 7.85346,2.4869 1.70158,1.178 2.74871,2.0943 5.10475,3.0105 2.35604,0.9163 4.18851,2.6178 4.97386,1.3089 0.78534,-1.3089 0.91623,-3.0105 0.91623,-4.8429 0,-1.8325 3.66495,-1.1781 5.62832,0 1.96336,1.178 4.97386,3.1413 9.03148,2.356 4.05762,-0.7854 4.84297,-2.2252 8.37702,-2.7487 3.53406,-0.5236 5.49743,-1.4398 7.85346,1.178 2.35604,2.6178 6.15188,5.2356 6.15188,6.9372 0,1.7016 -0.39267,6.6755 -1.04713,10.4713 -0.65445,3.7958 -2.09425,3.2723 -2.22514,6.1519 -0.13089,2.8796 0.91623,1.8325 2.09425,4.7121 1.17802,2.8796 0.13089,5.1047 1.17802,7.7225 1.04713,2.6179 0.78535,4.3194 1.4398,6.6755 0.65446,2.356 -0.13089,3.9267 4.97386,4.3194 5.10475,0.3927 8.90059,0.5235 10.47128,-0.9163 1.5707,-1.4398 2.74871,-1.3089 4.4503,-2.7487 1.70158,-1.4398 2.8796,-4.1885 2.09425,-7.3299 -0.78534,-3.1414 -1.83247,-3.0105 -0.52356,-5.3665 1.30891,-2.356 1.83247,-4.843 1.70158,-6.2828 -0.13089,-1.4398 2.35604,-1.0471 3.27228,-1.5707 0.91624,-0.5235 0,-2.4869 1.17802,-4.712 1.17802,-2.2252 3.92673,-3.0105 4.84297,-4.7121 0.91623,-1.7016 4.58118,-0.6545 6.15187,0.5236 1.5707,1.178 3.92673,5.6283 7.06812,3.534 3.14138,-2.0942 4.3194,-3.1414 4.84297,-5.4974 0.52356,-2.3561 0.91623,-5.8901 3.01049,-7.199 2.09426,-1.3089 1.70158,-2.7487 0.26178,-3.9268 -1.4398,-1.178 -3.66495,-2.7487 -5.89009,-2.7487 -2.22515,0 -7.98436,-4.1885 -8.63881,-6.5445 -0.65446,-2.3561 -0.65446,-3.2723 -1.83248,-3.665 -1.17801,-0.3926 -3.40316,-0.2617 -5.23564,0.6545 -1.83247,0.9162 -3.92673,0 -3.53405,-1.3089 0.39267,-1.3089 1.96336,0 3.14138,-1.9634 1.17802,-1.9633 1.70158,-2.356 1.83247,-4.5812 0.1309,-2.2251 1.70159,-3.534 2.87961,-5.3665 1.17802,-1.8325 3.92673,-1.5707 1.57069,-3.4032 -2.35604,-1.8324 -3.14138,-2.4869 -4.3194,-4.5812 -1.17802,-2.0942 -0.52357,-2.0942 -2.61782,-2.2251 -2.09426,-0.1309 -5.23565,0.1309 -3.53406,-1.9634 1.70158,-2.0942 3.40316,-1.8324 5.62831,-3.0105 2.22515,-1.178 4.18851,-0.9162 4.84297,-1.5707 0.65445,-0.6544 1.04713,-3.7958 0.91624,-6.8063 -0.13089,-3.0105 1.96336,-6.4136 0.26178,-7.7226 -1.70158,-1.3089 -5.8901,-1.8324 -6.54455,-2.356 -0.65446,-0.5236 -1.96337,-1.0471 -0.26178,-2.0942 1.70158,-1.0472 3.92673,-1.9634 3.92673,-4.3195 0,-2.356 1.17802,-1.9633 -1.96337,-6.5445 -3.14138,-4.58119 -4.45029,-6.80634 -4.84297,-10.2095 -0.39267,-3.40317 -1.17802,-4.97386 0.39268,-6.67544 1.57069,-1.70159 2.35603,-3.0105 5.10475,-4.4503 2.74871,-1.4398 4.3194,-1.83247 5.10475,-3.53406 0.78534,-1.70158 2.74871,-11.78019 -0.52357,-13.48177 -3.27227,-1.70158 -4.71207,1.57069 -10.2095,-6.02099 -5.49742,-7.59168 -0.91623,-13.48177 -11.51841,-9.94771 -10.60217,3.53405 -16.09959,9.94771 -26.83266,6.02098 -10.73306,-3.92673 -20.02632,-10.60217 -26.30909,-8.11524 -6.28277,2.48693 -10.86395,4.71208 -21.20435,5.36653 -10.34039,0.65446 -48.56056,7.59168 -54.84333,3.27228 -6.28277,-4.31941 -18.9792,-14.52891 -22.77504,-14.52891 -3.79584,0 -26.83266,-1.70158 -31.15206,1.4398 -4.3194,3.14139 -9.03148,8.7697 -11.6493,13.35089 -2.61782,4.58118 -38.61285,16.09959 -57.98472,5.36653 -19.37187,-10.73306 -25.26197,-12.95821 -33.76988,-15.05247 -8.50792,-2.09425 -12.56554,-15.57603 -21.59702,-19.11009 -9.03148,-3.53405 0,-6.67544 -5.36653,-4.05762 -5.36654,2.61782 -16.62316,6.80634 -20.81168,8.37703 -4.18851,1.57069 -15.05246,-1.70159 -14.39801,7.199 0.65446,8.90059 3.66495,22.90593 3.0105,25.26197 -0.65446,2.35604 -9.68594,10.34039 -12.17287,13.35088 -2.48693,3.0105 6.41366,21.46613 4.58119,22.90593 -1.83248,1.43978 -13.48178,-9.29326 -17.80118,-0.52356 -4.31941,8.76974 -6.15188,20.41904 -7.3299,23.42954 -1.17802,3.0104 -3.01049,10.3403 -3.01049,10.3403 z"
+      id="path3819"
+      style="fill:#fad0cf;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Manipur.svg b/public/map_assets/svg/Manipur.svg
new file mode 100644
index 00000000..68c8223c
--- /dev/null
+++ b/public/map_assets/svg/Manipur.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Manipur" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="1100 630 519 273" xmlns="http://www.w3.org/2000/svg">
+  <g id="manipur">
+    <path
+      d="m 1313.8691,796.74053 c 5.5586,-2.34045 18.4311,-4.97345 19.8938,-7.89901 1.4628,-2.92556 2.633,-4.09579 4.3884,-2.34045 1.7553,1.75533 3.8032,3.21811 5.266,3.80323 1.4628,0.58511 -0.2926,-2.63301 6.1437,-1.17023 6.4362,1.46278 8.1915,3.21812 8.1915,3.21812 0,0 7.0214,-2.92556 7.3139,-4.6809 0.2926,-1.75533 -0.2925,-2.633 -0.8776,-4.38834 -0.5851,-1.75533 -2.633,-3.80323 -0.2926,-5.55856 2.3405,-1.75534 4.0958,-8.77668 4.6809,-9.94691 0.5851,-1.17022 1.7553,-8.48412 1.7553,-8.48412 0,0 3.8033,-2.04789 4.0958,-4.38834 0.2926,-2.34045 2.3405,-9.94691 2.3405,-9.94691 l 4.6809,-6.43623 3.2181,-9.65435 -1.4628,-9.36179 -2.9256,-4.09579 -2.3404,0 -2.3404,-7.89901 4.6808,-4.6809 1.1703,-2.633 0.2925,-2.04789 -4.6809,-3.21812 c 0,0 -1.1702,-6.14368 0,-7.89901 1.1703,-1.75534 2.633,-3.51067 2.633,-3.51067 l -3.2181,-2.92556 c 0,0 -1.7553,1.46278 -2.9255,3.51067 -1.1703,2.04789 -3.8033,4.38834 -6.1437,7.02134 -2.3405,2.63301 -1.4628,3.80323 -3.8032,4.38834 -2.3405,0.58512 -6.1437,1.17023 -5.8512,-1.17022 0.2926,-2.34045 -1.4627,-2.92556 -1.7553,-1.75534 -0.2926,1.17023 -2.3405,3.21812 -2.633,2.0479 -0.2926,-1.17023 -0.8777,-1.46278 -2.9256,-2.0479 -2.0479,-0.58511 -7.0213,-1.46278 -10.2394,0 -3.2181,1.46278 -4.3884,3.21812 -3.8033,4.6809 0.5852,1.46278 2.633,2.34045 0.8777,4.09578 -1.7553,1.75534 -3.5107,2.0479 -3.8032,4.09579 -0.2926,2.04789 -1.7554,4.68089 -1.7554,6.14367 0,1.46279 2.0479,3.21812 -0.8776,2.34045 -2.9256,-0.87766 -4.0958,-3.21811 -6.7288,-3.21811 -2.633,0 -4.3884,-0.29256 -5.266,0.87766 -0.8777,1.17023 -1.4628,2.63301 -1.4628,3.51068 0,0.87767 -0.8777,4.09578 -0.8777,4.09578 0,0 -1.7553,0.87767 -1.7553,1.75534 0,0.87767 0.5851,1.46278 -1.1702,2.34045 -1.7554,0.87766 -2.633,3.21811 -2.633,4.09578 0,0.87767 0,4.6809 0,7.02135 0,2.34044 -2.0479,4.09578 -3.8033,5.85112 -1.7553,1.75533 -2.633,3.80322 -2.3404,5.85112 0.2925,2.04789 2.9256,3.80322 0.5851,6.72879 -2.3404,2.92556 -3.5107,6.14367 -3.5107,6.14367 0,0 0,3.21812 0,5.26601 0,2.04789 -2.633,6.43623 -2.0479,11.70224 0.5852,5.26601 14.0427,20.77148 14.0427,20.77148 z"
+      id="path3895"
+      style="fill:#c1e0b2;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Meghalaya.svg b/public/map_assets/svg/Meghalaya.svg
new file mode 100644
index 00000000..ca843537
--- /dev/null
+++ b/public/map_assets/svg/Meghalaya.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Meghalaya" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="950 600 519 273" xmlns="http://www.w3.org/2000/svg">
+  <g id="meghalaya">
+    <path
+      d="m 1142.1387,706.04816 c 0,0 2.9256,3.80323 3.8033,2.04789 0.8776,-1.75533 3.2181,-2.92556 2.3404,-5.26601 -0.8777,-2.34044 -2.633,-3.51067 -2.9255,-5.266 -0.2926,-1.75534 -1.4628,-4.38834 -0.2926,-5.55857 1.1702,-1.17022 3.5107,-5.55856 3.5107,-5.55856 0,0 -1.4628,-2.0479 0.5851,-2.0479 2.0479,0 3.2181,0.58512 5.8511,0 2.633,-0.58511 2.3405,-0.58511 3.8032,-2.04789 1.4628,-1.46278 1.7554,-2.633 4.9735,-2.633 3.2181,0 2.3404,0 4.9734,-1.17023 2.633,-1.17022 4.9735,-1.46278 5.266,1.17023 0.2926,2.633 -1.4627,3.21811 0.8777,3.80323 2.3405,0.58511 2.3405,-1.46278 4.3884,-3.51068 2.0478,-2.04789 3.5106,-3.51067 3.8032,-2.34044 0.2925,1.17022 1.1702,6.14367 1.1702,6.14367 0,0 -0.2925,2.34045 2.3405,1.46278 2.633,-0.87767 3.8032,-3.21811 6.4362,-1.75533 2.633,1.46278 5.5586,2.04789 6.7288,1.75533 1.1702,-0.29255 2.9255,-0.29255 2.9255,-1.75533 0,-1.46278 -1.1702,-1.75534 1.7554,-2.34045 2.9255,-0.58511 3.8032,1.17022 3.8032,-0.87767 0,-2.04789 0.8777,-5.85112 0.8777,-5.85112 0,0 4.9734,-0.87767 4.9734,0.58511 0,1.46278 0.5851,2.92556 0.5851,2.92556 0,0 1.7554,2.04789 2.9256,-0.87767 1.1702,-2.92556 0,-3.80322 4.3883,-3.80322 4.3884,0 4.6809,2.04789 6.7288,-1.17023 2.0479,-3.21812 5.266,-8.48412 7.3139,-7.3139 2.0479,1.17022 5.266,4.09578 5.266,5.85112 0,1.75534 -2.0479,2.92556 -0.2925,4.09579 1.7553,1.17022 3.2181,2.34044 1.1702,3.80322 -2.0479,1.46278 -4.3883,0 -2.9256,3.21812 1.4628,3.21812 2.3405,3.21812 2.3405,5.26601 0,2.04789 1.1702,1.75533 3.8032,0.58511 2.633,-1.17022 4.9735,-3.80323 8.7767,-2.04789 3.8032,1.75533 2.3404,2.633 4.9735,3.51067 2.633,0.87767 4.9734,-0.29256 5.5585,2.633 0.5851,2.92557 0.8777,6.14368 -0.8777,8.19157 -1.7553,2.0479 -3.8032,3.51068 0.8777,3.21812 4.6809,-0.29256 4.9735,-3.21812 5.8511,-0.29256 0.8777,2.92556 0.8777,2.92556 1.4628,4.6809 0.5851,1.75534 1.7554,2.34045 1.1702,4.09578 -0.5851,1.75534 -0.8776,4.38835 -3.5106,5.85113 -2.633,1.46278 -2.9256,1.17022 -4.3884,3.51067 -1.4628,2.34045 -1.7553,4.68089 -2.9255,4.68089 -1.1703,0 -0.2926,-2.34044 -3.8033,-1.75533 -3.5106,0.58511 -2.9255,4.09578 -2.0479,5.26601 0.8777,1.17022 0.5852,-2.0479 -6.1436,-0.87767 -6.7288,1.17022 -6.4363,-2.04789 -8.4842,0.87767 -2.0478,2.92556 2.9256,3.21811 -2.3404,4.38834 -5.266,1.17022 -15.798,-0.87767 -18.1385,-0.87767 -2.3404,0 -9.0692,-4.38834 -10.8245,-3.80323 -1.7554,0.58511 -0.5852,3.21812 -5.2661,4.09579 -4.6809,0.87766 -12.2873,0.29255 -13.4575,-0.58512 -1.1703,-0.87767 -3.2182,-6.43623 -5.5586,-2.04789 -2.3404,4.38834 -0.5851,4.38834 -5.266,4.97345 -4.6809,0.58512 -5.5586,0.87767 -9.3618,0.29256 -3.8032,-0.58511 -4.3883,-1.17022 -7.899,-1.75534 -3.5107,-0.58511 -4.0958,0.29256 -5.8511,0.29256 -1.7554,0 -5.8512,-2.92556 -8.4842,-3.51067 -2.633,-0.58512 -5.5585,1.17022 -7.899,-0.29256 -2.3404,-1.46278 -2.633,-3.21812 -3.2181,-6.43623 -0.5851,-3.21812 -3.5107,-4.09579 -0.2925,-7.02135 3.2181,-2.92556 4.9734,-2.92556 4.6809,-5.26601 -0.2926,-2.34044 -0.5852,-5.55856 -0.5852,-5.55856 z"
+      id="path3886"
+      style="fill:#c1e0b2;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Mizoram.svg b/public/map_assets/svg/Mizoram.svg
new file mode 100644
index 00000000..43855c3d
--- /dev/null
+++ b/public/map_assets/svg/Mizoram.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Mizoram" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="1050 700 519 373" xmlns="http://www.w3.org/2000/svg">
+  <g id="mizoram">
+    <path
+      d="m 1262.0867,783.28295 c 2.3405,0 7.3139,-0.87767 9.6544,-3.80323 2.3404,-2.92556 0.2925,-5.266 3.8032,-5.55856 3.5107,-0.29256 2.0479,3.21812 4.0958,4.38834 2.0479,1.17022 3.5106,0 5.8511,-2.04789 2.3404,-2.04789 2.633,-1.46278 2.633,-4.6809 0,-3.21812 -2.9256,-4.09578 0,-6.72879 2.9256,-2.633 6.7288,-6.43623 6.7288,-6.43623 0,0 0.8777,2.92556 1.1702,5.55856 0.2926,2.63301 2.9256,3.21812 3.8032,0.87767 0.8777,-2.34045 2.3405,-3.80323 2.3405,-3.80323 0,0 1.7553,1.75534 1.7553,4.97346 0,3.21811 -1.4628,7.3139 -0.8776,11.40968 0.5851,4.09579 2.0478,5.26601 5.266,5.26601 3.2181,0 6.4362,-1.75534 6.4362,-1.75534 0,0 2.0479,0 3.5107,0.87767 1.4627,0.87767 1.4627,-2.04789 4.0958,2.34045 2.633,4.38834 4.0957,1.46278 4.6808,5.55856 0.5852,4.09579 2.6331,11.40969 2.6331,11.40969 0,0 -0.8777,9.36179 -0.8777,11.40969 0,2.04789 0.2925,4.68089 -1.1702,6.43623 -1.4628,1.75533 -3.2182,1.75533 -1.7554,4.68089 1.4628,2.92556 5.8511,1.46278 4.6809,10.53202 -1.1702,9.06924 -1.1702,9.65435 -1.1702,9.65435 0,0 -5.266,3.80323 -9.3618,4.6809 -4.0958,0.87766 -7.3139,1.17022 -6.7288,4.68089 0.5851,3.51068 3.5107,8.19157 3.5107,8.19157 0,0 0.5851,2.04789 0.8777,5.55857 0.2925,3.51067 2.3404,7.3139 2.633,8.19157 0.2925,0.87766 1.1702,4.09578 1.1702,7.02134 0,2.92556 0,7.3139 0,7.3139 0,0 1.4628,9.36179 1.1702,10.82457 -0.2925,1.46278 -2.633,2.63301 -4.0958,5.55857 -1.4628,2.92556 -4.6809,8.48412 -4.6809,9.9469 0,1.46278 -0.8776,6.14368 -4.0958,4.09579 -3.2181,-2.04789 -8.4841,-5.26601 -8.4841,-5.26601 l -2.633,3.80323 c 0,0 -4.0958,2.92556 -5.266,2.04789 -1.1702,-0.87767 -3.8032,-6.72879 -3.8032,-6.72879 l 0.8776,-9.65435 c 0,0 -2.0478,-6.14367 -1.7553,-7.89901 0.2926,-1.75534 -0.8777,-7.89901 -1.1702,-10.23946 -0.2926,-2.34045 -1.1702,-7.89901 -1.1702,-10.53202 0,-2.633 0.2925,-5.55856 -2.3405,-7.89901 -2.633,-2.34045 -7.6064,-9.36179 -7.0213,-10.82457 0.5851,-1.46278 4.3883,-11.70225 4.3883,-11.70225 0,0 -4.6809,-7.3139 -5.5586,-9.36179 -0.8776,-2.04789 -3.8032,-6.43623 -3.2181,-9.06924 0.5851,-2.633 0.2926,-7.3139 -1.1702,-8.19156 -1.4628,-0.87767 -4.3883,-3.21812 -4.0958,-5.55857 0.2926,-2.34045 3.5107,-4.09578 0.2926,-4.09578 -3.2181,0 -6.7288,-13.75014 -6.7288,-13.75014 z"
+      id="path3892"
+      style="fill:#fad0cf;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Nagaland.svg b/public/map_assets/svg/Nagaland.svg
new file mode 100644
index 00000000..3dc1b772
--- /dev/null
+++ b/public/map_assets/svg/Nagaland.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Nagaland" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="1100 550 519 303" xmlns="http://www.w3.org/2000/svg">
+  <g id="nagaland">
+    <path
+      d="m 1329.6672,725.64941 c -1.7554,-2.92556 -10.2395,-12.87246 -13.1651,-14.92035 -2.9255,-2.0479 -4.0958,-6.72879 -3.8032,-8.48413 0.2926,-1.75533 0.2926,-4.97345 -1.7553,-7.3139 -2.0479,-2.34045 -3.8033,-1.17022 -2.3405,-4.09578 1.4628,-2.92556 2.633,-2.92556 4.0958,-3.80323 1.4628,-0.87767 4.3883,0 4.6809,-2.63301 0.2926,-2.633 -0.5851,-3.21811 0.8777,-5.266 1.4627,-2.0479 3.8032,-2.34045 4.3883,-4.09579 0.5851,-1.75533 1.4628,-4.09578 2.3405,-5.85112 0.8776,-1.75534 2.3404,-4.09578 4.3883,-3.21812 2.0479,0.87767 4.6809,2.0479 6.4362,2.34045 1.7554,0.29256 2.0479,-2.34045 1.4628,-3.51067 -0.5851,-1.17022 -2.0479,-0.29256 -0.8777,-2.633 1.1703,-2.34045 1.7554,-2.92556 1.4628,-3.80323 -0.2925,-0.87767 -1.7553,-3.21812 -1.4628,-4.97345 0.2926,-1.75534 0.5852,-2.34045 2.0479,-3.51068 1.4628,-1.17022 0.2926,-3.51067 2.9256,-5.55856 2.633,-2.04789 3.2181,-5.85112 3.2181,-7.60646 0,-1.75533 0,-5.26601 1.1702,-5.85112 1.1703,-0.58511 4.0958,-1.17022 4.9735,-0.29256 0.8777,0.87767 3.8032,2.0479 4.3883,0.58512 0.5851,-1.46278 -0.2925,-3.51068 1.1703,-6.72879 1.4627,-3.21812 7.0213,-6.72879 9.6543,-9.36179 2.633,-2.63301 6.7288,-5.55857 9.6544,-8.19157 2.9255,-2.63301 9.6543,-7.89902 9.6543,-7.89902 0,0 0.8777,-2.633 3.2181,-0.87766 2.3405,1.75533 4.9735,2.92556 4.9735,4.38834 0,1.46278 -1.1703,1.46278 -1.1703,4.68089 0,3.21812 0.5852,3.51067 1.7554,3.80323 1.1702,0.29256 2.0479,2.04789 1.7553,4.09579 -0.2925,2.04789 -3.2181,2.34044 -0.5851,5.266 2.633,2.92556 4.3883,3.51068 5.5586,2.34045 1.1702,-1.17022 2.9255,-1.75533 2.9255,-1.75533 0,0 0.8777,0.29255 0.2926,3.21811 -0.5851,2.92556 -4.0958,2.92556 -5.266,4.38834 -1.1702,1.46278 -6.1437,4.97346 -5.8511,7.60646 0.2925,2.633 3.5106,9.06924 3.5106,9.06924 0,0 1.1703,7.60645 1.1703,8.77668 0,1.17022 2.9255,4.38834 2.9255,5.85112 0,1.46278 -3.2181,8.48412 -3.8032,10.82457 -0.5851,2.34045 -0.8777,10.53202 -0.8777,10.53202 0,0 -1.1702,6.43623 -2.633,8.19157 -1.4628,1.75533 -7.3139,9.06923 -7.3139,9.06923 0,0 -8.7767,4.38834 -10.2394,5.85112 -1.4628,1.46278 -45.9313,21.35659 -45.9313,21.35659 z"
+      id="path3898"
+      style="fill:#fdf9bb;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Odisha.svg b/public/map_assets/svg/Odisha.svg
new file mode 100644
index 00000000..3b2a03a7
--- /dev/null
+++ b/public/map_assets/svg/Odisha.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Odisha" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="600 750 519 573" xmlns="http://www.w3.org/2000/svg">
+  <g id="odhisha">
+    <path
+      d="m 735.07136,1165.3911 c 0.64051,1.1867 0.97083,5.0999 1.45803,5.898 2.19584,3.5972 -0.40987,0.033 0.31032,0.1931 0.87998,0.1956 7.13764,-3.1288 9.09316,-3.1288 1.95552,0 5.27991,-1.2711 6.74655,-3.0311 1.46664,-1.7599 3.12883,-4.3021 5.37767,-4.3999 2.24885,-0.098 4.20437,-0.2933 5.67101,-0.5866 1.46664,-0.2934 3.22661,-4.2044 4.69325,-4.6933 1.46664,-0.4889 5.76878,-1.3688 7.91985,-0.7822 2.15107,0.5867 4.39992,2.1511 5.76878,2.9333 1.36887,0.7822 2.15107,0.88 2.54218,0.2933 0.3911,-0.5866 0.68443,-1.8577 1.75997,-3.1288 1.07553,-1.2711 3.03105,-0.88 3.12883,-3.0311 0.0978,-2.151 -0.19556,-3.6177 -0.58666,-4.5954 -0.3911,-0.9778 -0.78221,-2.8355 -0.78221,-4.6933 0,-1.8577 0.78221,-2.0533 0.58666,-3.5199 -0.19555,-1.4667 -1.95552,-1.8578 -0.19555,-4.1066 1.75996,-2.2489 2.8355,-4.3999 3.71548,-5.0844 0.87999,-0.6844 3.32439,-0.7822 3.51994,-0.1955 0.19555,0.5867 1.66219,5.671 2.73773,6.3554 1.07553,0.6845 2.93328,4.1066 2.93328,5.8666 0,1.76 2.05329,0.88 2.05329,0.88 0,0 0.58666,-1.0756 3.12883,-2.2489 2.54218,-1.1733 4.20437,-0.6844 5.2799,-3.3244 1.07554,-2.6399 1.6622,-3.911 3.61771,-3.2266 1.95552,0.6845 3.22661,1.76 4.59548,2.0533 1.36886,0.2934 3.81326,1.3689 5.08435,0.88 1.27108,-0.4889 2.34662,-2.2488 2.34662,-2.2488 0,0 -3.03106,-1.2711 -2.8355,-2.7378 0.19555,-1.4666 1.95552,-1.6621 2.15107,-3.4221 0.19555,-1.76 -2.15107,-3.7155 -1.75997,-6.7466 0.3911,-3.031 1.17331,-3.3243 3.51993,-4.1066 2.34663,-0.7822 7.62653,-4.0088 9.28872,-6.2576 1.66219,-2.2489 2.93328,-3.9111 2.93328,-5.671 0,-1.76 -0.58665,-3.8133 -0.29333,-4.3022 0.29333,-0.4888 1.46664,0.1956 2.24885,-0.7822 0.78221,-0.9777 1.27109,-3.031 1.27109,-3.6177 0,-0.5866 -1.36887,-1.4666 1.07553,-2.4444 2.4444,-0.9777 2.93328,-0.1955 4.10659,0.4889 1.17332,0.6844 2.63996,0.1956 3.61772,-1.5644 0.97775,-1.76 1.56441,-2.8355 1.56441,-2.8355 0,0 0.87998,0.4889 1.46664,2.1511 0.58666,1.6621 -0.3911,3.911 0.97776,5.671 1.36886,1.7599 3.03106,2.6399 3.22661,1.5644 0.19555,-1.0756 0.68443,-2.64 0.68443,-2.64 0,0 0.58665,1.76 2.24885,3.7155 1.66219,1.9555 2.4444,2.64 3.42216,4.1066 0.97775,1.4666 3.81326,2.5422 7.91985,2.2488 4.10659,-0.2933 6.25766,-0.2933 9.58204,-0.4888 3.32439,-0.1956 4.98658,-0.5867 6.25767,-1.8578 1.27108,-1.2711 3.91103,-2.151 4.98657,-4.6932 1.07554,-2.5422 0.87998,-6.3555 4.20437,-6.7466 3.32438,-0.3911 6.15988,-3.1288 8.40873,-2.9332 2.24885,0.1955 6.74654,-0.6845 8.21318,-3.7155 1.46664,-3.0311 3.51994,-5.4755 6.06211,-7.8221 2.54218,-2.3466 8.11541,-2.2489 9.87537,-5.8666 1.75997,-3.6177 5.27991,-2.4444 5.67101,-4.5954 0.3911,-2.1511 1.66219,-5.9644 -1.07553,-6.3555 -2.73773,-0.3911 -6.25767,0.5867 -7.13765,-1.2711 -0.87998,-1.8577 -0.58666,-3.2266 1.17331,-4.2043 1.75997,-0.9778 7.91985,-5.2799 8.89761,-5.3777 0.97776,-0.098 0.78221,3.911 0.87999,4.4977 0.0978,0.5866 0.87998,5.0843 3.51993,5.5732 2.63995,0.4889 4.10659,-0.3911 6.84432,-1.4666 2.73773,-1.0756 6.25766,-2.3466 8.79984,-4.0088 2.54217,-1.6622 16.62191,-7.7243 23.27068,-10.1687 6.64877,-2.4444 13.29753,-8.0177 15.35083,-10.9509 2.05332,-2.9333 9.28872,-11.1465 10.16872,-11.3421 0.88,-0.1955 4.1066,-4.1065 4.3021,-6.3554 0.1956,-2.2488 -1.5644,-4.3021 -1.0755,-6.7465 0.4889,-2.4444 4.3021,-5.671 5.0843,-6.4533 0.7822,-0.7822 3.0311,-4.0088 3.7155,-4.98653 0.6845,-0.97776 -0.88,-4.79102 -0.88,-5.76878 0,-0.97776 0.5867,-3.71548 1.1733,-4.8888 0.5867,-1.17331 -0.098,-3.2266 -0.8799,-4.49769 -0.7822,-1.27109 -8.5065,-6.84432 -7.7243,-10.75536 0.7822,-3.91104 2.6399,-4.98657 4.3999,-7.13764 1.76,-2.15107 5.9643,-5.47546 7.5287,-7.23543 1.5644,-1.75996 3.1289,-3.03105 5.2799,-3.12883 2.1511,-0.0978 4.4,-1.66219 7.6266,-3.03105 3.2266,-1.36886 0.7822,-2.4444 6.2576,-2.93328 5.4755,-0.48888 8.5065,0.0978 12.3198,-1.36886 3.8133,-1.46664 5.4754,-1.36887 4.3999,-2.73773 -1.0755,-1.36886 0.4889,-2.4444 -1.2711,-5.2799 -1.7599,-2.83551 -4.2043,-6.55099 -8.4087,-6.55099 -4.2044,0 -22.7818,-5.37768 -23.8573,-5.96434 -1.0756,-0.58665 -20.7285,-17.30634 -24.6396,-18.08855 -3.91103,-0.78221 -26.20395,-13.00421 -29.33278,-11.63534 -3.12883,1.36886 -9.67982,14.66639 -10.26648,16.03526 -0.58665,1.36886 -39.30594,-12.02645 -45.9547,-14.2753 -6.64877,-2.24884 -30.60388,-2.8355 -30.70166,-3.2266 -0.0978,-0.39111 -3.03105,7.52875 -4.79102,7.62652 -1.75997,0.0978 -8.50651,0.58666 -8.50651,0.58666 0,0 -2.70931,0.24343 -3.19819,1.22119 -0.48888,0.97776 2.60729,9.67982 -0.32598,10.1687 -1.23883,0.20647 -5.84639,5.09155 -10.46679,4.58056 -2.59783,-0.2873 -4.90154,1.36251 -9.24743,4.78934 -1.11288,0.87753 1.13331,4.51422 -0.06,5.49619 -0.74617,0.61405 1.47482,0.65819 0.59863,1.15627 -1.60511,0.91244 -1.69126,-0.99951 -3.76365,-0.31818 -3.15691,1.03788 6.96596,11.47844 0.28241,9.91244 -0.46474,-0.10889 -1.86207,4.70184 -3.75652,3.93673 -0.91572,-0.36983 -3.53731,-0.86533 -4.15553,1.27993 -1.70729,5.92435 -2.61042,6.89678 -4.21938,8.06975 -2.59573,1.89236 1.66032,12.038 -2.48664,9.2772 -0.41882,-0.27883 6.17686,2.59698 5.3946,4.21267 -0.68931,1.42369 -2.98277,-1.05856 -5.12499,0.35062 -1.47085,0.96754 -0.0631,3.24789 -1.44993,4.76726 -0.69531,0.76175 -1.77228,0.15841 -2.90055,1.09281 -1.97594,1.63641 -4.10922,11.9547 -4.17297,8.72522 -0.01,-0.49949 -1.98471,-0.172 -3.41864,-1.12924 -1.25664,-0.83888 -2.25921,-2.95549 -4.20999,-3.97742 -3.12321,-1.63613 -3.15422,3.07226 -7.11033,1.84729 -1.44722,-0.44812 -3.91297,0.16245 -5.5218,-0.37122 -2.31808,-0.76893 -5.5255,4.42662 -6.07264,7.63995 -0.55239,3.2441 -0.61087,8.59698 -3.53175,5.98674 -1.01698,-0.90881 -0.39139,4.12499 -1.42173,2.63342 -0.61007,-0.88317 3.14939,4.73574 1.27311,5.58524 -2.08701,0.945 -4.12742,-2.84327 -7.47598,-1.6087 -3.60351,1.3286 3.36905,7.8896 0.19375,10.366 -0.9087,0.7086 0.11909,4.4484 0.46719,7.5359 0.26627,2.3616 2.39694,6.3775 0.69707,6.3274 -1.56652,-0.046 2.95224,6.5545 0.0335,4.0128 -1.50659,-1.312 0.58619,4.0761 1.33095,7.9537 0.31236,1.6263 -0.22973,4.131 0.57537,7.3214 0.70215,2.7824 8.46325,3.5884 8.16571,4.7092 -0.13043,0.4912 10.4255,0.3247 8.65573,0.3779 -0.75195,0.023 0.2966,3.9542 -0.86095,6.1572 -0.45373,0.8635 2.19762,3.347 1.09526,3.5718 -0.4941,0.1008 -3.18676,1.9608 -4.55676,1.5078 -1.51827,-0.502 -6.47214,-0.8404 -4.94149,-2.4359 0.79769,-0.8315 -2.92172,0.01 -4.07802,-1.254 -1.23513,-1.3495 -6.61468,1.7628 -7.44599,0.3994 -0.89176,-1.4626 -4.21002,-7.3595 -4.40637,-7.495 -2.25198,-1.5541 -11.72619,-1.7121 -13.48248,-3.1193 -1.13922,-0.9128 -2.74837,0.3544 -3.87649,0.4612 -1.31879,0.1248 -4.48681,0.4951 -5.22261,1.597 -0.94668,1.4178 0.65038,3.7504 -0.24989,5.2017 -1.23154,1.9853 4.05027,4.0643 4.40989,4.5346 0.59589,0.7793 7.67192,1.2894 8.32109,4.0852 0.30648,1.3199 -0.51849,3.0378 -1.66416,4.6192 -0.7844,1.0828 3.25745,2.1015 2.43259,2.8847 -0.34262,0.3254 -0.52329,3.4696 -0.97808,6.7208 -0.27691,1.9796 6.58322,4.225 6.00465,5.6717 -0.32653,0.8164 4.80369,3.2277 3.04082,3.5291 -1.47962,0.2529 0.51436,12.2611 -2.65801,11.5773 -1.11235,-0.2397 5.79357,3.4642 5.21788,5.8986 -0.52299,2.2116 -0.21007,5.8222 -3.15684,6.6003 -1.4071,0.3715 -2.99009,7.4627 -5.19906,6.9561 -1.27808,-0.2931 0.48024,4.3185 -4.2003,4.0736 -2.05329,0.6845 -8.33742,-3.396 -5.59969,-2.1249 2.73772,1.2711 0.43433,0.6615 -1.22787,3.3015 1.27852,2.8661 6.53261,2.8322 2.62158,4.7877 -1.68252,0.8413 -4.78176,8.6084 -9.23538,10.9289 -5.89886,3.0735 -9.02262,5.3818 -10.30401,6.7189 -0.56782,0.5925 -2.7179,-1.2027 -3.98399,1.1052 -3.42142,6.2366 -1.50565,10.556 -1.50565,10.556 l -0.98395,5.261 z"
+      id="path3832"
+      style="fill:#fad0cf;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Rajasthan.svg b/public/map_assets/svg/Rajasthan.svg
new file mode 100644
index 00000000..29f7885e
--- /dev/null
+++ b/public/map_assets/svg/Rajasthan.svg
@@ -0,0 +1,10 @@
+<svg aria-label="Rajasthan" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="100 150 519 1073" xmlns="http://www.w3.org/2000/svg">
+  <g id="rajasthan">
+    <path
+      data-image="./States/images/rajasthan.jpg"
+      d="m 503.81023,592.30999 11.71147,9.97644 1.51816,1.73503 0.21688,2.38567 -0.43376,2.81943 c 0,0 -0.65064,8.02453 0.65064,9.97644 1.30127,1.95191 3.0363,3.03631 3.47006,1.30128 0.43376,-1.73504 1.51816,-2.60255 2.81943,-1.95192 1.30128,0.65064 1.30128,-0.21688 3.68695,1.95192 2.38567,2.16879 3.90382,2.81942 4.1207,4.33758 0.21688,1.51815 -0.21688,1.95191 0.65064,3.90382 0.86751,1.95191 3.03631,1.51816 1.73503,3.47007 -1.30127,1.95191 -3.68694,4.33758 -4.98822,4.33758 -1.30127,0 -4.33758,0 -2.81943,1.51816 1.51816,1.51815 1.51816,1.51815 1.51816,1.51815 0,0 2.38567,-0.43376 1.51815,1.51815 -0.86752,1.95192 1.73503,1.95192 3.25319,1.95192 1.51815,0 2.38567,-1.95192 2.60255,0.43375 0.21688,2.38567 -1.73504,4.12071 -2.81943,4.55447 -1.0844,0.43375 -5.63886,-0.43376 -7.37389,-0.21688 -1.73504,0.21688 -3.25319,-0.65064 -3.47007,1.95191 -0.21688,2.60255 0.43376,5.63886 0.43376,5.63886 0,0 2.38567,-0.43376 3.03631,-1.95192 0.65063,-1.51815 1.08439,-1.30127 4.55446,-1.51815 3.47007,-0.21688 3.90382,-0.65064 5.2051,-1.51815 1.30127,-0.86752 2.38567,-2.81943 5.42198,-1.51816 3.0363,1.30128 4.1207,0.21688 6.28949,0 2.16879,-0.21688 3.03631,-1.30127 3.47007,0.43376 0.43376,1.73503 0.21688,2.60255 -1.0844,3.68695 -1.30127,1.08439 -1.51815,1.08439 -0.43376,3.25318 1.0844,2.16879 2.60255,4.55446 -2.16879,4.77134 -4.77134,0.21688 -5.2051,0.86752 -6.50637,2.1688 -1.30128,1.30127 -1.73503,2.16879 -4.33758,2.60254 -2.60255,0.43376 -3.90383,1.30128 -3.90383,1.30128 0,0 1.0844,1.73503 0,2.81943 -1.08439,1.08439 0,-1.0844 -2.81943,0.43376 -2.81943,1.51815 -5.63886,2.81943 -6.50637,2.81943 -0.86752,0 -3.47007,-3.03631 -7.15701,1.30127 -3.68695,4.33758 0.21688,5.2051 -3.90383,6.72325 -4.1207,1.51816 -10.84395,3.03631 -11.71147,4.55447 -0.86752,1.51815 -1.30128,3.25318 -2.81943,3.90382 -1.51815,0.65064 -5.85574,1.0844 -6.94013,1.95191 -1.0844,0.86752 0,3.03631 -0.86752,4.98822 -0.86751,1.95191 -0.43376,1.73504 -1.73503,2.81943 -1.30128,1.0844 -0.43376,1.51815 -1.95191,2.60255 -1.51816,1.0844 -2.1688,0.65064 -6.07262,1.0844 -3.90382,0.43375 -5.85574,1.30127 -6.07262,3.25318 -0.21687,1.95192 -0.43375,5.2051 -2.81942,7.15701 -2.38567,1.95192 -1.30128,4.33759 0,6.94014 1.30127,2.60255 -1.0844,6.72325 2.60255,9.10892 3.68694,2.38567 7.59077,4.1207 10.62707,6.72325 3.03631,2.60255 3.03631,4.33759 7.37389,4.33759 4.33759,0 5.85574,1.73503 8.24141,0 2.38567,-1.73504 3.03631,-1.73504 5.85574,-1.30128 2.81943,0.43376 3.25318,1.95191 4.1207,0.21688 0.86752,-1.73503 2.38567,-6.07262 3.90383,-6.50637 1.51815,-0.43376 1.73503,-2.16879 3.0363,-0.43376 1.30128,1.73503 0.21688,3.03631 0.65064,5.85574 0.43376,2.81942 0.65064,3.0363 1.95191,3.68694 1.30128,0.65064 2.60255,1.51815 1.51816,2.81943 -1.0844,1.30127 -2.38567,-0.43376 -1.51816,1.95191 0.86752,2.38567 1.95192,3.03631 1.0844,3.90383 -0.86752,0.86751 -3.47007,2.38567 -4.98822,1.51815 -1.51816,-0.86752 -3.47007,-1.73503 -4.33758,-1.51815 -0.86752,0.21687 -6.07262,2.81942 -8.67517,3.0363 -2.60255,0.21688 -5.63886,-1.08439 -8.02453,0.21688 -2.38567,1.30128 -3.68694,6.50638 -2.81943,7.59077 0.86752,1.0844 1.51816,2.16879 0.43376,3.47007 -1.08439,1.30127 -3.03631,0.21688 -1.95191,2.16879 1.0844,1.95191 3.47007,1.0844 5.85574,2.60255 2.38567,1.51815 4.33758,4.33758 4.1207,8.67517 -0.21688,4.33758 0.65064,7.37389 -1.73503,7.59076 -2.38567,0.21688 -6.2895,0 -8.24141,-1.30127 -1.95191,-1.30127 -3.47007,-3.03631 -3.68695,-1.73503 -0.21687,1.30127 -1.08439,1.08439 0.43376,3.25318 1.51816,2.1688 1.73504,1.73504 1.51816,3.90383 -0.21688,2.16879 -0.86752,2.38567 -0.65064,4.33758 0.21688,1.95191 -2.16879,0.86752 0.86752,2.38567 3.0363,1.51816 3.68694,2.38567 3.0363,4.98822 -0.65063,2.60255 -1.08439,3.68695 -1.08439,5.42198 0,1.73503 -2.16879,4.1207 -2.81943,3.03631 -0.65064,-1.0844 0,-2.60255 -1.73503,-2.81943 -1.73504,-0.21688 -2.60255,0.43376 -4.33759,-1.95191 -1.73503,-2.38567 -0.86751,-4.12071 -0.65063,-5.2051 0.21688,-1.0844 0.86751,-4.55446 -2.38567,-1.95191 -3.25319,2.60255 -4.77135,4.77134 -4.55447,6.07261 0.21688,1.30128 -2.16879,2.16879 -3.25318,0.65064 -1.0844,-1.51816 -1.95192,-4.1207 -6.07262,-3.68695 -4.1207,0.43376 -9.10892,1.30128 -9.75956,0.21688 -0.65064,-1.08439 0.86752,-3.47006 -1.51815,-4.1207 -2.38567,-0.65064 -4.33759,0.21688 -4.33759,2.81943 0,2.60255 1.30128,4.98822 0,7.15701 -1.30127,2.16879 -5.63885,5.85574 -7.59077,6.50637 -1.95191,0.65064 0.65064,1.73504 -2.16879,4.12071 -2.81943,2.38567 -3.68694,4.55446 -5.2051,4.55446 -1.51815,0 -4.98822,-2.81943 -6.28949,-2.38567 -1.30128,0.43376 -1.0844,2.38567 -1.0844,4.1207 0,1.73503 -0.86751,3.25319 -2.38567,1.95191 -1.51815,-1.30127 -1.73503,-2.16879 -3.47006,-1.51815 -1.73504,0.65064 -1.30128,0.21688 -2.60255,-1.51815 -1.30128,-1.73504 -1.30128,-4.12071 -3.25319,-4.77134 -1.95191,-0.65064 -4.1207,-1.0844 -2.16879,-2.38568 1.95191,-1.30127 4.1207,-0.43375 6.07261,-1.51815 1.95192,-1.08439 2.16879,-3.03631 3.90383,-3.03631 1.73503,0 4.33758,1.30128 4.33758,2.38567 0,1.0844 2.81943,2.60255 3.90383,-0.65063 1.08439,-3.25319 1.51815,-1.0844 0.43375,-4.77135 -1.08439,-3.68694 -2.16879,-4.55446 -1.08439,-6.50637 1.08439,-1.95191 5.42198,-2.60255 4.77134,-4.1207 -0.65064,-1.51816 -6.07262,-2.16879 -6.07262,-5.63886 0,-3.47007 0.65064,-4.77134 1.73504,-4.1207 1.08439,0.65063 5.42197,1.08439 6.50637,-1.30128 1.0844,-2.38567 2.38567,-2.60255 0,-5.42198 -2.38567,-2.81943 -2.38567,-3.47006 -2.38567,-6.94013 0,-3.47007 0.65064,-5.85574 -1.0844,-5.63886 -1.73503,0.21688 -1.73503,0.21688 -1.73503,0.21688 0,0 -2.38567,2.38567 -4.55446,1.73504 -2.16879,-0.65064 -2.16879,-0.43376 -3.25319,1.08439 -1.08439,1.51815 -1.08439,1.51815 -3.47006,1.0844 -2.38567,-0.43376 -1.30128,-1.0844 -3.47007,0.65063 -2.16879,1.73504 -2.81943,2.1688 -4.55446,0.43376 -1.73504,-1.73503 -3.03631,-2.60255 -5.63886,-2.60255 -2.60255,0 -3.90382,0.86752 -4.98822,-0.21688 -1.0844,-1.08439 -1.95191,-5.42197 -1.30127,-6.28949 0.65063,-0.86752 3.47006,-2.16879 4.33758,-1.51816 0.86751,0.65064 1.30127,2.1688 3.25319,1.30128 1.95191,-0.86752 3.25318,-1.0844 2.60254,-1.95191 -0.65063,-0.86752 -3.0363,-0.43376 -4.55446,-1.73504 -1.51815,-1.30127 -2.60255,-1.95191 -1.51815,-2.60255 1.08439,-0.65063 1.08439,-0.65063 1.08439,-0.65063 0,0 1.95192,0.65063 2.81943,-0.43376 0.86752,-1.0844 1.30128,-5.63886 0.65064,-5.85574 -0.65064,-0.21688 -9.54268,1.0844 -9.54268,1.0844 0,0 -3.47007,4.55446 -3.90383,6.07261 -0.43375,1.51816 -1.51815,3.47007 -3.68694,3.47007 -2.16879,0 -4.55446,1.73503 -6.07262,-0.65064 -1.51815,-2.38567 -4.33758,-3.25318 -4.33758,-3.25318 0,0 -1.30127,2.60255 0.21688,3.90382 1.51815,1.30127 2.16879,3.03631 3.90382,3.68695 1.73504,0.65063 2.38567,2.38567 0.86752,4.1207 -1.51815,1.73503 -0.43376,2.38567 -3.03631,2.38567 -2.60255,0 -5.85573,1.08439 -6.07261,2.81943 -0.21688,1.73503 -0.43376,2.38567 -1.73504,3.90382 -1.30127,1.51816 -0.43375,2.38567 1.30128,4.55446 1.73503,2.1688 3.90382,2.1688 2.16879,6.07262 -1.73503,3.90382 -3.68695,3.03631 -2.16879,5.63886 1.51815,2.60255 3.03631,2.81943 4.55446,3.25318 1.51815,0.43376 -1.51815,3.47007 0.86752,6.94014 2.38567,3.47006 3.68694,3.25318 3.47006,4.77134 -0.21688,1.51815 -0.43376,3.47006 -1.73503,5.63886 -1.30127,2.16879 -3.03631,4.33758 -1.0844,6.72325 1.95192,2.38567 3.90383,3.68694 2.38567,5.63886 -1.51815,1.95191 -2.16879,3.47006 -1.51815,4.98822 0.65064,1.51815 -1.51815,3.47006 -3.47007,4.1207 -1.95191,0.65064 -3.25318,1.95191 -3.47006,3.03631 -0.21688,1.08439 -2.81943,1.30127 -6.2895,1.73503 -3.47006,0.43376 -7.37389,3.68695 -7.37389,5.63886 0,1.95191 -1.30127,3.03631 -1.30127,3.68694 0,0.65064 1.08439,0.43376 3.25319,1.0844 2.16879,0.65064 3.90382,-0.86752 5.42197,1.51815 1.51816,2.38567 3.03631,4.55447 1.73504,5.63886 -1.30128,1.0844 -4.77134,1.51815 -6.72326,2.38567 -1.95191,0.86752 -2.38567,-0.43376 -5.63885,1.30128 -3.25319,1.73503 -4.33759,2.81942 -6.72326,3.0363 -2.38567,0.21688 -3.25318,0.43376 -4.77134,-1.51815 -1.51815,-1.95191 -3.03631,-3.03631 -5.2051,-4.1207 -2.16879,-1.0844 -3.03631,0.21688 -3.03631,-2.38567 0,-2.60255 -0.86751,-3.25319 -2.16879,-4.12071 -1.30127,-0.86751 -0.86751,-0.43376 -2.16879,-2.60255 -1.30127,-2.16879 -2.81943,-0.21688 -3.03631,-2.16879 -0.21687,-1.95191 -2.60255,-2.81943 -2.60255,-2.81943 0,0 -1.95191,-0.43376 -2.81942,1.30128 -0.86752,1.73503 -2.1688,5.2051 -4.12071,2.81943 -1.95191,-2.38567 -4.77134,-4.33759 -6.50637,-5.63886 -1.73503,-1.30128 -0.43376,-5.42198 -0.86752,-8.24141 -0.43376,-2.81943 0.43376,-3.90382 -2.81943,-5.42198 -3.25318,-1.51815 -4.77134,0 -7.15701,-1.95191 -2.38567,-1.95191 -6.07261,-6.07261 -6.07261,-8.24141 0,-2.16879 2.38567,-3.47006 3.47006,-4.55446 1.0844,-1.08439 -0.21688,-5.63886 -0.86751,-6.94013 -0.65064,-1.30128 -1.95192,-2.60255 -2.60255,-5.2051 -0.65064,-2.60255 -1.0844,-3.68694 -1.0844,-3.68694 l -2.81943,2.16879 -1.08439,4.55446 -2.1688,1.30127 c 0,0 -1.95191,-1.95191 -1.95191,-3.68694 0,-1.73504 0.43376,-2.60255 -0.65064,-4.33758 -1.08439,-1.73504 -2.16879,-2.81943 -2.60254,-3.68695 -0.43376,-0.86752 -1.51816,-4.55446 -0.21688,-5.2051 1.30127,-0.65064 3.0363,-1.0844 3.68694,-1.95191 0.65064,-0.86752 -1.30127,-4.33758 -1.73503,-5.2051 -0.43376,-0.86752 -3.25319,-8.45829 -4.12071,-9.75956 -0.86751,-1.30128 -0.43375,2.38567 -1.08439,3.68694 -0.65064,1.30128 -1.73503,5.2051 -2.60255,5.85574 -0.86752,0.65064 -4.77134,3.90382 -5.85574,3.47007 -1.08439,-0.43376 -4.55446,-0.65064 -6.07261,-1.30128 -1.51816,-0.65064 -4.55447,-3.03631 -5.42198,-3.25319 -0.86752,-0.21687 -5.42198,-4.55446 -6.2895,-5.20509 -0.86751,-0.65064 -1.95191,0.86751 -1.95191,1.51815 0,0.65064 -8.02453,-3.90383 -10.4102,-3.68695 -2.38567,0.21688 -4.77134,-0.43375 -2.60255,-1.73503 2.16879,-1.30127 5.2051,-0.86752 5.42198,-2.16879 0.21688,-1.30128 0.86752,-2.81943 -1.95191,-2.81943 -2.81943,0 -9.97644,0 -12.36211,-0.86752 -2.38567,-0.86751 -8.02453,1.73504 -8.45829,0 -0.43376,-1.73503 -2.81943,-3.90382 -3.03631,-2.16879 -0.21687,1.73504 1.73504,4.33759 -0.86751,3.47007 -2.60255,-0.86752 -3.25319,-1.30128 -5.42198,-2.16879 -2.16879,-0.86752 -3.68695,-0.43376 -4.77134,-1.51816 -1.0844,-1.08439 -6.94013,-1.51815 -9.3258,-0.65063 -2.38567,0.86751 -7.37389,3.25318 -10.4102,2.60255 -3.03631,-0.65064 -5.2051,1.08439 -5.42198,-1.0844 -0.21688,-2.16879 1.30127,-4.77134 -1.51816,-4.1207 -2.81942,0.65063 -5.42197,3.68694 -8.2414,3.90382 -2.81943,0.21688 -7.15701,-12.79587 -6.72326,-15.39842 0.43376,-2.60255 -6.94013,-11.49459 -6.94013,-13.4465 0,-1.95192 -5.42198,-11.06084 -3.68694,-12.79587 1.73503,-1.73504 5.2051,-4.77134 4.55446,-6.72326 -0.65064,-1.95191 -3.25319,-3.47006 -6.2895,-2.16879 -3.0363,1.30128 -9.54268,4.77134 -11.71147,1.51816 -2.16879,-3.25319 -12.79587,-13.01275 -12.79587,-14.96466 0,-1.95192 -3.68694,-11.92836 -2.60255,-13.22963 1.0844,-1.30128 8.89205,-17.78409 8.89205,-18.65161 0,-0.86751 -2.16879,-5.85573 -1.73504,-6.72325 0.43376,-0.86752 -1.08439,-2.38567 -2.60255,-2.38567 -1.51815,0 -6.72325,1.51815 -8.2414,0.65064 -1.51816,-0.86752 -3.68695,-3.90383 -5.85574,-4.33759 -2.16879,-0.43375 -6.07262,2.60255 -9.3258,-1.51815 -3.25319,-4.1207 -8.24141,-13.22963 -8.24141,-17.35033 0,-4.1207 -0.21688,-6.94013 1.0844,-9.97644 1.30127,-3.03631 5.2051,-6.94013 6.94013,-8.02453 1.73503,-1.08439 17.35033,-13.88026 18.43472,-15.18154 1.0844,-1.30127 16.26594,-19.736 18.00097,-22.55543 1.73504,-2.81943 17.13345,-9.10892 19.95288,-8.24141 2.81943,0.86752 5.42198,3.03631 5.42198,4.12071 0,1.08439 -0.86751,6.28949 0,8.67516 0.86752,2.38567 2.81943,3.90383 2.81943,5.2051 0,1.30128 0.21688,3.90383 1.30128,3.90383 1.08439,0 4.77134,-1.51816 6.50637,-3.03631 1.73503,-1.51815 2.16879,-2.38567 9.75956,-2.60255 7.59077,-0.21688 6.2895,-1.73503 12.57899,-2.38567 6.2895,-0.65064 10.84396,1.08439 13.88026,1.30127 3.03631,0.21688 9.32581,-0.21688 10.19332,-2.38567 0.86752,-2.16879 1.51816,-1.51815 2.1688,-5.2051 0.65063,-3.68694 1.73503,-6.94013 4.55446,-8.67516 2.81943,-1.73503 9.10892,-3.90383 11.71147,-8.02453 2.60255,-4.1207 3.47007,-14.5309 6.94013,-16.91657 3.47007,-2.38567 4.55446,-2.16879 6.72326,-4.55446 2.16879,-2.38567 2.60255,-4.12071 3.0363,-6.07262 0.43376,-1.95191 2.81943,-3.47007 7.15702,-3.03631 4.33758,0.43376 10.19331,-0.86751 11.27771,-2.16879 1.0844,-1.30127 12.57899,-15.39842 13.01275,-17.35033 0.43376,-1.95191 1.08439,-1.30127 1.73503,-3.47007 0.65064,-2.16879 2.60255,-4.33758 3.90383,-6.72325 1.30127,-2.38567 5.85573,-5.42198 5.85573,-6.94013 0,-1.51815 6.50638,-25.37486 8.02453,-26.24238 1.51815,-0.86751 6.94013,-2.16879 13.22963,-3.0363 6.28949,-0.86752 1.73503,-2.1688 6.07261,-3.47007 4.33759,-1.30128 0.21688,-0.21688 9.32581,0.21688 9.10892,0.43376 23.42294,0.65064 29.49556,0.86752 6.07261,0.21687 11.06083,0.43375 11.27771,9.97644 0.21688,9.54268 1.30128,15.61529 5.2051,18.00096 3.90383,2.38567 62.46119,30.79684 60.94304,44.02647 -1.51815,13.22963 22.77231,37.95385 31.88123,34.05002 9.10893,-3.90382 20.60352,18.65161 20.60352,18.65161 z"
+      id="path3796"
+      style="fill:#fad0cf;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Sikkim.svg b/public/map_assets/svg/Sikkim.svg
new file mode 100644
index 00000000..b8d7f593
--- /dev/null
+++ b/public/map_assets/svg/Sikkim.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Sikkim" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="800 550 519 153" xmlns="http://www.w3.org/2000/svg">
+  <g id="sikkim">
+    <path
+      d="m 1089.9302,639.28227 c 3.7008,0.49062 2.9557,7.62871 9.6817,1.3516 11.9377,-11.14092 -7.0075,3.10217 -14.229,-19.42696 -0.2926,-1.17022 2.3404,-4.68089 2.3404,-4.68089 0,0 4.0958,-2.92556 2.0479,-6.43624 -2.0479,-3.51067 -4.6809,-2.34045 -5.266,-6.43623 -0.5851,-4.09578 2.3404,-8.19157 2.3404,-9.65435 0,-1.46278 2.0479,-11.11713 2.0479,-11.11713 l -6.4362,-11.9948 c 0,0 -4.6809,-3.51067 -9.3618,-3.21811 -4.6809,0.29255 -7.3139,4.09578 -9.3618,5.26601 -2.0479,1.17022 -7.6064,3.51067 -11.1171,4.09578 -3.5107,0.58511 -7.3139,-0.29255 -7.0214,3.51067 0.2926,3.80323 4.3884,5.26601 4.9735,7.3139 0.5851,2.0479 0.5851,6.72879 -1.1702,8.19157 -1.7554,1.46278 -4.6809,7.3139 -4.3884,8.77668 0.2926,1.46278 2.3405,11.11713 0.8777,12.87247 -1.4628,1.75534 -2.3404,8.19157 -2.633,9.06924 -0.2926,0.87766 2.3404,4.09578 4.9735,8.48412 12.6008,26.0513 -3.2431,5.29919 11.1597,8.69919 6.6112,1.56068 4.2106,1.50277 7.7831,0.40808 7.7309,-2.36892 5.8438,2.69599 8.8699,-1.55896 1.8263,-2.56795 4.9388,0.85645 10.4343,0.11313 1.8942,-0.25621 0.8886,-3.17243 3.4549,-3.62877 z"
+      id="path3883"
+      style="fill:#fad0cf;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/TamilNadu.svg b/public/map_assets/svg/TamilNadu.svg
new file mode 100644
index 00000000..ae5a9620
--- /dev/null
+++ b/public/map_assets/svg/TamilNadu.svg
@@ -0,0 +1,9 @@
+<svg aria-label="TamilNadu" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="300 1300 519 673" xmlns="http://www.w3.org/2000/svg">
+  <g id="tamilnadu">
+    <path
+      d="m 446.42828,1505.0009 c 0,0.1895 0.18946,2.9368 0.33156,3.1262 0.1421,0.1895 0.75786,1.9894 0.89996,3.5999 0.1421,1.6104 0.0947,2.6998 -0.0947,3.9314 -0.18947,1.2315 -1.13679,1.7052 0.18947,3.0314 1.32625,1.3263 1.04206,0.7579 1.75255,1.8947 0.7105,1.1368 3.45775,2.2262 3.55248,2.8893 0.0947,0.6632 1.32626,1.0421 2.22622,1.6105 0.89996,0.5684 3.55248,1.4683 4.12088,2.5578 0.56839,1.0894 -0.33157,2.463 0.18946,3.8367 0.52103,1.3736 3.45775,4.3577 4.35771,5.0208 0.89996,0.6631 3.36302,2.2736 3.83668,2.6525 0.47366,0.3789 1.08943,-0.3316 1.46836,1.6105 0.37893,1.942 0.94733,4.4524 0.4263,5.0208 -0.52103,0.5684 -1.89466,1.421 -2.51042,2.4157 -0.61577,0.9947 -0.89996,1.7052 -0.4263,2.6051 0.47366,0.9 0.99469,1.8473 2.13149,2.3684 1.13679,0.521 5.9208,2.7472 7.53125,3.4103 1.61046,0.6632 2.51042,0.9947 2.93672,1.9421 0.4263,0.9473 1.18416,4.2156 0.7105,4.784 -0.47367,0.5684 -2.55779,2.7946 -3.36302,3.1735 -0.80523,0.3789 -2.84198,1.0421 -2.93671,1.942 -0.0947,0.9 2.51041,4.2156 2.46305,5.7314 -0.0474,1.5157 0.4263,4.3577 -0.18947,6.2523 -0.61576,1.8947 -2.51042,2.9947 -0.71049,5.8367 1.79992,2.842 3.36301,2.0735 4.21561,3.1156 0.85259,1.042 1.42099,1.7525 1.89465,2.0367 0.47367,0.2842 2.08412,0.5211 3.41038,-0.7105 1.32626,-1.2315 6.205,-2.984 7.34179,-3.7419 1.1368,-0.7579 2.13149,-1.942 3.31565,-1.5631 1.18416,0.3789 2.84199,0.9 3.88405,1.6105 1.04206,0.7105 2.51041,3.0788 2.13148,3.5998 -0.37893,0.521 -1.70519,2.4157 -2.41568,3.0788 -0.7105,0.6632 -2.93672,0.6158 -2.17886,2.4631 0.75787,1.8473 2.03676,3.5998 2.32096,4.8314 0.2842,1.2315 -0.18947,5.7313 -0.8526,7.3891 -0.66313,1.6578 -1.37362,3.363 -0.94733,4.3577 0.4263,0.9947 1.18416,2.5578 1.04206,3.0315 -0.14209,0.4736 -0.18946,2.6525 -1.51572,4.3103 -1.32626,1.6578 -2.27359,3.1262 -2.60515,4.1209 -0.33157,0.9947 -0.61577,3.4104 0.18946,3.5051 0.80523,0.095 2.36832,0.8526 3.78932,-0.9 1.42099,-1.7525 2.17885,-2.463 2.93671,-2.463 0.75786,0 3.50511,2.0367 4.16824,3.0788 0.66313,1.0421 1.18416,1.0894 1.23153,2.5578 0.0474,1.4683 0.7105,7.4365 -1.27889,8.9049 -1.98939,1.4683 -3.78931,2.3683 -4.35771,3.7419 -0.5684,1.3736 -1.37363,7.3892 -1.46836,9.0944 -0.0947,1.7052 -0.52103,2.984 -2.36832,4.3577 -1.84729,1.3736 -3.07881,1.2789 -3.59984,2.9841 -0.52103,1.7051 -0.18947,3.884 0.89996,5.2103 1.08942,1.3262 2.93671,1.8946 3.07881,3.7419 0.1421,1.8473 0.2842,5.0208 -1.08942,5.8261 -1.37363,0.8052 -2.22622,0.9473 -2.79462,2.2736 -0.5684,1.3262 0.37893,2.6525 1.08943,3.6472 0.71049,0.9947 2.55778,3.5998 2.55778,5.0208 0,1.421 -0.61576,3.5525 -1.65782,5.0682 -1.04206,1.5157 -3.36302,5.1629 -3.36302,6.1576 0,0.9947 0.89996,3.5999 1.1368,3.742 0.23683,0.1421 3.36301,-1.5631 4.97347,0.6631 1.61046,2.2262 -0.0474,4.1683 3.22091,4.6893 3.26828,0.521 4.59454,1.2789 6.29973,1.5631 1.70519,0.2842 4.92611,1.1841 6.01554,0.8526 1.08942,-0.3316 8.00492,-5.3998 9.23644,-5.9208 1.23153,-0.5211 8.38385,-5.0682 10.04168,-6.6787 1.65782,-1.6104 9.23645,-5.3998 10.18377,-5.3998 0.94733,0 6.25237,-0.2368 7.10496,-3.1261 0.8526,-2.8894 0.9947,-9.3786 1.51573,-10.7048 0.52103,-1.3263 0.99469,-11.9837 0.94733,-13.0732 -0.0474,-1.0894 3.03144,-8.0049 3.03144,-8.0049 0,0 5.7787,-4.6893 7.4839,-5.1156 1.70519,-0.4263 5.4945,0 8.24175,-0.1421 2.74725,-0.1421 6.39446,-2.2735 8.57332,-3.1261 2.17885,-0.8526 11.03637,-0.5684 13.49942,-0.9 2.46305,-0.3316 10.46797,-0.6631 11.32057,-1.7526 0.85259,-1.0894 2.79461,-2.1788 1.51572,-4.0261 -1.27889,-1.8473 -2.13149,-5.0208 -5.44713,-7.8628 -3.31565,-2.842 -4.78401,-3.2209 -4.97348,-4.4525 -0.18946,-1.2315 3.88405,-13.2626 5.30504,-14.4941 1.42099,-1.2315 5.25767,-4.9261 6.96286,-6.726 1.70519,-1.7999 6.86813,-6.9629 6.91549,-8.6681 0.0474,-1.7052 -1.61045,-3.5051 -1.94202,-4.6419 -0.33156,-1.1368 5.11557,-9.7101 6.72603,-9.7101 1.61046,0 6.0629,-0.7105 7.53126,0 1.46836,0.7105 10.08904,1.6105 11.88896,1.3736 1.79993,-0.2368 12.17317,-2.6525 13.73626,-3.884 1.56309,-1.2315 2.98408,-0.8052 0.94733,-3.4577 -2.03676,-2.6526 -2.41569,-8.2892 -2.46306,-10.5628 -0.0474,-2.2735 1.23153,-13.3573 -0.18946,-15.1572 -1.42099,-1.7999 -2.08412,-8.0997 -1.98939,-9.2364 0.0947,-1.1368 1.51572,-7.626 0.94733,-9.1891 -0.5684,-1.5631 -1.51573,-6.2998 -2.65252,-8.8102 -1.1368,-2.5104 -3.26828,-7.5312 -2.98408,-8.3365 0.28419,-0.8052 2.55778,-3.5051 3.41038,-4.405 0.85259,-0.9 0.37893,-0.5684 -0.5684,-3.1736 -0.94733,-2.6051 -1.98939,-3.363 -2.27359,-4.2156 -0.2842,-0.8526 -0.0474,-6.5839 1.08943,-7.2944 1.13679,-0.7105 2.36832,-8.147 2.65252,-8.9049 0.2842,-0.7579 1.32626,-7.4365 4.12087,-8.3365 2.79462,-0.8999 6.44183,-2.0367 7.57863,-3.6946 1.13679,-1.6578 5.44713,-7.4839 5.68396,-8.0996 0.23684,-0.6158 0,-5.0209 -0.75786,-5.7314 -0.75786,-0.7104 -4.16824,-4.6419 -4.07351,-5.3997 0.0947,-0.7579 0.1421,-0.4263 2.55779,-1.4684 2.41568,-1.042 9.66274,-6.2523 9.99431,-7.9102 0.33156,-1.6578 1.89465,-6.6313 1.89465,-6.6313 0,0 5.06821,-5.826 5.11557,-7.8154 0.0474,-1.9894 0.23684,-11.0838 -0.0474,-11.889 -0.2842,-0.8052 -0.61577,-6.8207 -3.41038,-9.8522 -2.79462,-3.0314 -3.41038,-3.3156 -5.73134,-4.5472 -2.32095,-1.2315 -7.95755,-1.9894 -9.09435,-1.7999 -1.13679,0.1895 -11.22583,8.9049 -12.40999,9.8996 -1.18416,0.9947 -11.88897,2.3209 -14.20992,2.1315 -2.32095,-0.1895 -11.8416,1.5631 -12.45736,1.8473 -0.61576,0.2842 -1.89466,9.2838 -3.17355,9.2838 -1.27889,0 -12.50473,1.6104 -13.40469,1.7525 -0.89996,0.1421 -21.55171,-2.3209 -22.02537,-1.3736 -0.47367,0.9473 -10.27851,5.7787 -10.27851,8.2418 0,2.463 -0.7105,12.931 -1.65783,12.9784 -0.94732,0.047 -16.00984,-0.6632 -17.0519,-1.421 -1.04206,-0.7579 -5.96816,-4.8314 -6.91549,-4.8314 -0.94733,0 -10.08904,-5.305 -13.73626,-2.4631 -3.64721,2.842 -8.24175,8.7628 -9.99431,9.9943 -1.75255,1.2316 -10.08904,3.6473 -10.51534,4.2157 -0.42629,0.5684 1.2789,16.5308 -1.56309,17.9992 -2.84198,1.4683 -4.6419,5.7787 -3.50511,7.2944 1.13679,1.5157 11.46267,8.9996 8.81015,10.5627 -2.65252,1.5631 -7.43652,2.9367 -8.71542,4.6419 -1.27889,1.7052 -2.51042,6.4892 -2.51042,6.4892 0,0 -22.02537,0 -24.67789,-0.1421 -2.65252,-0.1421 -7.86282,-0.4736 -8.43122,3.3157 -0.56839,3.7893 -1.04206,7.3418 -2.22622,7.1049 -1.18416,-0.2368 -19.27812,-5.8734 -21.78854,-6.6786 -2.51042,-0.8053 -4.26297,-0.379 -4.26297,-0.379 z"
+      id="path3877"
+      style="fill:#fad0cf;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Telangana.svg b/public/map_assets/svg/Telangana.svg
new file mode 100644
index 00000000..cc552e19
--- /dev/null
+++ b/public/map_assets/svg/Telangana.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Telangana" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="300 900 519 673" xmlns="http://www.w3.org/2000/svg">
+  <g id="telangana">
+    <path
+      style="fill:#ebc5dd;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+      d="m 501.49611,1251.5941 c 13.51894,0.9432 18.23485,-0.9432 18.23485,-0.9432 0,0 2.20075,1.8864 2.51515,0.6288 0.31439,-1.2576 -1.25758,-3.1439 1.25757,-4.0871 2.51516,-0.9432 3.77273,-2.5152 3.77273,-0.9432 0,1.572 0.62879,5.3447 0.62879,5.3447 0,0 3.14394,1.572 3.77273,0 0.62878,-1.572 0.94318,-4.7159 0.94318,-4.7159 l 5.3447,-5.3447 7.54545,-3.7727 c 0,0 2.51515,-0.3144 4.08712,0 1.57197,0.3144 2.20076,0.6288 4.40152,1.2575 2.20075,0.6288 6.28788,3.7728 6.28788,3.7728 0,0 1.57197,0.6288 3.14393,-0.6288 1.57197,-1.2576 3.14394,-1.2576 3.77273,-2.8296 0.62879,-1.5719 5.03031,-3.7727 5.03031,-5.3447 0,-1.5719 -3.14394,-4.0871 -0.62879,-3.7727 2.51515,0.3144 12.57575,0.6288 12.57575,0.6288 0,0 4.40152,-4.7159 4.40152,-7.8598 0,-3.144 -5.97348,-3.7728 0,-6.9167 5.97349,-3.144 0.62879,-3.4583 10.6894,-5.6591 10.06061,-2.2008 12.57576,-6.2879 16.66288,-5.3447 4.08712,0.9432 7.85985,4.0871 10.06061,4.7159 2.20076,0.6288 0.94318,1.8864 3.14394,-1.2576 2.20076,-3.1439 2.20076,-2.2007 4.08712,-5.3447 1.88636,-3.1439 4.40151,-3.1439 2.20076,-4.4015 -2.20076,-1.2576 -5.97349,-0.6288 -3.77273,-3.4583 2.20076,-2.8296 -1.88636,-5.9735 3.45833,-5.0303 5.3447,0.9432 4.40152,-0.3144 8.48864,-1.2576 4.08712,-0.9432 3.77273,-2.8295 5.0303,0.3144 1.25758,3.1439 2.20076,3.4583 2.82955,6.6023 0.62879,3.1439 0,0.3144 4.08712,3.1439 4.08712,2.8296 8.48864,5.9735 8.48864,3.7727 0,-2.2007 1.57197,-5.9734 -0.94319,-7.8598 -2.51515,-1.8864 -4.08712,0.3144 -5.34469,-2.5152 -1.25758,-2.8295 -5.65909,-4.0871 -3.77273,-5.3447 1.88636,-1.2575 5.0303,0 6.91667,-2.5151 1.88636,-2.5152 -1.88637,-4.0871 4.40151,-1.2576 6.28788,2.8296 4.71591,4.0871 9.74621,4.4015 5.03031,0.3144 5.3447,-1.5719 5.3447,-1.5719 0,0 -6.28788,-5.0303 -2.20076,-5.0303 4.08712,0 6.91667,1.8863 11.00379,0.3144 4.08712,-1.572 3.77273,-0.3144 6.28788,-3.144 2.51515,-2.8295 2.82954,-4.0871 4.08712,-4.0871 1.25758,0 0,-3.4583 4.40152,-2.8296 4.40151,0.6288 6.60227,0.6288 7.23106,-1.5719 0.62878,-2.2008 -3.45834,0.3144 3.14394,-3.7728 6.60227,-4.0871 11.00378,-7.231 10.68939,-14.7765 -0.31439,-7.5454 -5.0303,-28.9242 -5.0303,-28.9242 0,0 -42.75758,-41.5 -42.75758,-43.072 0,-1.5719 -51.875,-24.5227 -51.875,-24.5227 l -63.19319,-10.6894 c 0,0 -51.24621,30.8106 -51.875,32.3826 -0.62879,1.5719 -11.63258,47.1591 -11.63258,49.9886 0,2.8296 -3.14394,60.9924 -3.14394,64.7652 0,3.7727 -1.57197,53.7613 -0.31439,55.6477 1.25758,1.8864 6.28788,4.7159 6.28788,4.7159 z"
+      id="path4688"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Tripura.svg b/public/map_assets/svg/Tripura.svg
new file mode 100644
index 00000000..331d428d
--- /dev/null
+++ b/public/map_assets/svg/Tripura.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Tripura" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="1000 700 519 213" xmlns="http://www.w3.org/2000/svg">
+  <g id="tripura">
+    <path
+      d="m 1265.8899,811.07578 c 0,0 0,0 0.5852,-2.34045 0.5851,-2.34045 1.7553,-1.17023 1.7553,-4.38834 0,-3.21812 -2.0479,-4.97346 0,-4.09579 2.0479,0.87767 4.0958,-2.34045 3.8032,-4.38834 -0.2925,-2.04789 -0.5851,-2.34045 -2.0479,-4.09578 -1.4628,-1.75534 -1.4628,-5.55857 -0.8776,-7.89902 0.5851,-2.34044 2.9255,-1.46278 0.2925,-4.38834 -2.633,-2.92556 -2.633,0.58512 -2.9255,-5.55856 -0.2926,-6.14368 -0.5852,-4.09579 -1.4628,-6.72879 -0.8777,-2.633 -1.1703,-6.14368 -2.9256,-4.09578 -1.7553,2.04789 -7.3139,2.633 -8.4841,2.34044 -1.1702,-0.29255 -2.3405,-1.75533 -3.5107,0 -1.1702,1.75534 0.5851,10.82458 0.2926,11.9948 -0.2926,1.17023 -6.4363,-0.29255 -6.4363,-0.29255 0,0 -3.2181,-0.58512 -4.0957,0.58511 -0.8777,1.17022 -4.6809,3.51067 -4.6809,3.51067 l -2.633,3.80323 c 0,0 -5.5586,1.75533 -7.3139,2.04789 -1.7554,0.29256 -4.6809,1.17022 -5.5586,2.92556 -0.8777,1.75534 -4.0958,8.19157 -4.0958,9.36179 0,1.17023 1.4628,3.51068 -0.2926,5.55857 -1.7553,2.04789 -3.2181,6.72879 -2.9255,7.89901 0.2925,1.17023 0,7.3139 0.8777,8.48413 0.8776,1.17022 5.5585,6.43623 5.8511,7.89901 0.2925,1.46278 3.5106,11.9948 3.2181,13.45758 -0.2926,1.46278 1.7553,8.48412 1.7553,8.48412 0,0 5.8511,0.29256 5.8511,-0.87767 0,-1.17022 0,-6.72879 0,-6.72879 0,0 3.2182,1.46278 4.0958,3.21812 0.8777,1.75534 1.1703,8.48413 2.633,9.06924 1.4628,0.58511 8.4842,2.34045 9.9469,1.46278 1.4628,-0.87767 4.6809,-6.72879 4.9735,-8.19157 0.2926,-1.46278 -0.2926,-9.06924 -1.1702,-11.11713 -0.8777,-2.04789 -4.0958,-2.633 -1.4628,-4.97345 2.633,-2.34045 4.3883,-3.80323 5.266,-5.85112 0.8777,-2.0479 2.9256,-12.28736 2.9256,-12.28736 0,0 0.5851,-2.92556 2.9255,-2.633 2.3405,0.29256 5.8511,-1.17022 5.8511,-1.17022 z"
+      id="path3889"
+      style="fill:#c1e0b2;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/UttarPradesh.svg b/public/map_assets/svg/UttarPradesh.svg
new file mode 100644
index 00000000..af8e7a3d
--- /dev/null
+++ b/public/map_assets/svg/UttarPradesh.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Uttar Pradesh" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;" viewBox="400 200 519 973" xmlns="http://www.w3.org/2000/svg">
+  <g id="up" >
+    <path 
+      data-image="./States/images/uttarpradesh.jpg"
+      d="m 840.96389,619.38599 c 0.69079,0.69078 2.34868,2.48683 4.14472,2.21051 1.79605,-0.27631 3.45394,-1.10526 4.28288,-0.41447 0.82895,0.69079 2.90131,4.55919 2.62499,7.87497 -0.27631,3.31578 -0.41447,10.08549 3.86841,11.60522 4.28288,1.51973 7.18418,-0.55263 9.25654,2.62499 2.07236,3.17762 1.38158,3.45393 2.62499,5.66445 1.24342,2.21052 2.34868,1.65789 2.76315,2.90131 0.41447,1.24341 1.38157,3.03946 2.34868,3.8684 0.9671,0.82895 2.62499,3.17762 -0.13816,4.42104 -2.76315,1.24341 -3.17762,1.65789 -6.4934,0.41447 -3.31578,-1.24342 -4.55919,-0.27631 -5.24998,0.55263 -0.69079,0.82894 -1.9342,3.73025 -4.69735,4.69735 -2.76315,0.9671 -3.86841,1.9342 -1.51973,3.73025 2.34868,1.79604 6.90787,1.9342 8.70391,3.59209 1.79605,1.65789 3.17762,7.04603 2.07236,8.70391 -1.10525,1.65789 -3.31577,2.76315 -5.8026,2.76315 -2.48684,0 -3.73025,-0.82894 -3.45394,0.55263 0.27632,1.38158 3.59209,5.11182 6.76971,7.73681 3.17762,2.62499 3.73025,3.17762 7.04603,3.86841 3.31577,0.69079 7.04602,3.86841 9.11838,5.38814 2.07236,1.51973 7.18419,4.42103 9.25655,4.42103 2.07236,0 4.42103,2.07236 3.45393,3.73025 -0.9671,1.65789 -0.41447,4.28288 -4.00656,3.59209 -3.59209,-0.69078 -15.61178,-1.65788 -17.13152,-1.10526 -1.51973,0.55263 -4.28287,-0.27631 -5.38813,-0.55262 -1.10526,-0.27632 -7.04603,0.41447 -8.28944,4.28287 -1.24342,3.86841 -3.45394,5.5263 -4.83551,8.4276 -1.38158,2.90131 -0.13816,3.31578 -2.07236,4.69735 -1.93421,1.38158 -4.5592,0.27632 -5.94077,0 -1.38157,-0.27631 -2.9013,-1.10526 -3.03946,1.51973 -0.13816,2.62499 0.27631,6.90787 -1.65789,8.15129 -1.9342,1.24342 -4.83551,0.55263 -5.52629,2.62499 -0.69079,2.07236 -0.69079,3.31578 -2.48684,4.69735 -1.79604,1.38157 -3.31577,1.51973 -3.03946,4.14472 0.27632,2.62499 -1.9342,8.28944 0.27632,12.71048 2.21051,4.42103 6.49339,11.05259 7.73681,12.71048 1.24341,1.65788 3.59209,5.38813 1.51973,7.04602 -2.07236,1.65789 -3.45394,0.82895 -3.59209,3.45394 -0.13816,2.62499 0.9671,7.18418 0,8.84207 -0.9671,1.65789 -2.90131,4.00656 -2.62499,8.4276 0.27631,4.42103 0.9671,6.21708 0.13815,6.76971 -0.82894,0.55263 -8.84207,5.52629 -8.01312,6.90787 0.82894,1.38157 2.48683,0.41447 2.62499,2.34867 0.13815,1.9342 -1.93421,3.86841 -4.97367,3.45394 -3.03946,-0.41448 -7.18418,0 -9.3947,-0.27632 -2.21052,-0.27631 -1.9342,0.9671 -2.9013,-0.41447 -0.96711,-1.38157 -1.24342,-1.65789 -3.31578,-1.65789 -2.07236,0 -2.21052,-0.9671 -3.86841,-2.34867 -1.65789,-1.38158 -3.45393,-2.34868 -4.28288,-3.73025 -0.82894,-1.38158 -1.51973,-5.80261 -0.41447,-7.32234 1.10526,-1.51973 0,-3.31578 1.79605,-4.00657 1.79604,-0.69078 2.62499,-0.82894 4.55919,-1.9342 1.9342,-1.10526 2.62499,-1.51973 2.07236,-1.79605 -0.55263,-0.27631 -2.21052,-0.55263 -4.42103,-0.69078 -2.21052,-0.13816 -3.45394,0.41447 -3.45394,-2.62499 0,-3.03947 0.69079,-4.5592 0,-5.5263 -0.69078,-0.9671 -0.13816,-3.59209 0.69079,-4.55919 0.82894,-0.9671 -0.82895,-0.9671 -0.55263,-2.34868 0.27631,-1.38157 3.45393,-2.48683 3.59209,-3.17762 0.13816,-0.69078 -1.24342,-0.9671 -4.28288,-2.9013 -3.03946,-1.9342 -4.00656,-3.17762 -4.69735,-1.9342 -0.69078,1.24341 -1.10526,3.59209 -3.59209,2.07236 -2.48683,-1.51973 -2.76315,-4.14472 -4.97366,-3.03947 -2.21052,1.10526 -2.07236,2.76315 -2.07236,4.28288 0,1.51973 0.27631,3.45394 -1.79605,2.07236 -2.07236,-1.38157 -3.03946,-3.73025 -5.11182,-4.42103 -2.07236,-0.69079 0,1.51973 -2.62499,-2.90131 -2.62499,-4.42103 -1.65789,-5.38813 -5.11183,-5.38813 -3.45393,0 -4.42103,0.82894 -5.52629,-0.55263 -1.10526,-1.38158 -0.82894,0.27631 -4.14472,-3.31578 -3.31578,-3.59209 -3.17762,-4.14472 -6.76971,-4.42104 -3.59209,-0.27631 -3.17762,-1.10525 -5.80261,-2.9013 -2.62499,-1.79605 -2.62499,-1.51973 -4.83551,-1.51973 -2.21052,0 -2.48683,-1.9342 -2.34868,-2.76315 0.13816,-0.82894 2.90131,-4.14472 0.27632,-3.59209 -2.62499,0.55263 -2.76315,1.65789 -3.73025,2.21052 -0.9671,0.55263 -4.28288,1.79604 -6.21708,0.41447 -1.9342,-1.38157 -3.31578,-3.45393 -4.69735,-1.65789 -1.38157,1.79605 -1.65789,3.17762 -1.10526,4.55919 0.55263,1.38158 -0.55263,0.96711 -1.38157,2.21052 -0.82895,1.24342 -0.96711,1.10526 0,2.62499 0.9671,1.51973 2.21051,2.90131 0,3.59209 -2.21052,0.69079 -5.80261,0.82895 -8.70392,0 -2.9013,-0.82894 -6.90787,-0.27631 -8.98023,-0.27631 -2.07236,0 -4.28288,-1.79605 -4.00656,-3.86841 0.27631,-2.07236 0.9671,-1.9342 1.65789,-3.73025 0.69078,-1.79604 2.07236,-3.73025 1.51973,-4.28287 -0.55263,-0.55263 -1.38157,-1.93421 -1.38157,-1.93421 0,0 -1.24342,-0.55263 -2.48684,0.69079 -1.24341,1.24342 -2.21052,1.10526 -3.45393,1.51973 -1.24342,0.41447 -2.76315,0.82894 -1.9342,2.62499 0.82894,1.79605 2.9013,2.76315 0.82894,3.03946 -2.07236,0.27632 -3.59209,1.10526 -4.00656,-0.9671 -0.41448,-2.07236 1.65788,-4.28288 -1.24342,-3.59209 -2.90131,0.69079 -4.28288,0.69079 -4.14472,1.65789 0.13816,0.9671 -0.27632,1.10526 -0.69079,1.9342 -0.41447,0.82894 -0.27631,1.38157 -0.27631,2.07236 0,0.69079 -1.93421,2.48683 -3.31578,0.69079 -1.38157,-1.79605 0.27632,-3.59209 -3.31578,-1.93421 -3.59209,1.65789 -6.49339,2.48684 -5.80261,-0.41447 0.69079,-2.9013 2.34868,-2.07236 3.03947,-4.97366 0.69078,-2.90131 -1.24342,-8.98023 -2.90131,-11.05259 -1.65789,-2.07236 -1.38157,-3.45394 -2.76315,-4.00657 -1.38157,-0.55263 -3.59209,-0.55263 -3.73024,0.69079 -0.13816,1.24342 0.82894,1.9342 -0.96711,1.79605 -1.79604,-0.13816 -0.55263,-1.10526 -3.59209,-0.82895 -3.03946,0.27632 -4.97366,1.93421 -4.69735,3.03946 0.27632,1.10526 -1.24341,2.90131 -2.76315,3.17762 -1.51973,0.27632 -4.42103,-1.24341 -4.55919,0.69079 -0.13816,1.9342 0.82895,6.35524 0.13816,7.59866 -0.69079,1.24341 -6.4934,1.10526 -9.25655,0.69078 -2.76314,-0.41447 -2.76314,-0.82894 -5.11182,-2.07236 -2.34867,-1.24341 -2.9013,1.10526 -2.9013,1.10526 0,0 -0.13816,1.10526 -1.79605,2.21052 -1.65789,1.10526 -1.24341,0.13816 -2.48683,0.27631 -1.24342,0.13816 -2.07236,1.93421 -2.07236,1.93421 0,0 -2.62499,-0.13816 -2.48683,-3.45394 0.13815,-3.31577 1.65788,-2.9013 2.9013,-3.8684 1.24342,-0.9671 4.97367,-1.38158 2.21052,-3.17762 -2.76315,-1.79605 -5.24998,-3.31578 -6.07893,-1.65789 -0.82894,1.65789 -0.82894,1.10526 -2.76314,2.21052 -1.93421,1.10526 -2.48684,1.65789 -1.79605,2.76314 0.69079,1.10526 -2.62499,2.07236 -4.14472,1.51974 -1.51973,-0.55263 -1.24342,1.24341 -1.79605,2.07236 -0.55262,0.82894 -1.38157,0.82894 -1.65788,-0.27632 -0.27632,-1.10526 0.82894,-2.62499 -1.10526,-1.9342 -1.93421,0.69078 -2.07236,1.65789 -3.17762,-1.24342 -1.10526,-2.9013 -2.07236,-6.76971 -3.31578,-5.38814 -1.24342,1.38158 -3.86841,3.5921 -5.11182,3.86841 -1.24342,0.27632 -2.62499,-0.55263 -1.79605,-1.51973 0.82895,-0.9671 2.21052,-0.55263 1.51973,-2.48683 -0.69078,-1.93421 -1.24341,-2.34868 -1.79604,-3.31578 -0.55263,-0.9671 -1.65789,-4.28288 1.38157,-4.97367 3.03946,-0.69078 4.69735,0.27632 4.28288,-1.65788 -0.41447,-1.93421 0,-1.65789 -0.9671,-2.62499 -0.9671,-0.96711 -1.51973,-4.5592 -2.76315,-4.00657 -1.24342,0.55263 -2.21052,0.41447 -2.07236,2.76315 0.13816,2.34868 -0.82894,1.65789 -2.07236,2.21052 -1.24342,0.55263 -0.9671,1.79604 -0.69079,2.9013 0.27632,1.10526 -0.13815,4.28288 -2.48683,4.28288 -2.34867,0 -3.17762,0.13816 -4.83551,-2.34867 -1.65789,-2.48684 -1.9342,-3.45394 -3.03946,-1.79605 -1.10526,1.65789 -1.24342,3.17762 -1.9342,4.00656 -0.69079,0.82895 -2.07236,-0.27631 -3.17762,1.65789 -1.10526,1.93421 -2.76315,3.73025 -2.07236,4.42104 0.69078,0.69078 3.73025,1.10526 5.66445,2.62499 1.9342,1.51973 4.55919,4.28288 4.55919,4.28288 0,0 -0.13815,2.34867 -0.41447,3.8684 -0.27631,1.51973 -1.10526,4.5592 0.55263,6.07893 1.65789,1.51973 4.83551,4.42103 5.24998,5.52629 0.41447,1.10526 0.55263,1.24342 -0.13816,2.90131 -0.69078,1.65788 0.55263,6.90786 1.38158,7.59865 0.82894,0.69079 3.45393,1.10526 3.8684,0.41447 0.41447,-0.69078 3.03946,0.69079 3.03946,3.31578 0,2.62499 -0.82894,4.83551 0.41448,6.35524 1.24341,1.51973 -0.41448,4.69735 -0.82895,6.4934 -0.41447,1.79604 -2.76314,4.97366 -2.9013,5.94076 -0.13816,0.9671 -1.93421,3.86841 -1.93421,3.86841 0,0 -2.21051,-2.90131 -3.73024,-3.31578 -1.51974,-0.41447 -3.31578,0.69079 -3.31578,0.69079 0,0 -3.03946,-2.07236 -4.83551,-4.97367 -1.79604,-2.9013 -3.03946,-4.8355 -4.28288,-5.11182 -1.24341,-0.27631 -3.45393,0.9671 -3.8684,2.07236 -0.41448,1.10526 -2.76315,5.38814 -3.73025,5.24998 -0.9671,-0.13816 -1.38158,-4.83551 -1.38158,-6.63155 0,-1.79605 -9.3947,-8.84207 -7.73681,-12.71048 1.65789,-3.86841 2.76315,-4.42104 1.65789,-5.94077 -1.10526,-1.51973 -1.79605,1.38158 -2.62499,-2.62499 -0.82894,-4.00656 0,-3.17762 -0.82894,-4.83551 -0.82895,-1.65788 -1.65789,-1.51973 -1.65789,-3.03946 0,-1.51973 1.9342,-2.34867 3.31577,-2.9013 1.38158,-0.55263 4.00657,-2.76315 5.11183,-4.28288 1.10526,-1.51973 2.62499,-2.07236 2.62499,-5.11182 0,-3.03946 -0.41448,-3.73025 0.13815,-5.11183 0.55263,-1.38157 0.13816,-1.9342 -0.69078,-3.17761 -0.82895,-1.24342 -2.76315,-6.21709 -1.65789,-8.28945 1.10526,-2.07236 2.21052,-5.11182 3.45393,-7.46049 1.24342,-2.34868 4.00657,-4.97367 5.66445,-4.5592 1.65789,0.41447 4.5592,1.65789 6.35524,1.10526 1.79605,-0.55263 7.4605,-2.76315 8.28945,-4.00656 0.82894,-1.24342 2.62499,-1.93421 1.65788,-3.59209 -0.9671,-1.65789 -4.14472,-0.69079 -2.9013,-3.5921 1.24342,-2.9013 2.62499,-3.03946 3.86841,-3.31577 1.24341,-0.27632 3.31577,0 3.31577,-1.10526 0,-1.10526 0,-1.38157 -0.13815,-3.03946 -0.13816,-1.65789 0.82894,-2.76315 1.79604,-4.69735 0.9671,-1.93421 3.31578,-2.90131 3.17762,-4.83551 -0.13816,-1.9342 -1.10526,-2.34868 -1.38157,-4.14472 -0.27632,-1.79605 2.21051,-3.86841 3.31577,-6.35524 1.10526,-2.48683 2.76315,-1.38158 3.86841,-3.31578 1.10526,-1.9342 3.31578,-2.9013 1.24342,-7.18418 -2.07236,-4.28288 -3.31578,-5.24998 -4.14472,-7.32234 -0.82895,-2.07236 0.27631,-4.42104 -2.90131,-6.63156 -3.17762,-2.21051 -6.90787,-4.42103 -8.56576,-4.8355 -1.65788,-0.41448 -1.51973,-1.51973 -3.31577,-2.34868 -1.79605,-0.82894 -1.79605,-2.62499 -5.24998,-2.07236 -3.45394,0.55263 -2.62499,2.07236 -4.14472,1.79605 -1.51974,-0.27632 -2.07236,-1.51973 -4.83551,-2.76315 -2.76315,-1.24342 -4.14472,-2.76315 -7.18418,-0.55263 -3.03947,2.21052 -2.62499,4.00656 -6.90787,4.28288 -4.28288,0.27631 -7.4605,2.07236 -10.36181,2.07236 -2.9013,0 -12.98679,-0.9671 -12.98679,-0.9671 0,0 -17.68414,6.35524 -19.61834,2.48683 -1.93421,-3.86841 -3.31578,-19.89466 -3.45394,-22.51965 -0.13816,-2.62499 -8.70391,-37.16433 -7.73681,-39.23669 0.9671,-2.07236 8.70391,-17.26967 8.70391,-18.09862 0,-0.82894 4.5592,-16.30257 0.69079,-21.27623 -3.86841,-4.97367 -11.60522,-27.63148 -11.60522,-29.70384 0,-2.07236 -2.9013,-37.5788 -2.9013,-37.5788 0,0 -0.69079,-4.83551 -0.41448,-5.94077 0.27632,-1.10526 2.62499,-29.98015 5.24998,-30.1183 2.62499,-0.13816 20.30914,-5.5263 23.62491,-3.03947 3.31578,2.48684 12.84864,0.27632 15.19731,9.39471 2.34868,9.11838 0.13816,24.59201 3.45394,25.14464 3.31578,0.55263 7.04602,-12.29601 14.23021,-10.49996 7.18418,1.79604 12.71047,8.56575 16.02625,12.43416 3.31578,3.86841 14.23021,7.04602 18.51309,11.19075 4.28288,4.14472 10.22364,21.6907 10.22364,21.6907 0,0 32.60514,17.68415 33.29593,17.68415 0.69079,0 9.94733,1.9342 9.94733,1.9342 0,0 11.3289,9.3947 13.12495,10.3618 1.79605,0.9671 7.4605,4.28288 8.15128,4.42104 0.69079,0.13815 3.73025,-3.31578 4.00657,-4.42104 0.27631,-1.10526 1.9342,-2.34867 4.14472,-0.41447 2.21052,1.9342 7.04602,8.15128 8.28944,9.53286 1.24342,1.38157 2.90131,2.9013 7.18418,3.73025 4.28288,0.82894 9.67102,1.9342 9.67102,1.9342 0,0 10.91443,8.98023 12.29601,9.94733 1.38157,0.9671 2.48683,2.34868 4.8355,2.48683 2.34868,0.13816 3.86841,0.9671 4.5592,2.48684 0.69078,1.51973 1.9342,3.31577 4.00656,6.07892 2.07236,2.76315 4.55919,2.34867 6.4934,4.00656 1.9342,1.65789 2.21051,3.59209 4.55919,4.83551 2.34867,1.24342 5.52629,1.51973 8.70391,1.10526 3.17762,-0.41447 14.64468,2.07236 18.23678,4.28288 3.59209,2.21052 5.24998,7.32234 8.56575,7.18418 3.31578,-0.13816 8.28945,-0.55263 9.80918,-0.82894 1.51973,-0.27632 6.21708,0.55263 6.63155,1.65789 0.41447,1.10525 2.48683,10.08548 4.28288,10.22364 1.79604,0.13816 14.64468,-0.27631 17.26967,1.79605 2.62499,2.07236 3.03946,5.38813 5.66445,4.42103 2.62499,-0.9671 3.59209,-3.45393 4.42104,-4.83551 0.82894,-1.38157 5.66445,-3.17762 8.70391,-2.62499 3.03946,0.55263 7.73681,2.07237 7.73681,2.07237 z"
+      id="path3802"
+      style="fill:#fdf9bb;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/Uttarakhand.svg b/public/map_assets/svg/Uttarakhand.svg
new file mode 100644
index 00000000..bb1ea70f
--- /dev/null
+++ b/public/map_assets/svg/Uttarakhand.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Uttarakhand" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="300 300 619 373" xmlns="http://www.w3.org/2000/svg">
+  <g id="uk">
+    <path
+      d="m 527.40332,438.12402 0.90931,8.18385 -1.81863,3.63726 -1.36397,4.09192 3.63726,4.09192 5.91055,0 3.63727,4.09193 2.72795,0 -0.45466,4.54658 -1.81863,3.63726 -0.90932,7.27453 c 0,0 0,3.63726 0,6.36521 0,2.72795 -1.36397,5.91056 -1.36397,8.18385 0,2.27329 -0.45466,3.63726 3.1826,2.72794 3.63727,-0.90931 3.63727,-4.09192 5.91056,-3.63726 2.27329,0.45466 3.1826,6.36521 3.1826,6.36521 l 4.54658,1.81864 3.18261,-5.4559 c 0,0 2.72795,-0.45466 2.72795,-1.81863 0,-1.36398 -0.45466,-8.63851 -0.45466,-9.54782 0,-0.90932 3.18261,-0.45466 3.18261,-0.45466 l 0.90931,3.63726 c 0,0 1.81863,1.36398 4.09192,1.81864 2.27329,0.45465 5.91056,6.36521 5.91056,6.36521 0,0 2.27329,0.90931 1.36397,2.72795 -0.90931,1.81863 -4.09192,5.91055 -0.45465,6.36521 3.63726,0.45466 6.36521,0.45466 6.36521,0.45466 0,0 0.45466,2.27329 3.1826,0 2.72795,-2.27329 4.09193,-3.63727 4.09193,-0.45466 0,3.18261 0,4.54658 0,4.54658 l 5.91055,1.36397 c 0,0 3.63726,1.81864 0.45466,1.81864 -3.18261,0 -6.36521,1.81863 -6.36521,1.81863 0,0 0,6.81987 3.1826,7.27453 3.18261,0.45465 6.81987,-0.45466 3.18261,2.27329 -3.63727,2.72794 -3.63727,5.00124 -3.63727,5.00124 l 8.18385,-0.45466 c 0,0 0,0.45466 2.27329,0.45466 2.27329,0 4.09192,0.45465 4.54658,2.72794 0.45466,2.27329 1.81863,5.4559 5.4559,6.81987 3.63726,1.36398 7.27452,3.63727 7.72918,1.81864 0.45466,-1.81864 1.81863,-1.36398 1.81863,0.45465 0,1.81864 -4.54658,2.72795 1.81864,5.00124 6.36521,2.27329 14.0944,1.36398 14.0944,1.36398 l 3.1826,-4.09193 c 0,0 1.81863,0.45466 1.81863,3.63727 0,3.1826 4.09193,5.91055 5.4559,5.91055 1.36397,0 5.4559,0.90932 4.54658,-1.36397 -0.90932,-2.27329 -2.27329,-3.63727 0.90932,-3.63727 3.1826,0 0.45465,-5.45589 0.45465,-5.45589 l 5.4559,-1.81863 3.18261,-6.36522 1.81863,-7.72918 c 0,0 4.09192,-5.4559 2.72795,-7.27453 -1.36398,-1.81863 -3.18261,-1.36398 -3.18261,-4.54658 0,-3.18261 0.45466,-3.63727 2.72795,-5.91056 2.27329,-2.27329 4.09192,-8.6385 4.09192,-11.36645 0,-2.72795 0.45466,-3.1826 3.18261,-4.54658 2.72795,-1.36397 5.45589,-2.72795 5.91055,-4.54658 0.45466,-1.81863 0,-5.00124 0,-5.00124 l 6.81987,0 c 0,0 5.00124,-7.72918 7.72919,-10.00247 2.72795,-2.27329 -5.4559,-2.27329 1.36397,-2.27329 6.81987,0 9.54782,-0.90932 9.09316,-3.18261 -0.45465,-2.27329 -1.36397,-7.27453 -1.36397,-7.27453 l -10.00248,-1.36397 c 0,0 -3.1826,-1.81863 -4.09192,-4.54658 -0.90932,-2.72795 -1.81863,-5.00124 -4.54658,-5.00124 -2.72795,0 -8.6385,-0.45466 -8.6385,-0.45466 0,0 -5.00124,-0.45466 -7.27453,-2.27329 -2.27329,-1.81863 -4.54658,-1.81863 -4.54658,-1.81863 l -0.90932,-7.72919 -3.1826,-5.45589 -6.36522,-2.27329 c 0,0 -5.00123,-2.27329 -7.27452,-3.18261 -2.27329,-0.90932 -4.54658,-4.09192 -4.54658,-4.09192 0,0 -4.09193,-3.18261 -7.72919,-2.72795 -3.63727,0.45466 -9.09316,1.81863 -9.54782,0 -0.45466,-1.81863 -2.72795,-3.18261 -4.09192,-5.4559 -1.36398,-2.27329 -4.09192,-3.63726 -4.09192,-3.63726 l 0,-5.00124 -5.4559,-5.4559 c 0,0 0,-5.45589 -2.72795,-5.91055 -2.72795,-0.45466 -6.36521,0 -6.36521,0 0,0 -4.09192,4.09192 -4.54658,6.36521 -0.45466,2.27329 1.36397,5.91056 -0.90932,5.4559 -2.27329,-0.45466 -10.00247,-6.81987 -15.00371,-9.09316 -5.00124,-2.27329 -14.54906,-5.4559 -17.73167,-5.00124 -3.1826,0.45466 -42.28319,17.277 -41.37388,20.91427 0.90932,3.63726 6.36522,27.27948 6.36522,27.27948 z"
+      id="path3787"
+      style="fill:#ebc5dd;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/WestBengal.svg b/public/map_assets/svg/WestBengal.svg
new file mode 100644
index 00000000..d392d136
--- /dev/null
+++ b/public/map_assets/svg/WestBengal.svg
@@ -0,0 +1,9 @@
+<svg aria-label="West Bengal" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="800 600 519 573" xmlns="http://www.w3.org/2000/svg">
+  <g id="west">
+    <path
+      d="m 1002.1442,908.20969 c 0,0 1.6599,2.69728 1.8674,5.70579 0.2075,3.00851 0.9337,6.84695 1.3486,7.4694 0.415,0.62245 1.2449,2.17857 3.8385,2.17857 2.5935,0 6.017,-0.20748 6.432,0.20749 0.4149,0.41496 -0.5188,1.03741 1.2449,2.07483 1.7636,1.03741 3.7347,1.14116 3.7347,1.14116 0,0 1.0374,1.55612 1.5561,3.11225 0.5187,1.55612 0.7262,3.63095 2.6973,3.94218 1.9711,0.31122 3.6309,-0.10374 4.7721,-1.34864 1.1411,-1.2449 3.3197,-1.14116 4.8758,0.20748 1.5562,1.34864 3.631,5.49831 5.9133,6.01701 2.2823,0.51871 5.2908,2.28232 6.1208,1.76361 0.8299,-0.51871 0.5187,-1.2449 2.6972,-2.17857 2.1786,-0.93368 1.3487,-3.63096 4.3572,-0.41497 3.0085,3.21599 3.0085,3.52722 4.3571,3.31973 1.3487,-0.20748 10.3742,-0.93367 10.1667,-2.90476 -0.2075,-1.97109 -1.8673,-6.32824 -1.0374,-8.19559 0.8299,-1.86735 3.8384,-4.25341 5.3946,-3.7347 1.5561,0.51871 4.6683,2.28232 4.4609,3.42347 -0.2075,1.14116 -1.6599,3.94219 -1.0375,5.60205 0.6225,1.65987 2.3861,3.94218 5.1871,2.38606 2.8011,-1.55612 7.4694,1.14116 9.7517,-1.86735 2.2824,-3.00851 5.6021,-4.66837 6.847,-6.95069 1.2449,-2.28232 2.5935,-3.00851 4.3571,-1.14116 1.7636,1.86735 8.7143,4.87586 10.2705,3.94219 1.5561,-0.93368 3.5272,-1.86735 4.0459,-3.31974 0.5187,-1.45238 0,-6.12075 0.1037,-7.9881 0.1038,-1.86735 2.3861,-4.25341 1.6599,-6.84695 -0.7262,-2.59354 -2.1786,-4.66838 -3.5272,-7.67688 -1.3487,-3.00851 -2.6973,-4.04593 -2.6973,-6.01702 0,-1.97109 0.3112,-9.9592 -1.2449,-12.24151 -1.5561,-2.28232 -3.216,-1.03742 -3.7347,-4.56463 -0.5187,-3.52722 1.1412,-5.60205 0.8299,-7.78063 -0.3112,-2.17857 -0.1037,-5.08334 -0.7262,-7.88436 -0.6224,-2.80103 -3.6309,-3.42348 -2.5935,-5.70579 1.0374,-2.28232 4.1497,-3.31973 4.3571,-5.29083 0.2075,-1.97109 -0.5187,-8.09184 -2.9047,-8.40307 -2.3861,-0.31122 -10.4779,-1.45238 -10.063,-2.69728 0.415,-1.2449 2.2824,-2.80103 2.4898,-3.83844 0.2075,-1.03742 1.9711,-9.23301 -1.6598,-11.41158 -3.631,-2.17858 -8.4031,0 -10.1667,-5.49831 -1.7636,-5.49831 -0.5187,-7.88436 1.4524,-10.4779 1.9711,-2.59355 4.0459,-2.38606 5.8095,-5.60205 1.7636,-3.21599 1.4524,-4.56464 0.9337,-7.57314 -0.5187,-3.00851 -1.5561,-9.54423 -1.0374,-10.89288 0.5187,-1.34864 0.9336,-3.83844 -1.4524,-4.66837 -2.3861,-0.82993 -21.1633,0.20748 -22.512,-2.80102 -1.3486,-3.00851 -7.3656,-9.33675 -7.7806,-12.55274 -0.4149,-3.21599 -0.5187,-7.57314 0.2075,-8.50682 0.7262,-0.93367 0.3112,-1.7636 4.0459,-2.07483 3.7347,-0.31122 7.5732,-0.72619 7.5732,-2.90476 0,-2.17858 0.4149,-7.98811 1.5561,-10.16669 1.1412,-2.17857 -0.2075,-3.52721 3.631,-3.94218 3.8384,-0.41496 6.8469,-2.4898 8.5068,-2.80102 1.6598,-0.31123 9.4405,0.41496 10.4779,0.31122 1.0374,-0.10374 6.6394,-2.38605 5.3945,-7.26191 -1.2449,-4.87586 -1.2449,-8.09185 -3.4234,-8.7143 -2.1786,-0.62245 -7.4694,-0.51871 -7.4694,-3.00851 0,-2.4898 0.4149,-6.43198 -2.5936,-6.43198 -3.0085,0 -6.2245,1.45238 -8.0918,1.14116 -1.8674,-0.31123 -8.1956,-3.21599 -7.8844,-4.9796 0.3112,-1.76361 0.5187,-2.90477 -1.7636,-4.14967 -2.2823,-1.24489 -7.6769,-5.29082 -8.5068,-5.91327 -0.8299,-0.62245 -5.9133,-3.21599 -6.432,-3.7347 -0.5187,-0.51871 -0.8299,-0.72619 -1.4524,-0.10374 -0.4254,0.42548 4.8061,-4.52977 5.1193,-8.00137 0.145,-1.60712 -3.5512,-3.09537 -4.3391,-3.22668 -0.4271,-0.0712 17.3669,-13.46049 12.5691,-8.87185 -1.793,1.71483 4.5544,-0.17378 5.9538,-3.90818 0.7968,-2.12618 -3.4354,-5.36445 -3.1059,-7.58949 0.1464,-0.98871 7.4614,14.85558 14.3561,18.52308 1.2132,0.64532 5.4852,1.60827 5.4038,-0.23653 -0.084,-1.90335 -4.5243,-6.64846 -3.3847,-8.09763 1.0422,-1.32526 6.342,2.38159 8.6793,2.40813 2.3617,0.0268 1.7626,-3.61881 3.1089,-3.45163 4.3734,0.54306 9.2798,12.83508 14.0217,15.31935 5.0307,2.63557 9.8251,0.52111 13.7032,1.28129 6.1337,1.20231 1.214,-8.8716 3.4795,-6.58342 1.861,1.87964 1.2166,-4.00793 1.4762,-7.4189 0.1419,-1.86354 -3.9319,-5.62002 -2.7911,-6.12323 1.0196,-0.44979 3.5413,-0.59094 0.7307,-3.34955 -1.7041,-1.67265 -1.5259,-4.90263 -0.2788,-4.25365 2.6301,1.36871 2.2722,-3.49263 2.2597,-3.90391 -0.066,-2.17904 -5.3265,-4.08032 5.2107,-2.39088 1.6689,0.26756 -0.4195,-1.26878 -1.3793,-4.21001 -1.2697,-3.89076 0.1832,-9.73308 -2.4802,-10.48585 -1.882,-0.53191 -6.44,0.27335 -8.6832,-1.06397 -3.5047,-2.08947 -5.01,-6.48796 -9.8765,-6.9502 -2.9143,-0.2768 -5.7243,5.14503 -8.8708,5.09702 -3.8797,-0.0592 -7.8943,-4.96272 -11.9168,-5.04846 -17.8138,-0.37968 -35.7825,4.12201 -42.875,6.77516 -1.7498,0.65452 -1.4931,7.15056 0.8851,7.56029 1.7604,0.30328 0.532,3.47323 0.074,5.98614 -1.0008,5.49568 -1.0259,12.38809 -1.6783,13.36413 -2.5422,3.80335 -21.3113,13.0402 -20.9912,18.31238 0.1488,2.45028 5.6208,6.38361 9.1907,7.88903 0.8814,0.37168 6.7426,-1.15373 6.0893,-0.44358 -3.9786,4.32494 -1.5356,0.82106 -1.5351,1.1793 0.01,3.23912 2.0644,2.32978 2.0191,3.05483 -0.1038,1.65986 0.3112,9.44049 -1.3487,14.42009 -1.6598,4.9796 -5.1871,31.22623 -1.9711,39.31808 3.216,8.09185 -11.3078,42.74155 -15.7687,45.12761 -4.4609,2.38606 -15.7687,19.29595 -23.8606,19.9184 -8.09181,0.62245 -22.09694,1.86735 -23.44558,5.70579 -1.34864,3.83844 -2.80102,13.38267 -6.32824,11.93029 -3.52721,-1.45239 -16.7024,-0.82994 -19.50343,2.28231 -2.80102,3.11225 -6.7432,27.49154 -2.38605,31.12249 4.35715,3.63096 20.54084,-4.77211 26.45411,0.10374 5.91328,4.87586 15.04254,17.73983 14.73132,19.81466 -0.31123,2.07483 9.75167,20.33336 9.75167,20.33336 z"
+      id="path3788"
+      style="fill:#fdf9bb;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/assam.svg b/public/map_assets/svg/assam.svg
new file mode 100644
index 00000000..1d216ffb
--- /dev/null
+++ b/public/map_assets/svg/assam.svg
@@ -0,0 +1,8 @@
+<svg aria-label="Assam" viewBox="1000 450 600 600" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;">
+  <g id="assam">
+    <path 
+      d="m 1252.381,602.9526 -9.1022,13.65331 2.0687,10.34342 c 0,0 -3.7236,-0.82748 -5.7923,-1.24121 -2.0687,-0.41374 -8.2748,-1.65495 -8.2748,-1.65495 0,0 -4.1373,2.89616 -5.7923,4.13737 -1.6549,1.24121 -10.3434,1.65495 -10.3434,1.65495 l -4.1374,1.24121 c 0,0 -2.8961,2.06868 -5.7923,1.24121 -2.8961,-0.82748 -5.3786,-1.65495 -7.0335,-0.41374 -1.655,1.24121 0.8275,4.13737 -5.3786,4.5511 -6.206,0.41374 -15.722,2.89616 -17.3769,1.24121 -1.655,-1.65494 -8.2748,-7.86099 -8.2748,-7.86099 l -4.9648,-0.41374 -4.5511,3.72363 c 0,0 -4.5511,0 -5.7923,2.48242 -1.2412,2.48242 0.8275,4.5511 -1.655,4.13737 -2.4824,-0.41374 -6.6197,-1.65495 -6.6197,-1.65495 l -2.4825,2.48242 -6.206,3.30989 -14.0671,15.30826 c 0,0 3.3099,20.2731 4.9649,21.10057 1.6549,0.82748 10.7571,4.96484 10.7571,4.96484 0,0 3.3099,0.41374 3.3099,4.13737 0,3.72363 -2.4824,2.06868 -2.0687,6.61979 0.4138,4.5511 2.0687,9.51594 2.0687,9.51594 l 2.4824,5.79232 47.5798,-13.65332 68.2665,3.3099 -7.4472,19.44562 4.1373,7.861 c 0,0 8.2748,4.96484 10.3434,5.79231 2.0687,0.82748 4.1374,2.06869 4.1374,2.06869 l -4.9648,0.41374 c 0,0 -7.4473,0.41373 -5.3786,3.72363 2.0687,3.30989 4.9648,4.96484 5.3786,7.03352 0.4137,2.06868 0,4.13737 0,4.13737 0,0 -5.3786,-0.82748 -5.7923,4.96484 -0.4138,5.79231 -0.4138,9.51594 -0.4138,9.51594 l 8.6885,18.61815 c 0,0 25.6517,0.82748 27.7203,-1.65494 2.0687,-2.48242 11.1709,-11.99837 14.4808,-20.2731 3.3099,-8.27474 14.0671,-33.92641 13.6533,-50.47588 -0.4137,-16.54947 14.8946,-34.75388 26.0655,-52.54456 11.1708,-17.79068 31.8577,-44.68357 40.1324,-49.23467 8.2748,-4.5511 26.0654,-17.79068 26.0654,-17.79068 0,0 19.8594,-17.37694 20.2731,-19.44562 0.4138,-2.06869 -6.6198,-17.79068 -6.6198,-17.79068 l -0.4137,-24.8242 c 0,0 -23.583,-4.96484 -33.9264,1.65494 -10.3434,6.61979 -45.511,24.82421 -65.3704,33.51268 -19.8594,8.68847 -39.305,25.65167 -44.6836,27.30662 -5.3785,1.65495 -31.8577,9.92968 -31.8577,9.92968 z"
+      id="path3904"
+      style="fill:#ebc5dd;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/map_assets/svg/punjab.svg b/public/map_assets/svg/punjab.svg
new file mode 100644
index 00000000..6e571ff1
--- /dev/null
+++ b/public/map_assets/svg/punjab.svg
@@ -0,0 +1,9 @@
+<svg aria-label="Punjab" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%;"
+  viewBox="150 250 519 373" xmlns="http://www.w3.org/2000/svg">
+  <g id="punjab">
+    <path
+      d="m 507.56739,423.54669 -2.13136,5.48064 c 0,0 -2.43584,1.52239 -3.65375,2.13135 -1.21792,0.60896 -3.95824,-0.60896 -3.95824,-0.60896 0,0 -3.34927,-3.65375 -4.56719,-3.34927 -1.21792,0.30448 -3.65376,0.60896 -2.43584,2.43583 1.21792,1.82688 3.95824,3.95824 3.95824,3.95824 l 1.21792,5.48063 c 0,0 -3.34928,1.82688 -5.48064,2.43584 -2.13135,0.60896 -3.95823,0.30448 -3.95823,0.30448 0,0 -0.91344,1.21791 -1.5224,2.43583 -0.60896,1.21792 -6.39407,2.43584 -6.39407,2.43584 0,0 1.21792,1.21792 1.5224,3.04479 0.30448,1.82688 0.60896,1.5224 0,4.26272 -0.60896,2.74031 0.60896,4.87167 -1.21792,5.48063 -1.82688,0.60896 -5.48063,0.60896 -6.39407,-1.21792 -0.91344,-1.82688 -2.74032,-5.48063 -2.74032,-3.65375 0,1.82687 -1.52239,2.74031 -2.74031,2.13135 -1.21792,-0.60896 -2.74032,-3.95823 -3.95823,-0.60896 -1.21792,3.34928 -2.74032,10.04783 -4.5672,11.87471 -1.82688,1.82687 -0.91344,3.65375 -1.82688,6.39407 -0.91343,2.74031 3.0448,6.08959 -3.95823,4.56719 -7.00303,-1.5224 -10.96126,-2.43584 -15.22398,-3.65376 -4.26271,-1.21791 -3.65375,-0.91343 -5.48063,0 -1.82687,0.91344 -5.17615,1.5224 -7.30751,1.21792 -2.13135,-0.30448 -2.13135,0 -3.04479,1.82688 -0.91344,1.82688 -3.34928,3.65375 -3.34928,3.65375 0,0 -3.04479,2.43584 -3.04479,3.65376 0,1.21792 -1.82688,3.95823 -4.26272,2.74032 -2.43583,-1.21792 -2.13135,-1.21792 -3.34927,-4.26272 -1.21792,-3.04479 0.91344,-5.48063 -0.60896,-7.91647 -1.5224,-2.43583 0.30448,-0.60896 -3.04479,-1.21791 -3.34928,-0.60896 -4.5672,-0.30448 -5.17616,-2.74032 -0.60896,-2.43584 0.30448,-1.21792 -2.43583,-3.0448 -2.74032,-1.82687 0.30448,-0.30448 -3.95824,-2.43583 -4.26271,-2.13136 -5.78511,-3.65376 -6.08959,-2.43584 -0.30448,1.21792 -1.2138,5.01361 -5.78099,4.40465 -4.56719,-0.60896 -5.18027,-5.62257 -6.09371,-2.88225 -0.91344,2.74032 0,5.48063 -2.43584,6.08959 -2.43583,0.60896 -7.00303,-0.60896 -8.52542,-0.60896 -1.5224,0 -1.5224,0.91344 -4.5672,0.91344 -3.04479,0 -0.30448,-1.82688 -4.26271,-1.21792 -3.95823,0.60896 -3.65375,0.30448 -5.48063,0.60896 -1.82688,0.30448 -7.00303,0.60896 -9.13439,-0.91344 -2.13135,-1.5224 -5.17615,-4.26271 -3.95823,-4.56719 1.21792,-0.30448 5.48063,-2.13136 5.48063,-2.13136 0,0 2.74032,-6.69855 1.82688,-10.3523 -0.91344,-3.65376 -3.0448,-3.34928 -0.91344,-5.78511 2.13136,-2.43584 4.56719,-3.34928 6.39407,-5.78511 1.82688,-2.43584 1.21792,-3.0448 4.26271,-5.48064 3.0448,-2.43583 6.08959,-1.52239 7.00303,-6.08959 0.91344,-4.56719 5.17615,-9.43886 5.48063,-11.57022 0.30448,-2.13136 3.0448,-5.17615 5.78511,-5.78511 2.74032,-0.60896 4.87168,-1.5224 4.87168,-1.5224 0,0 -2.13136,-3.95823 -2.74032,-6.69855 -0.60896,-2.74031 -1.21792,-5.17615 1.82688,-7.30751 3.04479,-2.13135 5.48063,-4.26271 3.34927,-8.22094 -2.13135,-3.95824 -3.95823,-5.17616 -4.87167,-10.04783 -0.91344,-4.87167 -2.74031,-1.82688 -0.91344,-5.48063 1.82688,-3.65376 6.08959,-11.26574 7.61199,-11.8747 1.5224,-0.60896 3.95823,-0.91344 6.69855,-1.21792 2.74032,-0.30448 1.5224,-2.13136 5.78511,-4.26271 4.26272,-2.13136 10.04783,-4.26272 12.48366,-3.95824 2.43584,0.30448 9.43887,-2.43583 9.74335,-4.56719 0.30448,-2.13136 2.74031,-5.17615 0,-7.30751 -2.74032,-2.13136 -4.87167,-3.0448 -4.87167,-3.0448 0,0 3.65375,-13.3971 4.87167,-14.31053 1.21792,-0.91344 17.35533,-2.74032 21.00909,-3.34928 3.65375,-0.60896 20.09565,-4.56719 20.40012,-3.34927 0.30448,1.21791 1.82688,35.6241 1.82688,43.23609 0,7.61199 10.65679,16.4419 19.79117,22.22701 9.13439,5.78511 21.31357,15.83293 23.44493,22.227 2.13135,6.39407 5.78511,19.18221 5.78511,19.18221 z"
+      id="path3784"
+      style="fill:#fdf9bb;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/map_assets/stateData.json b/src/assets/map_assets/stateData.json
new file mode 100644
index 00000000..80f277b0
--- /dev/null
+++ b/src/assets/map_assets/stateData.json
@@ -0,0 +1,392 @@
+[
+  {
+    "id": "andhrapradesh",
+    "state_id": 1,
+    "name": "Andhra Pradesh",
+    "dance": "Kuchipudi",
+    "festival": "Sankranti",
+    "description": "Kuchipudi is one of the eight major Indian classical dances and originated in Andhra Pradesh.",
+    "image": "andhra.jpg",
+    "svg": "Andhra.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Andhra_Pradesh",
+    "official_website": "https://www.ap.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "arunachalpradesh",
+    "state_id": 2,
+    "name": "Arunachal Pradesh",
+    "dance": "Yak Dance",
+    "festival": "Losar, Reh",
+    "description": "The Yak dance is a traditional dance form performed during major festivals in Arunachal Pradesh.",
+    "image": "arunachal.jpeg",
+    "svg": "ArunachalPradesh.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Arunachal_Pradesh",
+    "official_website": "https://www.arunachalpradesh.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "assam",
+    "state_id": 3,
+    "name": "Assam",
+    "dance": "Bihu Dance",
+    "festival": "Bihu",
+    "description": "The Bihu dance is an energetic and vibrant folk dance performed during the Bihu festival in Assam.",
+    "image": "assam.jpg",
+    "svg": "assam.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Assam",
+    "official_website": "https://www.assam.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "bihar",
+    "state_id": 4,
+    "name": "Bihar",
+    "dance": "Jat-Jatin",
+    "festival": "Chhath Puja",
+    "description": "Jat-Jatin is a popular folk dance of Bihar that represents rural life and relationships.",
+    "image": "bihar.jpeg",
+    "svg": "Bihar.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Bihar",
+    "official_website": "https://state.bihar.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "chhattisgarh",
+    "state_id": 5,
+    "name": "Chhattisgarh",
+    "dance": "Panthi Dance",
+    "festival": "Bastar Dussehra",
+    "description": "Panthi Dance is a traditional dance performed by the Satnami community of Chhattisgarh.",
+    "image": "chattisgarh.jpg",
+    "svg": "Chhatisgarh.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Chhattisgarh",
+    "official_website": "https://www.cgstate.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "delhi",
+    "state_id": 29,
+    "name": "Delhi",
+    "dance": "Dilli Kathak",
+    "festival": "Republic Day Parade",
+    "description": "Delhi is known for its rich cultural heritage and performances of classical and contemporary Kathak dance.",
+    "image": "delhi.jpg",
+    "svg": "Delhi.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Delhi",
+    "official_website": "https://delhi.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "goa",
+    "state_id": 6,
+    "name": "Goa",
+    "dance": "Dekhnni",
+    "festival": "Carnival",
+    "description": "Dekhnni is a semi-classical Goan dance form that blends Indian and Western influences.",
+    "image": "goa.jpg",
+    "svg": "Goa.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Goa",
+    "official_website": "https://www.goa.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "gujarat",
+    "state_id": 7,
+    "name": "Gujarat",
+    "dance": "Garba",
+    "festival": "Navratri",
+    "description": "Garba is a popular folk dance of Gujarat performed during the Navratri festival.",
+    "image": "Gujrat.jpg",
+    "svg": "Gujrat.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Gujarat",
+    "official_website": "https://gujaratindia.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "haryana",
+    "state_id": 8,
+    "name": "Haryana",
+    "dance": "Phag Dance",
+    "festival": "Teej",
+    "description": "Phag Dance is a vibrant folk dance of Haryana performed during the harvest season.",
+    "image": "Harayana.jpg",
+    "svg": "Harayana.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Haryana",
+    "official_website": "https://haryana.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "himachalpradesh",
+    "state_id": 9,
+    "name": "Himachal Pradesh",
+    "dance": "Nati",
+    "festival": "Kullu Dussehra",
+    "description": "Nati is a traditional folk dance of Himachal Pradesh, known for its slow rhythm and graceful movements.",
+    "image": "himachal.jpg",
+    "svg": "HimachalPradesh.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Himachal_Pradesh",
+    "official_website": "https://himachal.nic.in",
+    "isActive": true
+  },
+  {
+    "id": "jammuandkashmir",
+    "state_id": 30,
+    "name": "Jammu and Kashmir",
+    "dance": "Rouf",
+    "festival": "Hemis Festival",
+    "description": "Jammu and Kashmir is renowned for its traditional Rouf dance and vibrant cultural festivals like the Hemis Festival.",
+    "image": "kashmir.jpeg",
+    "svg": "Kashmir.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Jammu_and_Kashmir",
+    "official_website": "https://jk.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "jharkhand",
+    "state_id": 10,
+    "name": "Jharkhand",
+    "dance": "Chhau Dance",
+    "festival": "Sarhul",
+    "description": "Chhau Dance is a semi-classical dance form that incorporates martial arts and storytelling.",
+    "image": "jharkhand.jpg",
+    "svg": "Jharkhand.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Jharkhand",
+    "official_website": "https://www.jharkhand.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "karnataka",
+    "state_id": 11,
+    "name": "Karnataka",
+    "dance": "Yakshagana",
+    "festival": "Dasara",
+    "description": "Yakshagana is a traditional theater and dance form that originated in Karnataka.",
+    "image": "karnataka.jpg",
+    "svg": "Karnataka.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Karnataka",
+    "official_website": "https://www.karnataka.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "kerala",
+    "state_id": 12,
+    "name": "Kerala",
+    "dance": "Kathakali",
+    "festival": "Onam",
+    "description": "Kathakali is a classical dance-drama from Kerala, known for its elaborate costumes and makeup.",
+    "image": "kerala.jpg",
+    "svg": "Kerala.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Kerala",
+    "official_website": "https://www.kerala.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "madhyapradesh",
+    "state_id": 13,
+    "name": "Madhya Pradesh",
+    "dance": "Matki Dance",
+    "festival": "Khajuraho Dance Festival",
+    "description": "Matki Dance is a traditional folk dance of Madhya Pradesh performed during celebrations.",
+    "image": "madhyapradesh.jpg",
+    "svg": "MadhyaPradesh.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Madhya_Pradesh",
+    "official_website": "https://www.mp.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "maharashtra",
+    "state_id": 14,
+    "name": "Maharashtra",
+    "dance": "Lavani",
+    "festival": "Ganesh Chaturthi",
+    "description": "Lavani is a traditional folk dance of Maharashtra known for its energetic and graceful performances.",
+    "image": "maharashtra.jpg",
+    "svg": "Maharashtra.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Maharashtra",
+    "official_website": "https://www.maharashtra.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "manipur",
+    "state_id": 15,
+    "name": "Manipur",
+    "dance": "Raas Leela",
+    "festival": "Yaoshang",
+    "description": "Raas Leela is a classical Manipuri dance depicting the love story of Radha and Krishna.",
+    "image": "manipur.jpeg",
+    "svg": "Manipur.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Manipur",
+    "official_website": "https://manipur.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "meghalaya",
+    "state_id": 16,
+    "name": "Meghalaya",
+    "dance": "Nongkrem Dance",
+    "festival": "Shad Suk Mynsiem",
+    "description": "The Nongkrem Dance is a traditional tribal dance performed by the Khasi community in Meghalaya.",
+    "image": "meghalaya.jpeg",
+    "svg": "Meghalaya.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Meghalaya",
+    "official_website": "https://www.meghalaya.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "mizoram",
+    "state_id": 17,
+    "name": "Mizoram",
+    "dance": "Cheraw Dance",
+    "festival": "Chapchar Kut",
+    "description": "Cheraw Dance, also known as Bamboo Dance, is a popular traditional dance of Mizoram.",
+    "image": "mizoram.jpg",
+    "svg": "Mizoram.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Mizoram",
+    "official_website": "https://mizoram.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "nagaland",
+    "state_id": 18,
+    "name": "Nagaland",
+    "dance": "Chang Lo",
+    "festival": "Hornbill Festival",
+    "description": "Chang Lo is a traditional folk dance of the Chang tribe in Nagaland.",
+    "image": "nagaland.jpeg",
+    "svg": "Nagaland.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Nagaland",
+    "official_website": "https://www.nagaland.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "odisha",
+    "state_id": 19,
+    "name": "Odisha",
+    "dance": "Odissi",
+    "festival": "Rath Yatra",
+    "description": "Odissi is one of the eight major Indian classical dance forms and originated in Odisha.",
+    "image": "odisha.jpg",
+    "svg": "Odisha.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Odisha",
+    "official_website": "https://www.odisha.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "punjab",
+    "state_id": 20,
+    "name": "Punjab",
+    "dance": "Bhangra",
+    "festival": "Lohri",
+    "description": "Bhangra is a vibrant and energetic folk dance of Punjab, performed during harvest festivals.",
+    "image": "punjab.jpg",
+    "svg": "punjab.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Punjab,_India",
+    "official_website": "https://www.punjab.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "rajasthan",
+    "state_id": 21,
+    "name": "Rajasthan",
+    "dance": "Ghoomar",
+    "festival": "Gangaur",
+    "description": "Ghoomar is a traditional folk dance of Rajasthan performed by women in colorful attire.",
+    "image": "rajasthan.jpg",
+    "svg": "Rajasthan.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Rajasthan",
+    "official_website": "https://www.rajasthan.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "sikkim",
+    "state_id": 22,
+    "name": "Sikkim",
+    "dance": "Singhi Chham",
+    "festival": "Losar",
+    "description": "Singhi Chham is a traditional mask dance of Sikkim performed during the Losar festival.",
+    "image": "sikkim.jpg",
+    "svg": "Sikkim.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Sikkim",
+    "official_website": "https://www.sikkim.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "tamilnadu",
+    "state_id": 23,
+    "name": "Tamil Nadu",
+    "dance": "Bharatanatyam",
+    "festival": "Pongal",
+    "description": "Bharatanatyam is one of the oldest classical dance forms of India, originating in Tamil Nadu.",
+    "image": "tamilnadu.jpg",
+    "svg": "TamilNadu.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Tamil_Nadu",
+    "official_website": "https://www.tn.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "telangana",
+    "state_id": 24,
+    "name": "Telangana",
+    "dance": "Perini Shivatandavam",
+    "festival": "Bonalu",
+    "description": "Perini Shivatandavam is an ancient dance form dedicated to Lord Shiva, revived in Telangana.",
+    "image": "telangana.jpg",
+    "svg": "Telangana.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Telangana",
+    "official_website": "https://www.telangana.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "tripura",
+    "state_id": 25,
+    "name": "Tripura",
+    "dance": "Hojagiri",
+    "festival": "Kharchi Puja",
+    "description": "Hojagiri is a traditional tribal dance performed by the Reang community of Tripura.",
+    "image": "tripura.jpg",
+    "svg": "Tripura.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Tripura",
+    "official_website": "https://www.tripura.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "uttarpradesh",
+    "state_id": 26,
+    "name": "Uttar Pradesh",
+    "dance": "Kathak",
+    "festival": "Diwali",
+    "description": "Kathak is one of the eight major Indian classical dance forms and is widely practiced in Uttar Pradesh.",
+    "image": "uttarpradesh.jpg",
+    "svg": "UttarPradesh.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Uttar_Pradesh",
+    "official_website": "https://up.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "uttarakhand",
+    "state_id": 27,
+    "name": "Uttarakhand",
+    "dance": "Barada Nati",
+    "festival": "Kumaoni Holi",
+    "description": "Barada Nati is a folk dance performed in the Jaunsar-Bawar region of Uttarakhand.",
+    "image": "uttarakhand.jpeg",
+    "svg": "Uttarakhand.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/Uttarakhand",
+    "official_website": "https://uk.gov.in",
+    "isActive": true
+  },
+  {
+    "id": "westbengal",
+    "state_id": 28,
+    "name": "West Bengal",
+    "dance": "Chhau Dance",
+    "festival": "Durga Puja",
+    "description": "Chhau Dance is a semi-classical dance form performed in Purulia district of West Bengal.",
+    "image": "westbengal.jpg",
+    "svg": "WestBengal.svg",
+    "wikiLink": "https://en.wikipedia.org/wiki/West_Bengal",
+    "official_website": "https://www.wb.gov.in",
+    "isActive": true
+  }
+]
\ No newline at end of file
diff --git a/src/assets/map_assets/states.json b/src/assets/map_assets/states.json
new file mode 100644
index 00000000..3ac3c786
--- /dev/null
+++ b/src/assets/map_assets/states.json
@@ -0,0 +1,212 @@
+{
+  "andhra": {
+      "id": "Andhra.html",
+      "name": "Andhra Pradesh",
+      "dance": "Kuchipudi Dance",
+      "image": "andhra.jpg",
+      "svg": "Andhra.svg"
+  },
+  "assam": {
+    "id": "Assam.html",
+    "name": "Assam",
+    "dance": "Bihu Dance",
+    "image": "assam.jpg",
+    "svg": "assam.svg"
+  },
+  "arunachalpradesh": {
+      "id": "ArunachalPradesh.html",
+      "name": "Arunachal Pradesh",
+      "dance": "Bari Dance",
+      "image": "arunachal.jpeg",
+      "svg": "ArunachalPradesh.svg"
+  },
+  "bihar": {
+      "id": "Bihar.html",
+      "name": "Bihar",
+      "dance": "Bihar Folk Dance",
+      "image": "bihar.jpeg",
+      "svg": "Bihar.svg"
+  },
+  "chhatisgarh": {
+      "id": "Chhatisgarh.html",
+      "name": "Chhattisgarh",
+      "dance": "Raut Nacha",
+      "image": "chattisgarh.jpg",
+      "svg": "Chhatisgarh.svg"
+  },
+  "delhi": {
+      "id": "Delhi.html",
+      "name": "Delhi",
+      "dance": "Kathak",
+      "image": "delhi.jpg",
+      "svg": "Delhi.svg"
+  },
+  "telangana": {
+    "id": "Telangana.html",
+    "name": "Telangana",
+    "dance": "Perini Shiva Thandavam",
+    "image": "telangana.jpg",
+    "svg": "Telangana.svg"
+  },
+  "goa": {
+      "id": "Goa.html", 
+      "name": "Goa",
+      "dance": "Dekhnni",
+      "image": "goa.jpg",
+      "svg": "Goa.svg"
+  },
+  "gujarat": {
+      "id": "Gujrat.html",
+      "name": "Gujarat",
+      "dance": "Garba",
+      "image": "Gujrat.jpg",
+      "svg": "Gujrat.svg"
+  },
+  "kerala": {
+    "id": "Kerala.html",
+    "name": "Kerala",
+    "dance": "Kathakali",
+    "image": "kerala.jpg",
+    "svg": "Kerala.svg"
+  },
+  "karnataka": {
+      "id": "Karnataka.html",  
+      "name": "Karnataka",
+      "dance": "Karnataka Folk Dance",
+      "image": "karnataka.jpg",
+      "svg": "Karnataka.svg"
+  },
+  "maharashtra": {
+    "id": "Maharashtra.html",
+    "name": "Maharashtra",
+    "dance": "Lavani",
+    "image": "maharashtra.jpg",
+    "svg": "Maharashtra.svg"
+  },
+  "madhyapradesh": {
+      "id": "MadhyaPradesh.html",
+      "name": "Madhya Pradesh",
+      "dance": "Gond Dance",
+      "image": "madhyapradesh.jpg",
+      "svg": "MadhyaPradesh.svg"
+  },
+  "uttarpradesh": {
+    "id": "UttarPradesh.html",
+    "name": "Uttar Pradesh",
+    "dance": "Kathak",
+    "image": "uttarpradesh.jpg",
+    "svg": "UttarPradesh.svg"
+  },
+  "nagaland": {
+    "id": "Nagaland.html",
+    "name": "Nagaland",
+    "dance": "Heka Dance",
+    "image": "nagaland.jpeg",
+    "svg": "Nagaland.svg"
+  },
+  "manipur": {
+      "id": "Manipur.html",
+      "name": "Manipur",
+      "dance": "Manipuri Dance",
+      "image": "manipur.jpeg",
+      "svg": "Manipur.svg"
+  },
+  "meghalaya": {
+      "id": "Meghalaya.html",
+      "name": "Meghalaya",
+      "dance": "Laho Dance",
+      "image": "meghalaya.jpeg",
+      "svg": "Meghalaya.svg"
+  },
+  "mizoram": {
+      "id": "Mizoram.html",
+      "name": "Mizoram",
+      "dance": "Cheraw Dance",
+      "image": "mizoram.jpg",
+      "svg": "Mizoram.svg"
+  },
+  "odisha": {
+      "id": "Odisha.html",
+      "name": "Odisha",
+      "dance": "Odissi",
+      "image": "odisha.jpg",
+      "svg": "Odisha.svg"
+  },
+  "rajasthan": {
+      "id": "Rajasthan.html",
+      "name": "Rajasthan",
+      "dance": "Ghoomar",
+      "image": "rajasthan.jpg",
+      "svg": "Rajasthan.svg"
+  },
+  "sikkim": {
+      "id": "Sikkim.html",
+      "name": "Sikkim",
+      "dance": "Chyabrung Dance",
+      "image": "sikkim.jpg",
+      "svg": "Sikkim.svg"
+  },
+  "tamilnadu": {
+      "id": "TamilNadu.html",
+      "name": "Tamil Nadu",
+      "dance": "Bharatanatyam",
+      "image": "tamilnadu.jpeg",
+      "svg": "TamilNadu.svg"
+  },
+  "haryana": {
+      "id": "Harayana.html",
+      "name": "Haryana",
+      "dance": "Ghoomar",
+      "image": "Haryana.jpeg",
+      "svg": "Harayana.svg"
+  },
+  "punjab": {
+    "id": "punjab.html",
+    "name": "Punjab",
+    "dance": "Bhangra",
+    "image": "punjab.jpg",
+    "svg": "punjab.svg"
+  },
+  "tripura": {
+      "id": "Tripura.html",
+      "name": "Tripura",
+      "dance": "Hojagiri Dance",
+      "image": "tripura.jpg",
+      "svg": "Tripura.svg"
+  },
+  "uttarakhand": {
+      "id": "Uttarakhand.html",
+      "name": "Uttarakhand",
+      "dance": "Langvir Dance",
+      "image": "uttarakhand.jpeg",
+      "svg": "Uttarakhand.svg"
+  },
+  "himachalpradesh": {
+    "id": "HimachalPradesh.html",
+    "name": "Himachal Pradesh",
+    "dance": "Nati Dance",
+    "image": "himachal.jpg",
+    "svg": "HimachalPradesh.svg"
+  },
+  "jammuandkashmir": {
+    "id": "Kashmir.html",
+    "name": "Jammu and Kashmir",
+    "dance": "Rauf Dance",
+    "image": "kashmir.jpeg",
+    "svg": "Kashmir.svg"
+  },
+  "westbengal": {
+      "id": "WestBengal.html",
+      "name": "West Bengal",
+      "dance": "Bhatiali",
+      "image": "westbengal.jpg",
+      "svg": "WestBengal.svg"
+  },
+  "jharkhand": {
+      "id": "Jharkhand.html",
+      "name": "Jharkhand",
+      "dance": "Chhau Dance",
+      "image": "jharkhand.jpg",
+      "svg": "Jharkhand.svg"
+  }
+}
diff --git a/src/assets/styles/map_styles/map.css b/src/assets/styles/map_styles/map.css
new file mode 100644
index 00000000..90b21151
--- /dev/null
+++ b/src/assets/styles/map_styles/map.css
@@ -0,0 +1,45 @@
+.container_map {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  width: 100%;
+  max-width: 1200px;
+  margin: 40px auto;
+  position: relative;
+}
+
+svg {
+  width: 100%;
+  height: auto;
+  max-width: 100%;
+}
+
+.tooltip {
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.8);
+  color: white;
+  padding: 8px 12px;
+  border-radius: 4px;
+  font-size: 14px;
+  pointer-events: none;
+  z-index: 500;
+  display: none;
+  transform: translate(-500px, -200px);
+}
+
+ 
+
+
+
+
+  path {
+    fill: #aee38a;
+    cursor: pointer;
+    transition: fill 0.2s ease, transform 0.1s ease;
+  }
+
+  path:hover {
+    fill: #FFA500;
+    transform: scale(1.05);
+  }
\ No newline at end of file
diff --git a/src/assets/styles/map_styles/popup.css b/src/assets/styles/map_styles/popup.css
new file mode 100644
index 00000000..333bd1af
--- /dev/null
+++ b/src/assets/styles/map_styles/popup.css
@@ -0,0 +1,102 @@
+#state-popup {
+  display: none;
+  flex-direction: column;
+  position: absolute;
+  background-color: #fff;
+  padding: 20px;
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
+  border-radius: 12px;
+  width: 90%;
+  max-width: 400px;
+  z-index: 1000;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  max-height: 90vh;
+  overflow-y: auto;
+}
+
+#popup-state-name {
+  font-size: 1.8rem;
+  font-weight: bold;
+  margin-bottom: 12px;
+  color: #333;
+}
+
+#popup-state-info {
+  font-size: 1.4rem;
+  margin: 12px 0;
+  color: #444;
+  line-height: 1.4;
+}
+
+#state-popup img {
+  width: 100%;
+  height: auto;
+  max-height: 200px;
+  object-fit: cover;
+  border-radius: 8px;
+  margin: 10px 0;
+}
+
+.close-popup {
+  position: absolute;
+  top: 10px;
+  right: 15px;
+  font-size: 1.8rem;
+  cursor: pointer;
+  color: #666;
+  transition: color 0.2s ease;
+}
+
+.close-popup:hover {
+  color: #333;
+}
+
+#pop-up-buttons {
+  display: flex;
+  gap: 12px;
+  margin-top: 15px;
+}
+
+.copy-button,
+#see-more-button {
+  flex: 1;
+  padding: 10px 16px;
+  font-size: 1.2rem;
+  cursor: pointer;
+  border: none;
+  border-radius: 8px;
+  transition: all 0.2s ease;
+}
+
+.copy-button {
+  background-color: #4caf50;
+  color: white;
+}
+
+#see-more-button {
+  background-color: #007bff;
+  color: white;
+}
+
+.copy-button:hover,
+#see-more-button:hover {
+  transform: translateY(-2px);
+  opacity: 0.9;
+}
+
+@media (max-width: 768px) {
+  #state-popup {
+    width: 85%;
+    padding: 15px;
+    margin: 0 auto;
+  }
+
+  #popup-state-name {
+    font-size: 1.6rem;
+  }
+
+  #popup-state-info {
+    font-size: 1.2rem;
+  }
+}
diff --git a/src/assets/styles/map_styles/stateStyles.css b/src/assets/styles/map_styles/stateStyles.css
new file mode 100644
index 00000000..cd5064f5
--- /dev/null
+++ b/src/assets/styles/map_styles/stateStyles.css
@@ -0,0 +1,188 @@
+
+
+.home-button {
+  position: fixed;
+  top: 30px;
+  left: 30px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 20px;
+  background-color: #2c3e50;
+  color: white;
+  text-decoration: none;
+  border-radius: 50px;
+  font-weight: 500;
+  transition: all 0.3s ease;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  z-index: 100;
+}
+
+.home-button:hover {
+  background-color: #34495e;
+  transform: translateY(-2px);
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+}
+
+.home-button svg {
+  fill: currentColor;
+  width: 20px;
+  height: 20px;
+}
+
+h1 {
+  text-align: center;
+  font-size: 3rem;
+  color: #2c3e50;
+  margin: 80px 0 50px;
+  font-weight: 700;
+  position: relative;
+}
+
+h1::after {
+  content: '';
+  position: absolute;
+  bottom: -15px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 100px;
+  height: 4px;
+  background: linear-gradient(90deg, #2c3e50, #3498db);
+  border-radius: 2px;
+}
+
+.main-container {
+  display: flex;
+  gap: 100px; 
+  max-width:2000px; 
+  margin: 0 auto;
+  padding: 20px;
+  justify-content: center;
+}
+
+#state-svg-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: white;
+  padding: 30px;
+  border-radius: 20px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
+  height: 100%;
+  max-width: 800px; 
+}
+
+#state-svg-container h2 {
+  margin-bottom: 20px;
+  font-size: 2rem;
+  color: #2c3e50;
+  text-align: center;
+}
+
+#state-svg {
+  width: 100vw; 
+  height: 100vh; 
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+#state-svg svg {
+  width: 100%;
+  height: 100%;
+}
+
+.right-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  background: white;
+  padding: 30px;
+  border-radius: 20px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
+  height: 100%;
+  max-width: 800px; 
+}
+
+.right-content img {
+  width: 100%;
+  height: 500px; 
+  object-fit: cover;
+  border-radius: 20px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+  margin-bottom: 20px;
+}
+
+.info-table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 20px;
+  background: #ffffff;
+  border-radius: 10px;
+  overflow: hidden;
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
+}
+
+.info-table th, .info-table td {
+  padding: 15px;
+  border: 1px solid #eef2f7;
+}
+
+.info-table th {
+  background: #3498db;
+  color:black;
+  text-align: left;
+  font-size: 1.2rem;
+  letter-spacing: 0.5px;
+}
+
+.info-table tr:nth-child(even) {
+  background-color: #f8f9fa;
+}
+
+.info-table tr:hover {
+  background-color: #f1f4f8;
+}
+
+.info-table td:first-child {
+  font-weight: 600;
+  color: #2c3e50;
+}
+
+.content-text a {
+  display: block;
+  text-align: center;
+  margin-top: 20px;
+  color: #3498db;
+  text-decoration: none;
+  font-weight: 500;
+  padding: 10px;
+  border-radius: 5px;
+  transition: all 0.3s ease;
+}
+
+.content-text a:hover {
+  color: #2980b9;
+  background-color: #f8f9fa;
+}
+
+@media (max-width: 768px) {
+  .main-container {
+    flex-direction: column;
+    height: auto;
+    gap: 30px;
+  }
+
+  #state-svg-container, .right-content {
+    width: 100%;
+    max-width: none;
+    height: auto;
+  }
+
+  .right-content img {
+    height: 250px;
+  }
+}
\ No newline at end of file
diff --git a/src/components/Map.astro b/src/components/Map.astro
new file mode 100644
index 00000000..f26e6319
--- /dev/null
+++ b/src/components/Map.astro
@@ -0,0 +1,74 @@
+---
+import statesData from '@/assets/map_assets/states.json';
+---
+
+<div class="container_map">
+  <svg id="india-map" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1500 1800">
+    <!-- States will be loaded dynamically -->
+  </svg>
+  <div id="state-tooltip" class="tooltip"></div>
+</div>
+
+<script define:vars={{ statesData }}>
+  document.addEventListener('DOMContentLoaded', async () => {
+    const indiaSvg = document.getElementById('india-map');
+    const tooltip = document.getElementById('state-tooltip');
+
+    async function loadStateSVGs() {
+      const statesGroup = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+      statesGroup.setAttribute('id', 'india-states');
+
+      for (const stateKey in statesData) {
+        const stateInfo = statesData[stateKey];
+        try {
+          const response = await fetch(`/map_assets/svg/${stateInfo.svg}`);
+          const svgText = await response.text();
+
+          const tempDiv = document.createElement('div');
+          tempDiv.innerHTML = svgText;
+          const statePaths = tempDiv.querySelectorAll('path');
+
+          statePaths.forEach((path) => {
+            const clonedPath = path.cloneNode(true);
+            clonedPath.setAttribute('data-state', stateKey);
+            addEventListenersToState(clonedPath, stateInfo);
+            statesGroup.appendChild(clonedPath);
+          });
+        } catch (error) {
+          console.error(`Error loading SVG for ${stateKey}:`, error);
+        }
+      }
+      indiaSvg.appendChild(statesGroup);
+    }
+
+    function addEventListenersToState(path, stateInfo) {
+      path.style.fill = '#92ad5c';
+
+      path.addEventListener('mousemove', (event) => {
+        path.style.fill = '#FFA500';
+        path.style.transform = 'scale(1.02)';
+        
+        tooltip.textContent = stateInfo.name;
+        tooltip.style.left = `${event.pageX + 10}px`;
+        tooltip.style.top = `${event.pageY + 10}px`;
+        tooltip.style.display = 'block';
+      });
+
+      path.addEventListener('mouseleave', () => {
+        path.style.fill = '#aee38a';
+        path.style.transform = 'scale(1)';
+        tooltip.style.display = 'none';
+      });
+
+      path.addEventListener('click', (event) => {
+        const popupEvent = new CustomEvent('showStatePopup', {
+          detail: { event, stateInfo }
+        });
+        document.dispatchEvent(popupEvent);
+      });
+    }
+
+    loadStateSVGs();
+  });
+</script>
+
diff --git a/src/components/Popup.astro b/src/components/Popup.astro
new file mode 100644
index 00000000..22f9e4fe
--- /dev/null
+++ b/src/components/Popup.astro
@@ -0,0 +1,206 @@
+<!-- HTML Structure -->
+<div class="state-popup">
+  <span class="state-popup__close">&times;</span>
+  <div class="state-popup__name">State Name</div>
+  <img class="state-popup__image" src="" alt="State Image">
+  <div class="state-popup__info">State Information</div>
+  <div class="state-popup__buttons">
+    <button class="state-popup__button state-popup__button--copy">Copy Info</button>
+    <button class="state-popup__button state-popup__button--more">See More</button>
+  </div>
+</div>
+
+<script>
+  // Initialize DOM elements using classes
+  const popup = document.querySelector('.state-popup') as HTMLElement;
+  const popupStateName = document.querySelector('.state-popup__name') as HTMLElement;
+  const popupStateInfo = document.querySelector('.state-popup__info') as HTMLElement;
+  const popupStateImage = document.querySelector('.state-popup__image') as HTMLElement;
+  const seeMoreButton = document.querySelector('.state-popup__button--more') as HTMLElement;
+  const closePopup = document.querySelector('.state-popup__close') as HTMLElement;
+  const copyButton = document.querySelector('.state-popup__button--copy') as HTMLElement;
+
+  function showPopup(event: MouseEvent, stateInfo: any) {
+    // Update popup content
+    popupStateName.textContent = stateInfo.name;
+    popupStateInfo.innerHTML = `<p><strong>State Dance:</strong> ${stateInfo.dance}</p>`;
+    popupStateImage.src = `/map_assets/images/${stateInfo.image}`; 
+    popupStateImage.alt = `${stateInfo.name} state image`;
+
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+
+    popup.style.display = 'flex';
+    const popupWidth = popup.offsetWidth;
+    const popupHeight = popup.offsetHeight;
+
+    // Get click position relative to viewport
+    const clickX = event.clientX;
+    const clickY = event.clientY;
+
+    let left = clickX;
+    let top = clickY + 20; 
+
+    if (left + popupWidth > viewportWidth - 20) {
+      left = viewportWidth - popupWidth - 20;
+    }
+    if (left < 20) {
+      left = 20;
+    }
+
+    if (top + popupHeight > viewportHeight - 20) {
+      top = clickY - popupHeight - 20;
+    }
+    if (top < 20) {
+      top = 20;
+    }
+
+    popup.style.left = `${left}px`;
+    popup.style.top = `${top}px`;
+    popup.style.opacity = '1';
+  }
+
+  // Event Listeners
+  document.addEventListener('showStatePopup', ((e: CustomEvent) => {
+    const { event, stateInfo } = e.detail;
+    showPopup(event, stateInfo);
+  }) as EventListener);
+
+  closePopup?.addEventListener('click', () => {
+    popup.style.display = 'none';
+    popup.style.opacity = '0';
+  });
+
+  copyButton?.addEventListener('click', () => {
+    const stateName = popupStateName.textContent;
+    const stateInfo = popupStateInfo.textContent;
+    if (stateName && stateInfo) {
+      navigator.clipboard.writeText(`${stateName} - ${stateInfo}`).then(() => {
+        alert('State information copied to clipboard!');
+      }).catch(err => {
+        console.error('Failed to copy text: ', err);
+        alert('Failed to copy to clipboard');
+      });
+    }
+  });
+
+  seeMoreButton?.addEventListener('click', () => {
+    const stateName = popupStateName.textContent;
+    if (stateName) {
+      const stateUrl = stateName.replace(/\s+/g, '').toLowerCase();
+      window.location.href = `/mapPages/${stateUrl}`;
+    }
+  });
+
+  // Close popup when clicking outside
+  document.addEventListener('click', (e: MouseEvent) => {
+    const target = e.target as HTMLElement;
+    if (!popup.contains(target) && target.closest('[data-state]') === null) {
+      popup.style.display = 'none';
+      popup.style.opacity = '0';
+    }
+  });
+</script>
+
+<style>
+  .state-popup {
+    display: none;
+    flex-direction: column;
+    position: absolute;
+    background-color: #fff;
+    padding: 20px;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
+    border-radius: 12px;
+    width: 90%;
+    max-width: 400px;
+    z-index: 1000;
+    opacity: 0;
+    transition: opacity 0.3s ease;
+    max-height: 90vh;
+    overflow-y: auto;
+  }
+
+  .state-popup__name {
+    font-size: 1.8rem;
+    font-weight: bold;
+    margin-bottom: 12px;
+    color: #333;
+  }
+
+  .state-popup__info {
+    font-size: 1.4rem;
+    margin: 12px 0;
+    color: #444;
+    line-height: 1.4;
+  }
+
+  .state-popup__image {
+    width: 100%;
+    height: auto;
+    max-height: 200px;
+    object-fit: cover;
+    border-radius: 8px;
+    margin: 10px 0;
+  }
+
+  .state-popup__close {
+    position: absolute;
+    top: 10px;
+    right: 15px;
+    font-size: 1.8rem;
+    cursor: pointer;
+    color: #666;
+    transition: color 0.2s ease;
+  }
+
+  .state-popup__close:hover {
+    color: #333;
+  }
+
+  .state-popup__buttons {
+    display: flex;
+    gap: 12px;
+    margin-top: 15px;
+  }
+
+  .state-popup__button {
+    flex: 1;
+    padding: 10px 16px;
+    font-size: 1.2rem;
+    cursor: pointer;
+    border: none;
+    border-radius: 8px;
+    transition: all 0.2s ease;
+  }
+
+  .state-popup__button--copy {
+    background-color: #4caf50;
+    color: white;
+  }
+
+  .state-popup__button--more {
+    background-color: #007bff;
+    color: white;
+  }
+
+  .state-popup__button:hover {
+    transform: translateY(-2px);
+    opacity: 0.9;
+  }
+
+  @media (max-width: 768px) {
+    .state-popup {
+      width: 85%;
+      padding: 15px;
+      margin: 0 auto;
+    }
+
+    .state-popup__name {
+      font-size: 1.6rem;
+    }
+
+    .state-popup__info {
+      font-size: 1.2rem;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/src/layouts/mapLayouts/StateLayout.astro b/src/layouts/mapLayouts/StateLayout.astro
new file mode 100644
index 00000000..2152b05d
--- /dev/null
+++ b/src/layouts/mapLayouts/StateLayout.astro
@@ -0,0 +1,24 @@
+---
+interface Props {
+  title?: string; 
+}
+
+const { title = "Indian Classical Dance" } = Astro.props; 
+---
+
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{title}</title>
+  </head>
+  <body>
+    <a href=`/` class="home-button">
+      <svg width="24" height="24" viewBox="0 0 24 24">
+        <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8h5z" />
+      </svg>
+      Home
+    </a>
+    <slot />
+  </body>
+</html>
\ No newline at end of file
diff --git a/src/pages/indiaMap.astro b/src/pages/indiaMap.astro
new file mode 100644
index 00000000..3237632b
--- /dev/null
+++ b/src/pages/indiaMap.astro
@@ -0,0 +1,15 @@
+---
+// src/pages/index.astro
+import BaseLayout from '@/layouts/Base';
+import Map from '@/components/Map.astro';
+import Popup from '@/components/Popup.astro';
+import TitleLayout from "@/layouts/TitleLayout";
+
+
+---
+
+<BaseLayout meta={{ title: "Explore Dances of India" }} >
+  <TitleLayout title="Explore Dances of India" />
+  <Map />
+  <Popup/>
+</BaseLayout>
diff --git a/src/pages/mapPages/[...state].astro b/src/pages/mapPages/[...state].astro
new file mode 100644
index 00000000..a02f0a2e
--- /dev/null
+++ b/src/pages/mapPages/[...state].astro
@@ -0,0 +1,76 @@
+---
+
+import StateLayout from '@/layouts/mapLayouts/StateLayout';
+import stateData from '@/assets/map_assets/stateData.json';
+import '@/assets/styles/map_styles/stateStyles.css'
+// import '@/assets/styles/globals.css'
+
+export const prerender = true;
+
+export function getStaticPaths() {
+  return stateData.map((state) => ({
+    params: { state: state.id },
+    props: { stateInfo: state },
+  }));
+}
+
+const { stateInfo } = Astro.props;
+const { name, dance, festival, image, svg, wikiLink, description } = stateInfo;
+---
+
+
+
+<StateLayout title={`${name} - ${dance}`}>
+  <main>
+    <h1>{dance} - {name}</h1>
+    
+    <div class="main-container">
+      <div id="state-svg-container">
+        <h3>State Map</h3>
+        <div id="state-svg" data-svg-path={`/map_assets/svg/${svg}`}></div>
+      </div>
+
+      <div class="right-content">
+        <img 
+          src={`/map_assets/images/${image}`} 
+          alt={`${dance} from ${name}`} 
+          loading="eager"
+        />
+        <div class="content-text">
+          <table class="info-table">
+            <tr><th colspan="2">Quick Facts</th></tr>
+            <tr><td>Dance Form</td><td>{dance}</td></tr>
+            <tr><td>Origin</td><td>{name}, India</td></tr>
+            <tr><td>Festival</td><td>{festival}</td></tr>
+            <tr><td>Description</td><td>{description}</td></tr>
+          </table>
+          <a href={wikiLink} target="_blank" rel="noopener noreferrer">
+            Read more about {dance} on Wikipedia
+          </a>
+        </div>
+      </div>
+    </div>
+  </main>
+</StateLayout>
+
+<script>
+  // Load SVG when the page loads
+  document.addEventListener('DOMContentLoaded', async () => {
+    const svgContainer = document.getElementById('state-svg');
+    if (!svgContainer) return;
+
+    const svgPath = svgContainer.dataset.svgPath;
+    if (!svgPath) return;
+
+    try {
+      const response = await fetch(svgPath);
+      if (!response.ok) throw new Error('Failed to load SVG');
+      const svgContent = await response.text();
+      svgContainer.innerHTML = svgContent;
+    } catch (error) {
+      console.error('Error loading SVG:', error);
+      svgContainer.innerHTML = '<p class="error">Failed to load state map</p>';
+    }
+  });
+</script>
+
diff --git a/src/utils/constants.ts b/src/utils/constants.ts
index 54ee7d90..6fc344f4 100644
--- a/src/utils/constants.ts
+++ b/src/utils/constants.ts
@@ -32,6 +32,12 @@ export const NavbarLinks: LinkProps[] = [
     title: "letter",
     path: "/letter",
     isActive: true
+  },
+  {
+    name: "IndiaMap",
+    title: "IndiaMap",
+    path: "/indiaMap",
+    isActive: true
   }
 ];