⭐ Bang & Olufsen Landing Page

A modern web application featuring an exclusive collection of Bang & Olufsen products. The project focuses on a sophisticated aesthetic, offering an intuitive way to explore premium speakers, headphones, and televisions with a focus on Scandinavian design.

🚀 Live Demo

Check it out: Bang & Olufsen

📋 Project Overview

• Cross-Platform Compatibility - Fully responsive layout ensuring consistent performance across all screen resolutions.

• Dynamic Motion UI - Implementation of smooth CSS animations to improve the overall user flow.

• Interactive Engagement - Enhanced user experience via interactive hover states.

• Data-Rich Components - Structured product sections with dynamic rendering.

• Modern Design Stack - Minimalist architecture with a focus on accessible and clean typography.

• Functional Contact Integration - Validation-ready contact forms for streamlined lead generation.

• Performance Optimization - Minified assets and optimized media delivery for high Core Web Vitals scores.

Feature Showcase

💻 Used Technologies

• HTML
• CSS
• Flexbox & Grid
• SASS

🧑‍💻 Getting Started

Clone the repository:

  git clone https://github.com/yahohulia/BeoStore.git
  cd BeoStore

Install dependencies:

  npm install
    # or
  yarn install

Run the project locally:

  npm start
    # or
  yarn start