جاري التحميل...
جاري التحميل...
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.
Convert the front-end redesign brief into a polished responsive interface presentation in a Jeddah courtyard.
Use Codex to modify the front-end of your current project's index.html using the provided image as a reference.