Web hosting for musicians, bands and DJs

Build an official website for my band.

About us:
- Band name: [Band name]
- Genre: [e.g. indie rock, Hindi indie pop, post-punk]
- From: [City, Country]
- Members and instruments: [Name, vocals and guitar; Name, drums; ...]
- Sounds like: [2 or 3 artists fans of ours also like]
- Latest release: [title], a [single / EP / album] out [date]
- Streaming links: [Spotify URL], [Apple Music URL], [YouTube URL], [Bandcamp URL]
- Social: [Instagram URL], [other URLs]
- Booking email: [booking@yourband.com]

Home page sections, in this order:
1. Hero: the band name, a full-width band photo, our latest release with its cover and a play button for a 30-second preview at audio/[file].mp3, and two buttons: "Listen now" and "Get tickets".
2. Music: every release as a card (cover, title, year, type) with buttons to each streaming platform. A Spotify player appears only after someone clicks "Play here".
3. Shows: a list of upcoming dates (date, city, venue, ticket button). Leave room for me to add more. Below it, a short "Past shows" list.
4. Videos: 3 YouTube videos shown as thumbnails with a play icon that load the video only when clicked.
5. About: the band's story in 150 words and the members with their instruments.
6. Mailing list: "Get new music and tour dates first", one email field and a button.
7. Merch: 3 product cards that link to [merch store URL].
8. Footer: social icons as inline SVG, booking email, and links to the press kit and tech rider pages.

Also create:
- epk.html: our bio in 50, 150 and 400 words, 3 press quotes with sources, highlights (festivals, support slots, airplay), a "Download press photos" link to press.zip, a link to the rider, and the booking email. Add a print stylesheet.
- rider.html: an input list as a table (channel, instrument, mic or DI), backline we need, a stage plot drawn with inline SVG, and hospitality. Add a print stylesheet for A4 and Letter.

Design: [mood, e.g. gritty and loud, dreamy and soft]. Use our cover art colours [colours] for the palette, one bold display font for headings, and big photography. No autoplay.

Build an official website for me, a solo [singer-songwriter / rapper / pop artist].

About me:
- Artist name: [Artist name] (real name, if I use it publicly: [Name])
- Genre: [e.g. acoustic folk, Punjabi hip-hop, R&B]
- From: [City, Country]
- Sounds like: [2 or 3 artists my fans also like]
- Latest release: [title], out [date]
- Streaming links: [Spotify URL], [Apple Music URL], [YouTube URL]
- Social: [Instagram URL], [TikTok URL]
- Booking and press email: [hello@yourname.com]

Home page sections, in this order:
1. Hero: my name, a portrait photo, my latest release with its cover, a play button for a 30-second preview at audio/[file].mp3, and buttons "Listen now" and "Join the list".
2. Latest release spotlight: the story behind the song in 80 words, the lyrics in a collapsible block (they are my own), and links to every platform.
3. Music: older releases as cards with platform links. Players load only on click.
4. Shows: upcoming dates with ticket buttons, and a line for "Want me to play your city? Tell me where" linking to the mailing list.
5. Videos: 3 YouTube videos as click-to-load thumbnails.
6. About: a 150-word first-person bio.
7. Mailing list: "Hear new songs before anyone else", one email field.
8. Footer: social icons as inline SVG, contact email, and links to the press kit and links page.

Also create:
- epk.html: bio in 50, 150 and 400 words, press quotes, streaming milestones, a "Download press photos" link to press.zip, and contact. Add a print stylesheet.
- links.html: a link-in-bio page for my social profiles: my photo, my name, big full-width buttons (newest release first, then tour dates, mailing list, YouTube, merch), fast and simple.

Design: personal and intimate. Lots of space, my photos large, one handwritten-feel or characterful display font for headings and a clean body font, palette from [colours]. No autoplay.

Build a website for me, a DJ who plays [clubs / festivals / weddings and private events / corporate events].

About me:
- DJ name: [DJ name]
- Based in: [City, Country], playing [cities or regions]
- Styles: [e.g. house and techno, Bollywood and Punjabi, open format]
- Residencies and notable gigs: [venues, festivals, brands]
- Mixes: [SoundCloud or Mixcloud URLs]
- Social: [Instagram URL], [other URLs]
- Booking email and WhatsApp: [booking@yourname.com], [number]

Home page sections, in this order:
1. Hero: my DJ name, a strong photo behind the decks, one line on what I play and where, and buttons "Book me" and "Listen to a mix".
2. Mixes: 3 mixes as cards with cover, title, length and genre tags. The SoundCloud or Mixcloud player loads only when someone clicks play.
3. Upcoming gigs: date, venue, city and a ticket or RSVP link.
4. Played at: a strip of venue, festival and brand names.
5. Services: for each type of booking I take (for example club nights, weddings, corporate events), what is included, set length, my equipment and lighting, and a "from" price in [currency].
6. Testimonials: 3 short quotes from venues, promoters or couples, with names.
7. FAQ: 6 questions people ask before booking a DJ (song requests, travel, equipment, deposit, set length, overtime), with short answers.
8. Booking form: name, email, event date, city, event type dropdown, guest count, budget dropdown, message.
9. Footer: social icons as inline SVG, booking email, a WhatsApp link, and a link to my tech rider.

Also create rider.html: my DJ booth requirements (decks or controllers I play on, mixer, monitors, power, table size), set-up time and hospitality, with a print stylesheet.

Design: nightlife energy. A dark theme, neon accent [colour], bold condensed display font, subtle animated equaliser bars in the hero that stop when the user prefers reduced motion. No autoplay audio.

Build a website for me, a music producer offering [beats / production / mixing and mastering / music for film, ads and games].

About me:
- Producer name: [Name]
- Based in: [City, Country], working with artists [worldwide / in your region]
- Genres: [e.g. trap, lo-fi, Afrobeats, cinematic]
- Credits: [artists, releases, placements]
- Studio and tools: [DAW, key gear]
- Beat store or licensing page: [URL]
- Social: [Instagram URL], [YouTube URL]
- Email: [you@yourname.com]

Home page sections, in this order:
1. Hero: my producer name, one line on who I make music for, and buttons "Hear my work" and "Work with me".
2. Listen: a custom audio list of 6 short previews (title, genre, BPM, key) using one shared <audio> element with files in audio/; only the clicked track loads. For mixing clients, add 2 before-and-after pairs.
3. Credits: releases I produced, mixed or mastered, as cards with cover, artist, my role and a streaming link.
4. Services and rates: for example beat leases, custom production, mixing per song, mastering per song, with what is included, turnaround and "from" prices in [currency].
5. How it works: brief, first version, revisions, final files and stems, with timelines.
6. Testimonials: 3 artist quotes with names.
7. FAQ: 6 questions artists ask (who owns the master, splits and credits, file formats, revisions, payment, licence types), with short answers.
8. Contact form: name, email, artist or project link, service dropdown, budget, deadline, message.

Design: studio-dark, a single accent [colour], a waveform motif drawn with CSS, compact and fast. No autoplay.

Build a website for my [wedding band / cover band / live act for events]. Most of our work comes from couples, planners and companies searching online, so the site must answer their questions and make enquiring easy.

About us:
- Act name: [Name]
- Based in: [City, Country], playing across [regions or cities]
- Line-up options: [e.g. acoustic duo, 4-piece, 7-piece with brass]
- What we play: [e.g. Bollywood, Sufi, retro, pop, jazz standards]
- Events we do: [weddings, sangeet, receptions, corporate, private parties]
- Email and WhatsApp: [hello@yourband.com], [number]

Home page sections, in this order:
1. Hero: our name, a photo playing a real event, the line "Live music for [weddings and events] in [region]", and buttons "Check our availability" and "Watch us live".
2. Watch us live: 3 YouTube videos from real events, shown as click-to-load thumbnails.
3. Packages: one card per line-up with musicians, set length, what is included (sound system, lights, DJ between sets) and a "from" price in [currency].
4. Song list: our repertoire grouped by style, with a search box (vanilla JS) and a note that we learn special requests.
5. How booking works: enquiry, call, contract and deposit, the day itself, with timelines.
6. Reviews: 4 quotes from couples, planners or companies, with names and event types.
7. Venues we've played: a list of venues and cities.
8. FAQ: 8 questions (space and power needed, travel outside the city, set times, breaks, sound limits at venues, deposit and cancellation, special songs, how far ahead to book), with short answers.
9. Enquiry form: name, email, phone, event date, venue and city, event type dropdown, line-up dropdown, guest count, budget, message.

Add LocalBusiness-style details to the JSON-LD as an EntertainmentBusiness with areaServed listing our cities. Design: elegant and warm, light background, refined serif headings, gold or [colour] accent, photos of happy crowds. No autoplay.

Build a website for me, a [classical / jazz / session] [instrument, e.g. violinist, tabla player, pianist].

About me:
- Name: [Your name]
- Based in: [City, Country]
- Training: [teachers, gharana or conservatoire, degrees]
- Work I take: [recitals, orchestra and ensemble work, studio sessions, remote recording, teaching]
- Notable performances and recordings: [list]
- Listening links: [YouTube URL], [Spotify or other URL]
- Email: [you@yourname.com]

Home page sections, in this order:
1. Hero: my name and instrument, a performance photo, one line on what I do, and buttons "Listen" and "Get in touch".
2. Listen: 3 recordings as click-to-load YouTube thumbnails, plus 2 short audio excerpts with <audio controls preload="none"> from audio/.
3. Biography: 300 words in the third person (presenters and programme notes reuse it), plus a 60-word short version.
4. Upcoming performances: date, venue, city, programme and a ticket link.
5. Repertoire: works or ragas I perform, grouped, in a clean list.
6. Sessions and remote recording: what I deliver, my setup, turnaround and "from" rates in [currency].
7. Teaching: who I teach, online or in person, lesson length and fees, and a trial lesson button.
8. Press and testimonials: 3 quotes with sources.
9. Contact form: name, email, enquiry type dropdown (performance, session, lessons, press), date and message.

Design: refined and calm. Generous white space, a classic serif for headings, muted palette with one accent [colour], print-friendly biography. No autoplay.

Technical requirements:
- Output index.html (and any extra pages I asked for) as complete files, with all CSS in a <style> tag and only a little vanilla JavaScript. No frameworks, no build step, no external libraries.
- Mobile-first and responsive from 360px wide, because most fans arrive on a phone from Instagram, TikTok or a QR code at a gig.
- Accessible: semantic HTML, one H1 per page, alt text on every image, visible focus styles, AA colour contrast, and no autoplay audio or video.
- Fast: a system font stack or at most one web font with font-display: swap, width and height on every image, and loading="lazy" on images below the first screen. Don't add srcset; my host generates image sizes.
- Embeds: never load Spotify, Apple Music, SoundCloud, Mixcloud, Bandcamp or YouTube iframes when the page opens. Show the cover or thumbnail with a play button and insert the iframe only after a click.
- Audio previews: <audio controls preload="none"> pointing to MP3 files in audio/, 30 seconds or shorter.
- SEO: a title under 60 characters with my artist name, genre and city, a meta description under 160 characters, Open Graph and Twitter card tags using my cover art, and a canonical link to https://[yourdomain.com]/.
- Structured data (JSON-LD): the artist as MusicGroup (band or group) or Person (solo artist or DJ) with name, genre, url, image, location, and sameAs links to every streaming and social profile; a MusicAlbum or MusicRecording for each release with byArtist and datePublished; one MusicEvent for each upcoming show with name, startDate including the time-zone offset, eventStatus, location as a Place with a PostalAddress, performer, and offers with url, price, priceCurrency and availability. No MusicEvent markup for past shows. FAQPage for any FAQ section.
- Forms: standard HTML <form> elements with method="POST", a name attribute on every field and a required email field, so a form service can receive them. Keep the mailing list and booking forms separate.
- Use relative links and paths such as images/cover.webp and audio/preview.mp3 so the site works on any domain.
- Mark every piece of placeholder text I still need to replace with [EDIT].
- Give me each file in its own code block, then list the images and audio files I need to add with file names and sizes (cover art 1200 x 1200, photos at least 1600px wide, previews as 128 kbps MP3).