Zen Living Blog - Copy this Html, Bootstrap Component to your project

Design a modern and minimalist UI for a lifestyle and wellness blog. The layout should focus on clean lines and ample whitespace, creating a soothing user experience. The homepage features a large, welcoming hero image with an overlaying text box for a brief introduction. Include a top navigation bar with links to different sections such as 'Home', 'About Us', 'Articles', and 'Contact'. Below the hero image, design a grid layout for blog posts with thumbnail images, titles, and a short preview of the content. Use soft, neutral color tones with a pop of color for call to action buttons and links. Ensure that the design is mobile responsive and user friendly, keeping accessibility in mind. The footer should include social media links, a short bio, and a newsletter signup form.