feat: Add static Event Details page (Issue #10) #16
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Create Event Details page at /event/:slug route with static UI - Add comprehensive event information layout with: - Hero banner with event image and gradient overlay - Event info cards (date, time, location) - Full event description with read more functionality - Event schedule/agenda timeline - Multiple ticket type cards with pricing - Venue information with map placeholder - Organizer details card - Social sharing and calendar integration buttons - Create reusable components: - EventInfoCard: displays event metadata with icons - TicketTypeCard: shows ticket tiers with features - ScheduleItem: timeline item for event agenda - OrganizerCard: displays organizer info - VenueCard: venue details with directions link - Add link to static event page from landing page - Fully responsive design (mobile-first with Tailwind) - Uses existing design system colors (deep-blue, primary) - Sample data with Stellar Hackathon 2026 theme Closes crowdpass-live#10
- Add EventHero component with side-by-side layout (image left, info right) - Add EventDescription component for event description section - Add LocationCard component with map and venue details - Add SchedulePanel component with tabs (Schedule, Tickets, Workshops, Speakers) - Add EventHeader component with navigation - Add supporting components: EventStats, EventTabs, EventAbout, etc. - Configure Tailwind with custom colors: dark-bg, accent-orange, light-green - Add custom scrollbar styling for schedule panel - Implement responsive design with mobile CTA - Route accessible at /event/:eventId Closes crowdpass-live#10
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Implements the static Event Details page UI as specified in Issue #10, following the Figma design.
Changes Made
New Components (
/client/src/Components/event-details/):EventHero.jsx- Hero section with event image (left) and info panel (right)EventDescription.jsx- Event description sectionLocationCard.jsx- Location map with venue detailsSchedulePanel.jsx- Tabbed schedule with Schedule/Tickets/Workshops/Speakers tabsEventHeader.jsx- Navigation header with logo and connect wallet buttonConfiguration Updates:
dark-bg,accent-orange,light-greenindex.cssRouting:
/event/:eventIdDesign Implementation
Screenshots
Testing
/event/developers-conference-24Related Issue
Closes #10