Generate a React/Tailwind homepage for a bank's Investor Relations portal in a modern, light theme with blue accents (#007bff):
Header: logo placeholder (left, 150x50px), navigation (right, links: Home, Portfolio, Documents, News, Contacts, blue hover).
Hero: centered title 'Welcome to [Bank Name] Investor Relations' (h1, bold, dark gray #333), subtitle 'Transparency in wealth management' (gray #666).
KPIs: 3 cards (Assets: $50B, Revenue: $5M, Growth: +7%, white bg, blue text, shadow).
Overview: paragraph 'Our bank delivers strong financial performance for investors' (gray #666).
CTA: blue button 'Learn More' (centered, #007bff bg, white text).
Footer: '© 2025 [Bank Name]' (small, gray #999).
Background: light gray (#f5f5f5).
I'll create a modern Investor Relations portal homepage for a bank with the specifications you provided:
This homepage features:
The design is fully responsive and will adapt to different screen sizes. You can replace "[Bank Name]" with your actual bank name throughout the code.
Would you like me to add any additional sections or make any adjustments to the design?
IR Portal Homepage
I'll create a professional Investor Relations portal homepage with all the requested components. This design will be fully responsive and use Tailwind CSS for styling.
...
This IR portal homepage includes:
1. **Header with Navigation**:
1. Company logo and name with "IR" designation
2. Responsive navigation menu with dropdown for mobile
3. Key investor sections in the navigation
2. **Hero Section**:
1. Welcome message with company name
2. Brief description of the IR portal
3. Quick access buttons to key investor documents
3. **Financial Highlights**:
1. Three key financial metrics (Revenue, EBITDA, EPS)
2. Year-over-year growth indicators
3. Clean card layout for easy scanning
4. **Latest News Section**:
1. Chronological list of company announcements
2. Date and title formatting for easy reading
3. "View all" link for complete news archive
5. **Call-to-Action Section**:
1. Email subscription for investor alerts
2. Clear value proposition for staying updated
6. **Footer**:
1. Organized links to additional investor resources
2. Company information and legal links
3. Copyright information
The design is fully responsive and uses Tailwind CSS with shadcn/ui components for a professional, corporate look suitable for investor relations. You can customize the company name, financial figures, and news items to match your specific requirements.
Here's a modern, responsive Investor Relations portal homepage for a bank with the blue accent color (#007bff) you requested:
This IR portal homepage includes all the requested components:
Header with Navigation:
Hero Section:
Financial Highlights (KPIs):
Latest News Section:
Call-to-Action Section:
Footer:
The design is fully responsive and uses the light gray (#f5f5f5) background with white content sections for contrast, exactly as requested. You can replace "[Bank Name]" with your actual bank name throughout the code.