Website - Copy this React, Tailwind Component to your project
Create a responsive website with a clean, modern design featuring a top navigation bar with the company logo on the left and menu items (Home, About Us, Services, Blog, Contact) aligned to the right, set against a white background with a thin border at the bottom. Below the header, include a full width hero section with a striking background image, a centered large headline, a subheadline, and a prominent call to action button. The "About Us" section should have a two column layout, with a high quality image on the left and a title, brief paragraph about the company, and secondary call to action button on the right. The "Services" section should display in a grid layout with three or four columns, each featuring an icon, title, and brief description. The "Blog" section will showcase recent posts in a grid format, with each post preview including a thumbnail image, title, excerpt, and a "Read More" link. The "Contact" section should have a simple contact form with fields for Name, Email, Subject, and Message, along with a submit button, and the company's contact information on the right. The footer at the bottom of the page should be full width, with social media icons, links to the privacy policy and terms of service, and a copyright notice. Use a consistent color scheme that matches the company's branding, modern, readable fonts with bold headings, and ensure the website is fully responsive for both desktop and mobile devices. Include hover effects on buttons and images, smooth scrolling for navigation links, and a back to top button that appears when scrolling down the page.
