We have an existing project built using PHP, HTML, CSS, and webhooks. The objective is to refactor and improve the codebase with the following goals: SEO optimization Clean and modular PHP structure Bootstrap integration for modern UI and responsiveness Full mobile and tablet compatibility Removal of unused or outdated code Better webhook handling and security Goals and Requirements: SEO-Friendliness: Add proper meta tags, titles, descriptions, alt attributes Use semantic HTML5 tags (e.g., header, section, article) Implement clean, readable URLs Add schema markup where applicable Include sitemap and robots.txt PHP Code Refactoring: Separate logic from presentation using includes/partials (e.g., header.php, footer.php) Organize the codebase into folders such as includes/, views/, webhooks/, assets/ Improve webhook functionality with better error handling, validation, and logging Bootstrap Integration: Use Bootstrap 5 (or latest) for layout and styling Replace custom CSS with Bootstrap classes where appropriate Apply responsive layout using container, row, col grid system Use Bootstrap components such as navbar, cards, buttons, forms, modals Mobile and Tablet Responsiveness: Ensure the design is fully responsive across all screen sizes Use Bootstrap’s responsive grid system and utility classes Test layout on mobile, tablet, and desktop devices Fix any layout issues like horizontal scrolling or content overflow Frontend Cleanup and Optimization: Remove unused CSS, JS, and HTML code Compress and optimize images Improve page load speed and overall performance Deliverables: Refactored and optimized PHP code Clean folder structure for easy maintenance Bootstrap-integrated responsive frontend SEO-friendly and semantically structured HTML Working and secure webhook functionality Basic documentation or README outlining structure and usage Technologies and Tools: PHP (vanilla, no framework) Bootstrap 5 (via CDN or local) Optional: JavaScript or jQuery for interactivity