Business Profile Component - Copy this Html, Tailwind Component to your project

1. Header Section Business Name and Ratings: The business name is prominently displayed with a large font size. Accompanied by an overall star rating and review count, visually represented using stars for quick recognition. Below the name, key categories (e.g., "Automotive, Brake Services") are listed, making it clear what services the business provides. Call to Action (CTA): Includes CTAs like "Get Pricing," "Call," or "Directions" in a contrasting color for high visibility. Designed to drive user interaction immediately. 2. Hero Image/Media Carousel Images/Videos: A carousel or grid of images showcasing the business, such as the storefront, interior, and service areas. User generated content or uploaded photos by the business are used. The images are high quality and clickable to enlarge. "Add Photo" CTA: Encourages users to contribute by uploading their own photos. 3. Key Information Panel (Sticky Sidebar or Main Section) Displays essential business information: Address: With a map link for directions. Contact Details: Phone number with a "Click to Call" button. Hours of Operation: Dynamically highlights whether the business is open. Website and Social Links: For additional information. 4. Navigation Tabs Sticky tabs or links to jump between key sections, such as: Reviews Photos Menu (if applicable) Q&A More Business Info 5. Review Section Highlighted Reviews: Displays featured reviews at the top, often marked as "Recommended." Shows reviewer's name, profile picture, and date, with badges for elite reviewers. Filters: Options to sort by "Most Recent," "Highest Rated," or "Lowest Rated." Review Interaction: Users can mark reviews as "Useful," "Funny," or "Cool" to increase engagement. Encourages users to leave their own reviews. 6. Additional Features Questions & Answers: A section where users can ask questions and get answers from the business or community. Business Details: Provides specifics like accepted payment methods, parking availability, and wheelchair accessibility. Menu/Service List: If the business has specific services or a menu, it’s integrated here for quick browsing. 7. Footer Includes: Links to the Yelp app and social media sharing. Related businesses for cross promotion. Legal and site navigation links. Design Characteristics: Mobile First Design: The layout is responsive, ensuring a seamless experience on mobile devices with collapsible menus and quick action buttons. Color Scheme: Uses Yelp's brand colors: red for CTAs and accents, with white and gray backgrounds for contrast. Typography: Clean and readable fonts with different weights and sizes to establish hierarchy. Interaction Focused: CTAs like "Write a Review," "Get Pricing," and interactive features (maps, review voting) are positioned for maximum engagement.