Advocate Office Homepage - Copy this Html, Bootstrap Component to your project

Design an advocate office management system homepage with a clean, professional layout that immediately conveys trust and reliability. The homepage should feature a sleek logo in the top left corner, with a navigation bar on the right offering easy access to ‘Home,’ ‘About Us,’ ‘Services,’ ‘Contact,’ and ‘Support.’ Below this, a full width hero section should present a high quality background image of a modern law firm office, with a prominent ‘Get Started’ button at its center that encourages users to begin their journey. As the user scrolls down, they should encounter a grid layout showcasing the firm’s key services, a section highlighting recent successful case studies, and a carousel of client testimonials that builds credibility. The footer should include contact information, social media links, and additional navigation options. When the ‘Get Started’ button is clicked, it should direct users to a minimalist login page, featuring clean input fields and a clear prompt to sign up if they don’t have an account. The design should use a consistent color palette of deep blues, white, and gold accents across all pages, with modern sans serif fonts and a UI that ensures a seamless, high quality user experience.