[
  {
    "search": "<div class=\"col-md-8\">\n            <h2>Eisenhower Matrix</h2>\n            <div id=\"matrix-container\">\n                <!-- Matrix categories and tasks will be dynamically added here -->\n            </div>\n        </div>",
    "replace": "<div class=\"col-md-8\">\n            <h2>Eisenhower Matrix</h2>\n            <div id=\"matrix-container\">\n                <div class=\"category-container\">\n                    <div class=\"category-header\">Urgent and Important</div>\n                    <ul class=\"task-list\">\n                        <!-- Tasks for Urgent and Important category will be dynamically added here -->\n                    </ul>\n                </div>\n                <div class=\"category-container\">\n                    <div class=\"category-header\">Not Urgent but Important</div>\n                    <ul class=\"task-list\">\n                        <!-- Tasks for Not Urgent but Important category will be dynamically added here -->\n                    </ul>\n                </div>\n                <div class=\"category-container\">\n                    <div class=\"category-header\">Urgent but Not Important</div>\n                    <ul class=\"task-list\">\n                        <!-- Tasks for Urgent but Not Important category will be dynamically added here -->\n                    </ul>\n                </div>\n                <div class=\"category-container\">\n                    <div class=\"category-header\">Neither Urgent nor Important</div>\n                    <ul class=\"task-list\">\n                        <!-- Tasks for Neither Urgent nor Important category will be dynamically added here -->\n                    </ul>\n                </div>\n            </div>\n        </div>"
  },
  {
    "search": "<div class=\"col-md-4\">\n            <h2>To-Do List</h2>\n            <input id=\"add-task-input\" class=\"task-input\" type=\"text\" placeholder=\"Enter task\">\n            <select id=\"add-task-category\" class=\"task-category-select\">\n                <option value=\"Urgent and Important\">Urgent and Important</option>\n                <option value=\"Not Urgent but Important\">Not Urgent but Important</option>\n                <option value=\"Urgent but Not Important\">Urgent but Not Important</option>\n                <option value=\"Neither Urgent nor Important\">Neither Urgent nor Important</option>\n            </select>\n            <button id=\"add-task-button\" class=\"btn btn-primary\">Add Task</button>\n\n            <div id=\"task-list-container\">\n                <!-- Task items will be dynamically added here -->\n            </div>\n        </div>",
    "replace": "<div class=\"col-md-4\">\n            <h2>To-Do List</h2>\n            <input id=\"add-task-input\" class=\"task-input\" type=\"text\" placeholder=\"Enter task\">\n            <select id=\"add-task-category\" class=\"task-category-select\">\n                <option value=\"Urgent and Important\">Urgent and Important</option>\n                <option value=\"Not Urgent but Important\">Not Urgent but Important</option>\n                <option value=\"Urgent but Not Important\">Urgent but Not Important</option>\n                <option value=\"Neither Urgent nor Important\">Neither Urgent nor Important</option>\n            </select>\n            <button id=\"add-task-button\" class=\"btn btn-primary\">Add Task</button>\n\n            <div id=\"matrix-container\">\n                <div class=\"category-container\">\n                    <div class=\"category-header\">To-Do List</div>\n                    <ul class=\"task-list\">\n                        <!-- Tasks for To-Do List category will be dynamically added here -->\n                    </ul>\n                </div>\n            </div>\n        </div>"
  }
]