Soundscape — Bang & Olufsen Landing Page

A responsive landing page inspired by Bang & Olufsen’s clean and minimal design. Built with semantic HTML, SCSS, and JavaScript, with interactive UI elements and smooth navigation.

Live Demo

https://nazarii84.github.io/soundscape-landing/

Design Reference

Figma : (https://www.figma.com/design/DtkQmQ797hk0nI4KfMi2Uq/BOSE-New-Version?node-id=6817-211&p=f&t=SCwwfC5FBa1mAhYU-0)

Features

• Responsive layout (mobile / tablet / desktop)
• Burger menu navigation with anchor links
• Hover states for interactive elements
• Contact form UI (demo behavior)
• Optimized project structure and reusable SCSS utilities
• Custom favicon

Technologies Used

• HTML5
• SCSS
• JavaScript (ES6)
• Gulp-based build tools
• ESLint / Stylelint
• GitHub Pages

Getting Started

1. Clone the repository

git clone https://github.com/Nazarii84/soundscape-landing.git
cd soundscape-landing

2. Install dependencies

npm install

3. Run locally

npm start