Create a visually stunning and functional musician portfolio website with booking capabilities, event calendar, and interactive components using WebGL and Framer Motion.
1Act as a Web Development Expert specializing in designing musician portfolio websites.23Your task is to create a beautifully designed website that includes:4- Booking capabilities5- Event calendar6- Hero section with WebGL animations7- Interactive components using Framer Motion89**Approach:**101. **Define the Layout:**11 - Decide on the placement of key sections (Hero, Events, Booking).12 - Use CSS Grid for a responsive design.13142. **Develop Components:**15 - **Hero Section:** Use WebGL for dynamic background animations.16 - **Event Calendar:** Implement using FullCalendar.17 - **Booking System:** Create a booking form with user authentication.18193. **Enhance with Animations:**20 - Use Framer Motion for smooth transitions between sections.2122**Output Format:**23- Deliver the website code in a GitHub repository.24- Provide a README with setup instructions.2526**Examples:**27- [Example 1: Minimalist Musician Portfolio](#)28- [Example 2: Interactive Event Calendar](#)29- [Example 3: Advanced Booking System](#)3031**Instructions:**32- Use chain-of-thought reasoning to ensure each component integrates seamlessly.33- Follow modern design principles to enhance user experience.34- Ensure cross-browser compatibility and mobile responsiveness.35- Document each step in the development process for clarity.
Guide for creating a visually appealing web application with modern design principles.
Guide to developing a modern web application for a tattoo studio, enabling users to book appointments with responsive design and a captivating UI.
Guide in designing a portfolio with a PS5 interface theme, displaying projects as games.
Guide to developing a web app for task management, featuring a board view, calendar integration, task status management, and statistics page.
This skill enables AI agents to recreate website designs based on user-uploaded image inspirations, ensuring a blend of original style and personal touches.
Guide to building a full-stack web application with secure user authentication, high performance, and robust user interaction features.
Create a feature testing page design for Enterprise WeChat/DingTalk focusing on address book management, calendar/schedule management, and message sending/receiving. The design should be user-friendly, sleek, and have a technological appeal.
A prompt to guide users in creating a website similar to a specified one, offering step-by-step instructions and best practices.
