football-match

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!

Project Tasks

21 planning tasks
#1

Generate system requirement document

1m 6s0.05 cr used
Done
#2

Generate personas & user flows

0m 6s0.05 cr used
Done
#5

Architecture

0.05 cr needed
Backlog
#6

Workspace task plan

0.05 cr needed
Backlog
#7

Create flow for Ticket buyer

0m 5sCredits in parent
Done
#8

Create flow for Event organizer

0m 5sCredits in parent
Done
#9

Landing

5m 46sCredits in subtasks
Error
#10

Match Info

Credits in subtasks
Backlog
#11

Players

Credits in subtasks
Backlog
#12

Tickets

Credits in subtasks
Backlog
#13

Cart

Credits in subtasks
Backlog
#14

Checkout

Credits in subtasks
Backlog
#15

Confirmation

Credits in subtasks
Backlog
#16

Venue

Credits in subtasks
Backlog
#17

Landing / Site Header

0m 1s0.85 cr used
Done
#18

Landing / Hero

1m 1s0.85 cr used
Done
#19

Landing / Site Footer

0m 0s0.85 cr used
Done
#20

Landing / Match Poster Band

0m 59s0.85 cr used
Done
#21

Site Header

0m 19sCredits in parent
Done
#22

Site Footer

0m 30sCredits in parent
Done
#23

Retry First Page

2m 13s0.02 cr used
Error

No completed page designs yet.

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

Landing: Verify match details
Match Info: Verify countdown and preview
Players: Verify player spotlights
Tickets: Verify tiers and KES prices
Venue: Verify stadium content
Landing: Verify footer contact and terms
Confirmation: Verify ticket matches listing

No completed page designs yet.

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

Landing: Verify match details
Match Info: Verify countdown and preview
Players: Verify player spotlights
Tickets: Verify tiers and KES prices
Venue: Verify stadium content
Landing: Verify footer contact and terms
Confirmation: Verify ticket matches listing