General Company Info - Copy this React, Tailwind Component to your project
Design a modern, professional, and clean interface for displaying General Company Info. The section should include the following fields: 'organ_name', 'exchange', 'industry', 'company_type', 'no_shareholders', 'foreign_percent', 'outstanding_share', 'issue_share', 'established_year', 'no_employees', 'short_name', 'company_profile', 'business_risk', 'key_developments', and 'business_strategies'. Layout Requirements: Company Overview Section: Display 'organ_name' as the header. Below it, include 'exchange', 'industry', and 'company_type' as tags with contrasting colors. Ensure a visually appealing hierarchy that emphasizes company identity. Shareholders and Shares Section: Use grid layout to display 'no_shareholders', 'foreign_percent', 'outstanding_share', and 'issue_share'. Incorporate icons for easy identification (e.g., user icon for shareholders, globe for foreign percent, stock related icons for shares). Make sure data is visually separated but organized for clarity. Foundation and Employees Section: Create a horizontal layout for 'established_year' and 'no_employees'. Use bold typography for numbers, adding calendar and group icons to represent year and employees, respectively. Company Profile Section: Display 'company_profile' in a text block format. If the text exceeds a certain limit, add a "Read More" button for expanding content. Business Risks and Developments Section: Use a two column layout: left column for 'business_risk' (styled with soft red tones), and right column for 'key_developments' (styled with positive green tones). Business Strategies Section: Display 'business_strategies' in a bullet point list format, ensuring legibility and prominence. Style Requirements: Maintain a consistent color palette that matches industry trends, using contrasting colors to highlight key data points. Ensure mobile responsiveness with layouts that can adapt to smaller screens while retaining clarity. Focus on minimalistic, scalable, and clean design principles to support future expansion.
