word-unscrambler-unscramble

byprabhat rahi

Create a complete single-page web application for "Word Unscrambler" (domain: unscramble.website) using HTML5, CSS3, and JavaScript, fulfilling all website launch requirements: 1. SEO & META TAGS (<head>): - Set title: "Word Unscrambler - Solve Word Scrambles & Find Hidden Words" - Include meta description, keywords ("word unscrambler, unscramble words, anagram solver, word finder"), canonical link ("https://unscramble.website/"), and Open Graph social sharing tags. - Include favicon tag linking to "/favicon.ico". - Include Cookie Consent CDN CSS & JS script before closing body. 2. DESIGN & ACCESSIBILITY: - Dark theme matching #1a1b26 background with card components (#24283b) and accent buttons (#bb9af7, #f7768e). - Fully responsive mobile design with viewport meta tag. - Semantic HTML tags (<header>, <main>, <nav>, <section>, <footer>) and ARIA labels. 3. STRUCTURE & SECTIONS: - Header: Site title, description, favicon icon, and top navigation tabs ("UNSCRAMBLE WORDS", "WORD SCRAMBLE", "CHECK DICTIONARY", "RANDOM WORD"). - Main Tool Card: Clear input box for scrambled letters with a prominent call-to-action (CTA) button labeled "UNSCRAMBLE". - Interactive FAQ Section: Accordion-style expandable questions and answers regarding tool usage. - Contact/Test Form: Input field with submission handler for user feedback. - Footer: Copyright notice, plus working links to "/privacy-policy.html" and "/terms.html". 4. JAVASCRIPT & SAFETY: - Input sanitization on user queries to prevent cross-site scripting (XSS). - Interactive toggle logic for FAQ accordion. - Cookie banner initialization script. Also generate separate files for: - privacy-policy.html - terms.html - 404.html (custom error page) - robots.txt - sitemap.xml -