SONIQ is a responsive, multi-page website template for DJs, sound and lighting hire companies, event producers, music festivals and wedding entertainers. It includes everything such a business usually needs online: services with pricing, upcoming events with tickets, artist profiles with an audio player, a filterable photo and video gallery, a blog and a multi-step booking form.

Included pages (22)

• Homepages: Club Night (animated waveform hero), Festival (fullscreen slider, countdown, line-up, tickets), Wedding & Corporate (light mode, gold preset)
• About: About Us, Artists, Artist Profile, Testimonials, FAQ
• Services: Services, Service Details, Pricing, Booking
• Events: Events, Event Details, Gallery
• Blog: Blog Grid, Blog With Sidebar, Blog Details
• Utility: Elements (every block in 21 groups), Coming Soon, 404, Contact

Style options

Set with one attribute on the <html> tag, no CSS editing needed:

• Dark or light colour mode
• 5 colour presets: Neon, Sunset, Acid, Ocean, Gold
• Header style: transparent, solid or floating
• Wide or boxed layout
• Animations on or off, preloader on or off

The live preview includes a style switcher so you can try these. It is optional and can be removed by deleting two lines.

Components

• Countdown timer, ticket selector with live total, four-step booking form with review step
• Audio player with playlist, price toggle (weekday and weekend rates), comparison table
• Masonry gallery with category filters and an image and video lightbox
• Sliders (hero, cards, testimonials), tabs, accordion, alerts, badges, progress bars, modal
• Live FAQ and blog search, load more, share links, back-to-top progress ring

Technical details

• Bootstrap 5.3.8, jQuery 4.0.0, GSAP 3.15.0 with ScrollTrigger, Swiper 14.3.0, Bootstrap Icons 1.13.2
• Plain HTML, CSS and JavaScript: no build step or package manager needed
• All colours are CSS custom properties; every custom class uses the sq- prefix
• Scroll animations, split-text headings, parallax and counters are set with data- attributes
• Respects reduced-motion settings; content stays visible without JavaScript
• Keyboard-accessible menus, dropdowns, lightbox, filters and forms
• WebP images with set dimensions, lazy loading and deferred scripts
• Valid HTML on every page; tested in current Chrome, Edge, Firefox and Safari at 11 screen sizes from 320 px to 2560 px
• Offline HTML documentation included

Important notes

• Preview images are not included. The photos and the highlight video in the live preview are from Unsplash and are replaced by placeholder images of the same size in the download.
• Forms need a connection. Contact, booking, newsletter and comment forms validate in the browser and show a success message, but they do not send email until you connect them to a form service or your own server script. The documentation explains how.
• External services: fonts load from Google Fonts (can be self-hosted), and the contact and event pages embed Google Maps (optional).
• Demo content is fictional, including all business names, events, prices, ratings and testimonials.
• This is an HTML template, not a WordPress theme. The markup is organised so a developer can convert it, and the documentation includes a conversion guide.