Design a Professional Movie Streaming Website
إليك نصًا يمكنك إدخاله على موقع **Pure Code** للحصول على تصميم موقع أفلام: **Title:** Design a Professional Movie Streaming Website **Description:** I want to create a **movie streaming website** with a modern, user friendly design. The website should allow users to browse, search, and watch movies easily. Below are the detailed requirements: ### **Pages and Features:** 1. **Home Page:** Display featured movies with a carousel. Sections for "Trending Movies," "New Releases," and "Top Rated." 2. **Movie Details Page:** Movie title, poster, description, cast, genre, and release year. Add a "Watch Now" button with a trailer preview. 3. **Search and Filter:** Allow users to search movies by title, genre, release year, or actor. Add a filter option for ratings and popularity. 4. **User Registration/Login:** Enable users to create accounts using email or social media. Save watchlists and preferences for registered users. 5. **Movie Player Page:** Built in video player for streaming movies. Add quality options (e.g., 480p, 720p, 1080p). Include subtitles support. 6. **Admin Panel:** Allow admin to upload new movies, edit details, and manage users. 7. **Responsive Design:** Ensure the website is fully functional on mobile, tablet, and desktop devices. ### **Design Preferences:** **Theme:** Dark mode with a modern, cinematic style. **Colors:** Black, red, and white for a premium feel. **Animations:** Smooth transitions and hover effects for buttons and images. ### **Additional Requirements:** Include a section for user reviews and ratings on the movie details page. Add social sharing buttons for movies. Ensure fast loading times and smooth navigation. ### **Technical Requirements:** Use HTML, CSS, and JavaScript for the front end. Use a back end framework like Node.js, Django, or Laravel for server side functionality. Integrate a database like MySQL or MongoDB for storing movie and user data. **Please provide a complete website structure, including HTML, CSS, and JavaScript files, with placeholders for video content.** This text provides clear, structured requirements for creating a movie website. You can modify it based on your preferences!
