The Prompt
Collection

Manus AI, I need you to generate a complete, responsive landing page for a fictional SaaS product called 'TaskFlow'. The page should be designed with a modern, clean aesthetic, suitable for a B2B audience. 

**Key Sections Required:**
1.  **Hero Section:** A prominent headline ('Streamline Your Workflow with TaskFlow'), a concise sub-headline, a call-to-action button ('Start Free Trial'), and a compelling hero image or video placeholder showcasing the product in action.
2.  **Features Section:** Highlight 3-4 core features of TaskFlow using clear icons, short descriptive titles, and brief explanations. Examples: 'Intuitive Task Management', 'Collaborative Project Spaces', 'Real-time Analytics'.
3.  **Testimonials Section:** Display 2-3 fictional customer testimonials with their names, company, and headshots (placeholders are fine).
4.  **Pricing Section:** Present three distinct pricing tiers (e.g., 'Basic', 'Pro', 'Enterprise') with their respective features listed as bullet points and a call-to-action button for each ('Choose Plan'). Clearly indicate monthly/annual options.
5.  **Call-to-Action (CTA) Section:** A final, strong CTA encouraging users to sign up, with an email input field and a 'Get Started' button.
6.  **Footer:** Include navigation links (Home, Features, Pricing, Contact), social media icons (placeholders), and copyright information.

**Technical Requirements:**
*   Use modern HTML5, CSS3 (preferably with a utility-first framework like Tailwind CSS or a well-structured BEM methodology), and vanilla JavaScript for any interactive elements (e.g., smooth scrolling, simple form validation).
*   Ensure full responsiveness across desktop, tablet, and mobile breakpoints.
*   Prioritize clean, semantic HTML and accessible design practices.
*   Provide the complete HTML, CSS, and JavaScript files, organized into appropriate directories.