I'll create a comprehensive Chennai Super Kings website with all the sections you requested. This will be a modern, responsive site showcasing the team's brand and providing fans with everything they need.
I've created a comprehensive Chennai Super Kings website with all the features you requested:
Key Features:
- Showcase Banner: Hero section with CSK branding, call-to-action buttons, and animated scroll indicator
- Media Carousel: Interactive photos and videos carousel with navigation controls
- Squad Widget: Player cards with roles, stats, and color-coded badges
- Fixtures Widget: Upcoming matches and recent results with detailed match information
- Stats Widget: Team statistics and player records showcasing CSK's achievements
- Shopping Section: Official merchandise and match tickets with pricing and availability
Design Highlights:
- CSK Brand Colors: Yellow/gold and blue color scheme throughout
- Responsive Design: Works perfectly on all device sizes
- Modern UI: Clean cards, hover effects, and smooth transitions
- Interactive Elements: Carousel navigation, hover states, and call-to-action buttons
- Professional Layout: Well-organized sections with proper spacing and typography
Technical Features:
- Built with Next.js 15 and App Router
- Uses shadcn/ui components for consistent design
- Tailwind CSS for responsive styling
- TypeScript for type safety
- Optimized images with Next.js Image component
- Accessible design with proper ARIA labels
The website captures the spirit of Chennai Super Kings with "Whistle Podu!" branding and provides fans with everything they need - from team information to merchandise shopping and ticket booking.