A visually accurate, fully responsive clone of the Spotify landing page. Built with modern front-end technologies. No backend or real music streaming features are included—this project focuses purely on design, layout, and responsiveness.
🚀 Project Overview Goal: Replicate the look and structure of Spotify’s main landing page.
Scope: UI/UX only (no backend, no live data, no authentication).
Highlights: Hero section, “Why Spotify?” features, popular playlists, and a modern, dark-themed footer—all styled for mobile and desktop.
✨ Features Clean and responsive design
Accurate Spotify-style hero banner and sections
Highlights Spotify’s main features
Sample curated playlist cards
Modern dark mode with smooth UI
Fully responsive for all screen sizes
🛠️ Tech Stack React.js (or plain HTML/CSS/JS if not using React)
CSS (Vanilla, Tailwind CSS, or styled-components)
No backend dependencies
📁 Folder Structure text spotify-landing-clone/ ├── public/ │ └── index.html ├── src/ │ ├── assets/ │ ├── components/ │ ├── App.js │ └── index.js ├── package.json └── README.md ⚡ Getting Started Clone the repository
bash git clone [https://github.com/Mostafa-Talaat98/Spotify-Task.git] cd spotify-landing-clone Install dependencies
bash npm install Start the development server
bash npm start Open http://localhost:3000 to view it in your browser.