[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import Header from './components/Header' import Hero from './components/Hero' import MovieList from './components/MovieList' import CallToAction from './components/CallToAction' export default function Home() { return (

) } [V0_FILE]typescriptreact:file="app/components/Header.tsx" isEdit="true" isMerged="true" import Link from 'next/link' import { Film } from 'lucide-react' export default function Header() { return (

CineReview

) } [V0_FILE]typescriptreact:file="app/components/Hero.tsx" isEdit="true" isMerged="true" import Link from 'next/link' import { Button } from "@/components/ui/button" export default function Hero() { return (

Discover the Best in Cinema

Explore our curated list of top-rated movies and find your next favorite film.

) } [V0_FILE]typescriptreact:file="app/components/FeaturedReviews.tsx" isEdit="true" isMerged="true" import { Star } from 'lucide-react' import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" const reviews = [ { id: 1, title: "Inception", rating: 4.8, excerpt: "A mind-bending thriller that keeps you guessing until the very end." }, { id: 2, title: "The Shawshank Redemption", rating: 4.9, excerpt: "A powerful story of hope and friendship in the face of injustice." }, { id: 3, title: "Pulp Fiction", rating: 4.7, excerpt: "Tarantino's masterpiece of intertwining stories and unforgettable characters." } ] export default function FeaturedReviews() { return (

Featured Reviews

{reviews.map((review) => ( {review.title}

{review.rating}

{review.excerpt}

))}

) } [V0_FILE]typescriptreact:file="app/components/CallToAction.tsx" isEdit="true" isMerged="true" import Link from 'next/link' import { Button } from "@/components/ui/button" export default function CallToAction() { return (

Join Our Community of Movie Lovers

Get personalized recommendations, write your own reviews, and connect with fellow cinephiles.

) } [V0_FILE]typescriptreact:file="app/components/MovieList.tsx" isMerged="true" import Image from 'next/image' import { Star } from 'lucide-react' const movies = [ { id: 1, title: "The Shawshank Redemption", rating: 4.9, image: "/placeholder.svg?height=400&width=300", description: "Two imprisoned men bond over a number of years, finding solace and eventual redemption through acts of common decency." }, { id: 2, title: "The Godfather", rating: 4.8, image: "/placeholder.svg?height=400&width=300", description: "The aging patriarch of an organized crime dynasty transfers control of his clandestine empire to his reluctant son." }, { id: 3, title: "The Dark Knight", rating: 4.7, image: "/placeholder.svg?height=400&width=300", description: "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, Batman must accept one of the greatest psychological and physical tests of his ability to fight injustice." }, { id: 4, title: "12 Angry Men", rating: 4.6, image: "/placeholder.svg?height=400&width=300", description: "A jury holdout attempts to prevent a miscarriage of justice by forcing his colleagues to reconsider the evidence." }, { id: 5, title: "Schindler's List", rating: 4.8, image: "/placeholder.svg?height=400&width=300", description: "In German-occupied Poland during World War II, industrialist Oskar Schindler gradually becomes concerned for his Jewish workforce after witnessing their persecution by the Nazis." }, { id: 6, title: "The Lord of the Rings: The Return of the King", rating: 4.8, image: "/placeholder.svg?height=400&width=300", description: "Gandalf and Aragorn lead the World of Men against Sauron's army to draw his gaze from Frodo and Sam as they approach Mount Doom with the One Ring." }, { id: 7, title: "Pulp Fiction", rating: 4.7, image: "/placeholder.svg?height=400&width=300", description: "The lives of two mob hitmen, a boxer, a gangster and his wife, and a pair of diner bandits intertwine in four tales of violence and redemption." }, { id: 8, title: "The Good, the Bad and the Ugly", rating: 4.7, image: "/placeholder.svg?height=400&width=300", description: "A bounty hunting scam joins two men in an uneasy alliance against a third in a race to find a fortune in gold buried in a remote cemetery." }, { id: 9, title: "Fight Club", rating: 4.6, image: "/placeholder.svg?height=400&width=300", description: "An insomniac office worker and a devil-may-care soapmaker form an underground fight club that evolves into something much, much more." }, { id: 10, title: "Forrest Gump", rating: 4.7, image: "/placeholder.svg?height=400&width=300", description: "The presidencies of Kennedy and Johnson, the Vietnam War, the Watergate scandal and other historical events unfold from the perspective of an Alabama man with an IQ of 75, whose only desire is to be reunited with his childhood sweetheart." }, { id: 11, title: "Inception", rating: 4.7, image: "/placeholder.svg?height=400&width=300", description: "A thief who steals corporate secrets through the use of dream-sharing technology is given the inverse task of planting an idea into the mind of a C.E.O." }, { id: 12, title: "The Matrix", rating: 4.6, image: "/placeholder.svg?height=400&width=300", description: "A computer programmer discovers that reality as he knows it is a simulation created by machines to subjugate humanity." }, { id: 13, title: "Goodfellas", rating: 4.7, image: "/placeholder.svg?height=400&width=300", description: "The story of Henry Hill and his life in the mob, covering his relationship with his wife Karen Hill and his mob partners Jimmy Conway and Tommy DeVito in the Italian-American crime syndicate." }, { id: 14, title: "One Flew Over the Cuckoo's Nest", rating: 4.7, image: "/placeholder.svg?height=400&width=300", description: "A criminal pleads insanity and is admitted to a mental institution, where he rebels against the oppressive nurse and rallies up the scared patients." }, { id: 15, title: "Seven Samurai", rating: 4.7, image: "/placeholder.svg?height=400&width=300", description: "A poor village under attack by bandits recruits seven unemployed samurai to help them defend themselves." }, { id: 16, title: "Se7en", rating: 4.6, image: "/placeholder.svg?height=400&width=300", description: "Two detectives, a rookie and a veteran, hunt a serial killer who uses the seven deadly sins as his motives." }, { id: 17, title: "The Silence of the Lambs", rating: 4.6, image: "/placeholder.svg?height=400&width=300", description: "A young F.B.I. cadet must receive the help of an incarcerated and manipulative cannibal killer to help catch another serial killer, a madman who skins his victims." }, { id: 18, title: "City of God", rating: 4.6, image: "/placeholder.svg?height=400&width=300", description: "In the slums of Rio, two kids' paths diverge as one struggles to become a photographer and the other a kingpin." }, { id: 19, title: "Life Is Beautiful", rating: 4.6, image: "/placeholder.svg?height=400&width=300", description: "When an open-minded Jewish librarian and his son become victims of the Holocaust, he uses a perfect mixture of will, humor, and imagination to protect his son from the dangers around their camp." }, { id: 20, title: "The Usual Suspects", rating: 4.6, image: "/placeholder.svg?height=400&width=300", description: "A sole survivor tells of the twisty events leading up to a horrific gun battle on a boat, which began when five criminals met at a seemingly random police lineup." }, ] export default function MovieList() { return (

Top Rated Movies

{movies.map((movie) => (

{movie.title}

{[...Array(5)].map((_, i) => ( ))} {movie.rating}

{movie.description}

))}

) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "movie-admin-panel", "version": "1.0.0", "description": "Admin panel for managing movies and categories", "main": "app.js", "scripts": { "start": "node app.js", "dev": "nodemon app.js" }, "dependencies": { "express": "^4.17.1", "ejs": "^3.1.6", "sqlite3": "^5.0.2", "body-parser": "^1.19.0" }, "devDependencies": { "nodemon": "^2.0.7" } } [V0_FILE]javascript:file="app.js" isMerged="true" const express = require('express'); const sqlite3 = require('sqlite3').verbose(); const bodyParser = require('body-parser'); const path = require('path'); const app = express(); const db = new sqlite3.Database('./movies.db'); app.set('view engine', 'ejs'); app.set('views', path.join(__dirname, 'views')); app.use(bodyParser.urlencoded({ extended: true })); app.use(express.static('public')); // Create tables if they don't exist db.serialize(() => { db.run("CREATE TABLE IF NOT EXISTS movies (id INTEGER PRIMARY KEY AUTOINCREMENT, title TEXT, description TEXT)"); db.run("CREATE TABLE IF NOT EXISTS categories (id INTEGER PRIMARY KEY AUTOINCREMENT, name TEXT)"); db.run("CREATE TABLE IF NOT EXISTS movie_categories (movie_id INTEGER, category_id INTEGER, PRIMARY KEY (movie_id, category_id))"); }); // Routes app.get('/', (req, res) => { res.render('index'); }); app.get('/add-movie', (req, res) => { db.all("SELECT * FROM categories", (err, categories) => { if (err) { console.error(err); categories = []; } res.render('add-movie', { categories }); }); }); app.post('/add-movie', (req, res) => { const { title, description, categories } = req.body; db.run("INSERT INTO movies (title, description) VALUES (?, ?)", [title, description], function(err) { if (err) { console.error(err); return res.status(500).send("Error adding movie"); } const movieId = this.lastID; if (categories) { const categoryIds = Array.isArray(categories) ? categories : [categories]; categoryIds.forEach(categoryId => { db.run("INSERT INTO movie_categories (movie_id, category_id) VALUES (?, ?)", [movieId, categoryId]); }); } res.redirect('/'); }); }); app.get('/add-category', (req, res) => { res.render('add-category'); }); app.post('/add-category', (req, res) => { const { name } = req.body; db.run("INSERT INTO categories (name) VALUES (?)", [name], (err) => { if (err) { console.error(err); return res.status(500).send("Error adding category"); } res.redirect('/'); }); }); app.get('/movies', (req, res) => { db.all("SELECT * FROM movies", (err, movies) => { if (err) { console.error(err); return res.status(500).send("Error fetching movies"); } res.render('movies', { movies }); }); }); app.get('/categories', (req, res) => { db.all("SELECT * FROM categories", (err, categories) => { if (err) { console.error(err); return res.status(500).send("Error fetching categories"); } res.render('categories', { categories }); }); }); const PORT = process.env.PORT || 3000; app.listen(PORT, () => { console.log(`Server is running on port ${PORT}`); }); [V0_FILE]plaintext:file="views/index.ejs" isMerged="true" Movie Admin Panel

Movie Admin Panel

[V0_FILE]plaintext:file="views/add-movie.ejs" isMerged="true" Add Movie

Add Movie

Back to Home

[V0_FILE]plaintext:file="views/add-category.ejs" isMerged="true" Add Category

Add Category

Back to Home

[V0_FILE]plaintext:file="views/movies.ejs" isMerged="true" Movies List

Movies List

<%= movie.title %>

<%= movie.description %>

Back to Home

[V0_FILE]plaintext:file="views/categories.ejs" isMerged="true" Categories List

Categories List

<%= category.name %>

Back to Home

[V0_FILE]css:file="public/styles.css" isMerged="true" body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 0; background-color: #f4f4f4; } .container { width: 80%; margin: auto; overflow: hidden; padding: 20px; } h1 { color: #333; } nav ul { list-style-type: none; padding: 0; } nav ul li { display: inline; margin-right: 10px; } a { color: #333; text-decoration: none; } form div { margin-bottom: 10px; } label { display: block; margin-bottom: 5px; } input[type="text"], textarea { width: 100%; padding: 8px; } button { display: inline-block; background: #333; color: #fff; padding: 10px 20px; border: none; cursor: pointer; } button:hover { background: #555; } [V0_FILE]typescriptreact:file="app/admin/page.tsx" import { Metadata } from "next" import AdminHeader from "./components/AdminHeader" import MovieList from "./components/MovieList" import Sidebar from "./components/Sidebar" export const metadata: Metadata = { title: "Movie Admin Panel", description: "Manage your movie database", } export default function AdminPanel() { return (

Movie Management

) } [V0_FILE]typescriptreact:file="app/admin/components/AdminHeader.tsx" import { Bell, Search } from 'lucide-react' import { Input } from "@/components/ui/input" export default function AdminHeader() { return (

CineReview Admin

) } [V0_FILE]typescriptreact:file="app/admin/components/Sidebar.tsx" import { Film, LayoutGrid, Settings, Users } from 'lucide-react' import Link from "next/link" const navItems = [ { name: "Dashboard", icon: LayoutGrid, href: "#" }, { name: "Movies", icon: Film, href: "#" }, { name: "Users", icon: Users, href: "#" }, { name: "Settings", icon: Settings, href: "#" }, ] export default function Sidebar() { return ( ) } [V0_FILE]typescriptreact:file="app/admin/components/MovieList.tsx" import { Button } from "@/components/ui/button" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@/components/ui/table" import { Edit, Trash2 } from 'lucide-react' const movies = [ { id: 1, title: "Inception", director: "Christopher Nolan", year: 2010, rating: 8.8 }, { id: 2, title: "The Godfather", director: "Francis Ford Coppola", year: 1972, rating: 9.2 }, { id: 3, title: "Pulp Fiction", director: "Quentin Tarantino", year: 1994, rating: 8.9 }, { id: 4, title: "The Dark Knight", director: "Christopher Nolan", year: 2008, rating: 9.0 }, { id: 5, title: "Forrest Gump", director: "Robert Zemeckis", year: 1994, rating: 8.8 }, ] export default function MovieList() { return (

Movies

Title Director Year Rating Actions {movies.map((movie) => ( {movie.title} {movie.director} {movie.year} {movie.rating}

))}

) }

Discover the Best in Cinema

Featured Reviews

Join Our Community of Movie Lovers

Top Rated Movies

{movie.title}

Movie Admin Panel

Add Movie

Add Category

Movies List

<%= movie.title %>

Categories List

Movie Management

Movies