Create a new and improved version of the website at http://arthurinc.com.au/. The site promotes a not-for-profit art/music venue in Adelaide whose mission is to "provide a platform for creative expression and artistic innovation in Adelaide and beyond".
Use a white colour scheme with blue and orange accents. Include a booking form for bands and artists who want to perform. Avoid corporate language.
Design aesthetic: playful and bold. Rounded shapes, expressive headings, lively icons/illustrations, and friendly micro-interactions. Use the provided brand colours as the source of truth; apply them more prominently (accents, highlights, backgrounds) while keeping text legible and layouts clear. If no colours are provided, choose a bright, energetic palette.
Devise a colour palette that complements this aesthetic.
Required pages: Landing.
Include a booking interface with date/time selection that shows a confirmation screen (no real booking backend). Include a newsletter signup form that shows a success state on submit (no real subscription). Include an embedded map using a free public tile service (e.g., OpenStreetMap via Leaflet). No API keys required. If no location is provided, center the map on Melbourne, Australia.
Brand images:
- Screenshot 2026-03-05 at 2.27.59 am.png: venue logo: https://firebasestorage.googleapis.com/v0/b/digitaldoo-198e7.firebasestorage.app/o/assets%2F699c6f755224d5c0de980097%2F1772639898207_Screenshot_2026-03-05_at_2.27.59_am.png?alt=media&token=e460d257-f01b-414f-bdff-5501bb2b3109
- dd_arthur_01.webp: live music: https://firebasestorage.googleapis.com/v0/b/digitaldoo-198e7.firebasestorage.app/o/assets%2F699c6f755224d5c0de980097%2F1772639914223_dd_arthur_01.webp?alt=media&token=8c527cfb-7a3f-467d-9376-1cdf28c23eb9
- dd_arthur_02.webp: abstract exhibition #1: https://firebasestorage.googleapis.com/v0/b/digitaldoo-198e7.firebasestorage.app/o/assets%2F699c6f755224d5c0de980097%2F1772639924974_dd_arthur_02.webp?alt=media&token=43b3fb41-e440-47aa-85bb-bf6f94041c75
- dd_arthur_03.webp: abstract exhibition #2: https://firebasestorage.googleapis.com/v0/b/digitaldoo-198e7.firebasestorage.app/o/assets%2F699c6f755224d5c0de980097%2F1772639937490_dd_arthur_03.webp?alt=media&token=0734cc19-1ca0-4cba-bdcd-233203fd41da
- dd_arthur_04.webp: two artists collaborating: https://firebasestorage.googleapis.com/v0/b/digitaldoo-198e7.firebasestorage.app/o/assets%2F699c6f755224d5c0de980097%2F1772639952640_dd_arthur_04.webp?alt=media&token=0decb3ed-6c48-4f1b-a4b0-ffe14dea79fb
Draw visual inspiration from: http://arthurinc.com.au/.
I'll start by gathering inspiration from the existing Arthur website and understanding the codebase, then build this out.
Now let me set up the task list and start building. This is a substantial single-page build with multiple interactive sections.
Let me start by updating the theme and globals, then build all the components. I'll update globals.css first with the Arthur brand colors.
Now let me update the layout with the right font and metadata, then build all the components:
Now let me build all the components. I'll create them in parallel:
Now let me wire everything together in the page:
The Arthur Art Bar landing page is fully built. Here's what it includes across 10 components:
- Navbar — Sticky top nav with the Arthur logo, section links, and a "Stay in the Loop" CTA button (collapses to a mobile menu).
- Hero — Full-height splash with the Arthur pill logo, "Arts for Everyone" headline in brand colours, tagline, and two rounded CTAs.
- Marquee Banner — Scrolling ticker with keywords like "LIVE MUSIC", "OPEN MIC", "NOT-FOR-PROFIT" in blue with orange dots.
- About — Mission statement and four interactive feature cards (Live Music, Art Exhibitions, Open Mics, Community First) that flip to primary blue on hover.
- What's On — Four upcoming event cards using all the provided venue images, each with date/time/location metadata and coloured tags.
- Gallery — Masonry-style image grid with a click-to-expand lightbox overlay.
- Booking Form — Full booking interface with name, email, act name, genre selector, date picker, time slot selector, performer count, and free-text notes. On submit it shows a playful confirmation screen with the booking details.
- Newsletter — Simple email signup that transitions to a "You're in!" success state with an animation.
- Venue Map — Embedded OpenStreetMap via Leaflet (no API key needed) centred on Adelaide's Hindley Street, plus contact info cards for address, hours, and email.
- Footer — Dark section with the logo, quick links, and social icons.