Erstelle eine visuell ansprechende und funktionale Musiker-Portfolio-Website mit Buchungsfunktionen, Eventkalender und interaktiven Elementen. Nutze WebGL fuer die Hero-Animationen und Framer Motion fuer fluessige Uebergaenge. Die Seite soll responsiv sein und auf unterschiedlichen Browsern funktionieren.
Diese Uebersetzung dient nur dem Verstaendnis. Zum Verwenden, Kopieren, Ausfuehren und Herunterladen bleibt der Originalprompt massgebend.
Erstelle eine schoen gestaltete Musiker-Portfolio-Website mit Buchungsmoglichkeiten, einem Veranstaltungskalender und interaktiven Komponenten mithilfe von WebGL und 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.