Create a modern, conversion-focused landing page for a SaaS live chat service called "ChatConnect" with the following specifications:

1. Page Structure:
   • Create a responsive landing page with a clean, modern design optimized for both desktop and mobile devices
   • Implement a sticky header with logo, main navigation links, and a prominent "Get Started Free" CTA button
   • Design a footer with links to privacy policy, terms of service, and social media icons
2. Hero Section:
   • Primary headline: "Connect with customers in real time"
   • Supporting subheadline: "Answer questions instantly when customers are ready to buy. Be available when they need you most, giving them the confidence to choose you over competitors."
   • Include a floating mockup of the dashboard on the right side of the hero section
   • Add a primary CTA button "Start Free Now" and a secondary "Watch Demo" button
   • Implement a subtle animation that highlights the dashboard features
3. Value Proposition Section:
   • Create a section with 5 value proposition cards in a horizontal row (that stacks vertically on mobile)
   • Each card should include an icon, heading, and brief description
   • Value propositions: "Real-time monitoring," "Multi-channel support," "Team collaboration," "Knowledge sharing," and "Smart conversations"
   • Add subtle hover effects to each card
4. Social Proof Section:
   • Create a statistics bar showing: "10M+ users," "98% satisfaction rate," "#1 in customer support"
   • Include a carousel of customer testimonials with logo, quote, name, and company
   • Add logos of recognizable companies using the service in a grayscale slider
5. Pricing Clarity Section:
   • Headline: "Yes, it's really 100% free"
   • Create an expandable FAQ section addressing common pricing questions
   • Highlight the business model: "Free for self-service, $1/hr for professional agents"
   • Include a comparison table showing free vs. paid agent features
   • Add a "No credit card required" badge near the CTA
6. Features Showcase:
   • Create an interactive feature showcase with tabs for different feature categories
   • Include screenshots of the dashboard for each feature category
   • Implement subtle animations when switching between features
   • Add "tooltip" style explanations for key features highlighted in the screenshots
7. Company Story Section:
   • Create a section with team photos and a brief company story
   • Include a map showing the global distribution of the team
   • Add a personal message from the founder with their photo and signature
   • Implement a subtle parallax scrolling effect for this section
8. Final CTA Section:
   • Design a full-width CTA section with a compelling headline about customer expectations
   • Include a simple email signup form with a "Get Started" button
   • Add social proof elements like "Joins thousands of businesses already using ChatConnect"
   • Implement a subtle animation drawing attention to the form

Technical Requirements:

• Use HTML5, CSS3 (with Flexbox/Grid), and vanilla JavaScript
• Ensure the page loads quickly with optimized images and lazy loading
• Make the design fully responsive with appropriate breakpoints for mobile, tablet, and desktop
• Implement accessibility best practices including proper contrast, aria attributes, and keyboard navigation
• Add subtle micro-interactions and animations to enhance user experience without slowing the page
• Ensure the form includes basic validation and a thank you message after submission