[

  {

    "search": "<!-- App HTML Goes Here -->",

    "replace": "<div class=\"text-center\">\n    <h1 class=\"mt-5\">AI Title to Movie Generator</h1>\n    <p class=\"lead\">Generate a title into a movie in just in a minute’s time.</p>\n</div>\n\n<div class=\"row justify-content-center mt-5\">\n    <div class=\"col-md-6\">\n        <div class=\"input-group mb-3\">\n            <input type=\"text\" class=\"form-control\" placeholder=\"Enter a title\">\n            <button class=\"btn btn-primary\" type=\"button\">Generate</button>\n        </div>\n        <div class=\"card\">\n            <div class=\"card-body\">\n                <h5 class=\"card-title\">Movie Title</h5>\n                <p class=\"card-text\">The generated movie title will appear here.</p>\n            </div>\n        </div>\n    </div>\n</div>"

  },

  {

    "search": "// This will run when the DOM is ready.\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            // Get the input and button elements\n            var input = document.querySelector(\"input\");\n            var button = document.querySelector(\"button\");\n\n            // Add event listener to the button\n            button.addEventListener(\"click\", function() {\n                var title = input.value;\n                var movieTitle = generateMovieTitle(title);\n                var cardText = document.querySelector(\".card-text\");\n                cardText.textContent = movieTitle;\n            });\n\n            // Function to generate a movie title\n            function generateMovieTitle(title) {\n                // Add your logic to generate a movie title here\n                return \"The \" + title + \" Story\";\n            }\n        });",

    "replace": "// This will run when the DOM is ready.\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            // Get the input and button elements\n            var input = document.querySelector(\"input\");\n            var button = document.querySelector(\"button\");\n\n            // Add event listener to the button\n            button.addEventListener(\"click\", function() {\n                var title = input.value;\n                var movieTitle = generateMovieTitle(title);\n                var cardText = document.querySelector(\".card-text\");\n                cardText.textContent = movieTitle;\n            });\n\n            // Function to generate a movie title\n            function generateMovieTitle(title) {\n                // Add your logic to generate a movie title here\n                return \"The \" + title + \" Movie\";\n            }\n        });"

  }

]