Home Page - Copy this React, Tailwind Component to your project

Design a dynamic and engaging home page with a hero section featuring a full width background video or image of a popular destination. Include a call to action button that pulses gently to draw attention. The page should have a smooth scroll effect where sections fade in as the user scrolls down. Implement a responsive navbar with fixed links. The navbar should change color based on the scroll position (light when at the top, dark when scrolled down). Add hover effects to the navbar links, making them underline and change color when hovered over. The footer should include quick links, social media icons that enlarge slightly on hover, and a newsletter signup form with a subtle animation when the form is submitted.