football-match-tickets

byrotich davis

Design a complete, modern, mobile-responsive ticket-selling website for a football match. Match details (use these exactly): Event: Football match — Harry Kane's team vs AFC Ajax Date: 5 January 2027 Venue: Talanta Stadium, Nairobi, Kenya Kick-off: [insert time, e.g., 7:00 PM EAT] Cover imagery (very important): Use real, high-quality photographs of Harry Kane and one star player from AFC Ajax as the main cover/hero images (side-by-side or split hero layout). Use actual photos of Talanta Stadium (exterior and interior/pitch views) in the venue section and as a background element. Source images from free/licensed stock or official press sources; ensure images are properly licensed for web use and high-resolution. Do not use placeholders or illustrations — the design must show real people and the real stadium. Site structure: Hero section — full-width banner with Harry Kane on one side and the AFC Ajax star player on the other, match title, date (5 Jan 2027), venue (Talanta Stadium), and a bold "Buy Tickets" call-to-action button. Match info section — countdown timer to kick-off, date/time, venue with real Talanta Stadium photo, and a short match preview. Player spotlight — cards for Harry Kane and the AFC Ajax star player with their real photos, names, positions, and short bios. Ticket tiers — e.g., VIP, Premium, Regular, with prices in KES, quantity selectors, and "Add to cart" buttons. Venue section — real Talanta Stadium images, seating map, location, and directions. Checkout & confirmation — buyer details form, demo/test payment, and a printable ticket with QR code. Footer — contact info, social links, and terms. Design style: Bold, energetic sports/football aesthetic. Color scheme: [insert your colors, e.g., deep navy + gold + white]. Large, dramatic hero imagery, clean typography, strong CTAs. Fully responsive (mobile, tablet, desktop), fast-loading, accessible contrast. Technical: Clean, well-commented code (HTML/CSS/JS or a free framework). SEO-friendly meta tags. Include sample ticket data and a README for free deployment (Netlify/Vercel/GitHub Pages). Ask me clarifying questions before starting if anything is unclear.

No preview

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

No user flows yet.

The User Flow Agent will generate per-persona navigation diagrams after SRD updates.

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

No user flows yet.

The User Flow Agent will generate per-persona navigation diagrams after SRD updates.