This project is a sleek, modern web page for the musical artist Julio César THOR. It features a dynamic video background, social media links, and a simulated music store where users can 'purchase' tracks with cryptocurrency and download them.
- Dynamic Video Background: An engaging, abstract video loop sets the mood.
- Artist Branding: Clear and bold artist name and tagline.
- Social Media Integration: Easy access to the artist's social profiles.
- Music Store: A list of tracks from the "Cosmosonic" collection.
- Audio Previews: Users can play a 30-second preview of each track with a fade-out effect.
- Simulated Crypto Purchase: A modal simulates a wallet connection and purchase process using various blockchains.
- Track Download: After a successful "purchase," users can download the full MP3 file.
- NFT Collection Showcase: A dedicated section with a QR code and link to the artist's OpenSea NFT collection.
- Responsive Design: The layout is fully responsive and looks great on all devices.
- Frontend: React, TypeScript
- Build Tool: Vite
- Styling: Tailwind CSS (via CDN)
-
Clone the repository:
git clone <repository-url> cd <repository-directory>
-
Install dependencies: You'll need Node.js and npm (or yarn/pnpm) installed.
npm install
-
Run the development server:
npm run dev
-
Open your browser and navigate to the local server address shown in the terminal (e.g.,
http://localhost:5173).
This project was developed with the assistance of a world-class AI frontend engineer.