are an expert full-stack developer. Your task is to generate a fully working, mobile-first Movie Information Web App called "Adept Cinema", using ONLY the following technologies: ✅ HTML ✅ Tailwind CSS ✅ JavaScript (for basic UI/UX only, NO AJAX) ✅ PHP ✅ MySQL DB ✅ Font Awesome (only for icons) NO external frameworks like React, Vue, Laravel, Bootstrap, or jQuery should be used. All actions must be handled through traditional PHP form submissions and page reloads. The design must resemble a real mobile streaming application (like Netflix) — user-friendly, responsive, and with a clean, modern dark UI. All text selection, right-click, and zoom in/out must be disabled using JavaScript. --- ## ✅ APP STRUCTURE OVERVIEW: 📠Root Folder ┣ 📠common ┃ ┣ header.php ┃ ┣ bottom.php ┃ â”— config.php ┣ 📠admin ┃ ┣ login.php ┃ ┣ index.php (Dashboard) ┃ ┣ movies.php (Add & List Movies) ┃ ┣ manage_movie.php (Edit/Delete Movie) ┃ ┣ categories.php (Add & List Categories) ┃ ┣ banners.php (Manage Banners) ┃ â”— 📠common ┃ ┣ header.php ┃ â”— bottom.php ┣ index.php (Homepage) ┣ login.php(for login & signup) ┣ movie_details.php ┣ search.php ┣ categories_page.php ┣ profile.php ┣ install.php â”— .htaccess (optional for clean URLs) --- ## ✅ COMMON INCLUSIONS (User & Admin Panel) * config.php – One centralized DB connection (host: 127.0.0.1, user: root, pass: root). * header.php – Contains the top section, logo, and potentially a search icon. * bottom.php – Fixed bottom navigation with icons (Home, Search, Categories). All UI components must use Tailwind CSS classes only, and Font Awesome for icons. Use a modern dark theme (e.g., bg-gray-900, text-white). --- ## 🧑â€ðŸ’» USER PANEL – Pages Design & Functionality ### 1. index.php (Homepage) * Top Banner: Display a slider of large banner images fetched from the banners table. * Category Rows: For each category in the categories table, display a row with the category title (e.g., "Trending Now"). * Movie Posters: Inside each category row, display a horizontally scrollable list of movie posters (poster_url) fetched from the movies table for that category. * Each poster must be a link ( tag) pointing to `movie_details.php?id={movie_id}`. ### 2. movie_details.php * Fetch movie data from the `movies` table using the `id` from the URL (`$_GET['id']`). * **Layout:** * Display the large `poster_url` at the top. * Below it, show `title`, `rating`, and `release_year`. * A prominent "Watch Now" button. This button is a link ( tag) that opens the watch_link in a new tab. * Display the full description below the button. ### 3. search.php * A simple search form at the top. * When the form is submitted (via GET), the PHP logic on the same page should query the movies table for titles matching the search term (using LIKE). * Display the search results in a responsive grid of movie posters. ### 4. categories_page.php * Display a grid or list of all available categories from the categories table. * Each category name should be a link to a page showing all movies in that category. --- ## âš™ï¸ ADMIN PANEL – Pages Design & Functions ### 1. login.php * Simple, secure login page for the admin using a standard PHP form. * Fields: Username & Password. ### 2. index.php (Admin Dashboard) * Mobile-app style Admin Dashboard with clean, modern UI. * Show quick stats using small Tailwind grid cards: * Total Movies, Total Categories, Total Banners. * Include quick-action buttons: "Add New Movie", "Add New Category". ### 3. movies.php (Add & List Movies) * A standard PHP form to add a new movie. * Fields: Title, Poster img select, Description, Rating, Release Year, Watch Link. * Category Selection: A `
Summary: I created a full PHP + MySQL “Adept Cinema” app with a mobile-first, dark Tailwind UI, Font Awesome icons, and no AJAX. It includes an installer, admin panel (login, dashboard, movies CRUD, categories, banners), and user-facing pages (home with banner slider and category rows, search, categories, movie details, profile). All actions use standard PHP forms, and global JS disables text selection, right-click, and zoom.