🎵 Duo Drift - Band Website

A sleek, modern website for the indie-alt band "Duo Drift" featuring immersive visuals, smooth animations, and a dark aesthetic that captures the band's underground Brooklyn roots and electronic sound.

🌐 Live Demo: https://duo-three.vercel.app/

🎤 About Duo Drift

"The Voice of Light" - Duo Drift is an indie-alt band born in the underground clubs of Brooklyn, now echoing across the globe. With pulsating synths, haunting lyrics, and raw live energy, they create music that moves hearts and bodies alike, blending grit, synth, and spirit to shake your core.

✨ Features

• Immersive Dark Design - Moody, atmospheric interface reflecting the band's aesthetic
• Smooth Scroll Animations - Engaging scroll-triggered effects throughout
• Interactive Media Gallery - Showcasing latest releases and live performances
• Responsive Layout - Optimized for all devices and screen sizes
• Music Integration - Features latest EP "Neon Pulse" and streaming links
• Tour Information - 2025 tour dates and live performance showcase
• Behind-the-Scenes - Studio session insights and band content

🛠️ Tech Stack

• HTML5 - Semantic structure with modern markup
• CSS3 - Advanced styling featuring:
  • Dark theme with neon accents
  • CSS Grid & Flexbox layouts
  • Smooth animations & transitions
  • Custom properties for theming
• JavaScript - Interactive elements and animations
• Responsive Design - Mobile-first approach

🎨 Design Elements

Color Palette

• Primary Dark: Deep blacks and charcoals
• Neon Accents: Electric blues and purples
• Highlights: Bright whites for contrast
• Gradients: Subtle color transitions

Typography

• Headers: Bold, modern sans-serif fonts
• Body: Clean, readable typography
• Emphasis: Stylized text for band name and quotes

Visual Effects

• Parallax Scrolling - Background images move at different speeds
• Fade Animations - Content appears smoothly as you scroll
• Hover Effects - Interactive elements respond to user input
• Gradient Overlays - Creating depth and atmosphere

📱 Sections Overview

1. Hero Section - Bold introduction with "The Voice of Light" tagline
2. Band Story - Origin story from Brooklyn underground clubs
3. Latest Releases - "EP: Neon Pulse" showcase with streaming links
4. Live Sets - 2025 tour information and performance gallery
5. Studio Sessions - Behind-the-scenes content and track insights
6. Contact/Social - Links to streaming platforms and social media

📱 Responsive Breakpoints

• Desktop: 1200px+
• Laptop: 992px - 1199px
• Tablet: 768px - 991px
• Mobile: 320px - 767px

Made with 🎵 and ⚡ for music lovers everywhere!

Experience the sound that moves hearts and bodies alike at Duo Drift