From d5f2cfee0d5815e41c210eddca97e545b52bad97 Mon Sep 17 00:00:00 2001
From: samyakmaitre <samyakcodes@gmail.com>
Date: Mon, 7 Oct 2024 14:28:23 +0530
Subject: [PATCH] my merge

---
 src/assets/styles/Header.css |   2 +-
 src/components/MovieList.js  | 101 +++++++++++++++++++++++++++++++++++
 2 files changed, 102 insertions(+), 1 deletion(-)
 create mode 100644 src/components/MovieList.js

diff --git a/src/assets/styles/Header.css b/src/assets/styles/Header.css
index 86d2a99..9f119c4 100644
--- a/src/assets/styles/Header.css
+++ b/src/assets/styles/Header.css
@@ -67,6 +67,6 @@
     font-size: 16px;
     padding: 8px 15px;
   }
-}
+
 
   
\ No newline at end of file
diff --git a/src/components/MovieList.js b/src/components/MovieList.js
new file mode 100644
index 0000000..fc720cc
--- /dev/null
+++ b/src/components/MovieList.js
@@ -0,0 +1,101 @@
+import React from 'react';
+import Movie from './Movie';
+import '../assets/styles/MovieList.css';
+
+import poster1 from '../assets/images/poster1.jpg';
+import poster2 from '../assets/images/poster2.jpg';
+import poster3 from '../assets/images/poster3.jpg';
+import poster4 from '../assets/images/poster4.jpg';
+import poster5 from '../assets/images/poster5.jpg';
+
+function MovieList() {
+  const movies = [
+    {
+      poster: poster1,
+      title: 'Hindustani 2',
+      rating: 5.7,
+      votes: '3.9K',
+      genre: 'Action/Drama/Thriller'
+    },
+    {
+      poster: poster2,
+      title: 'Kalki 2898 AD',
+      rating: 8.7,
+      votes: '630.2K',
+      genre: 'Action/Sci-Fi/Thriller'
+    },
+    {
+      poster: poster3,
+      title: 'Deadpool & Wolverine',
+      rating: 8.9,
+      votes: '268.9K',
+      genre: 'Action/Adventure/Comedy'
+    },
+    {
+      poster: poster4,
+      title: 'Sarfira',
+      rating: 8.9,
+      votes: '7.5K',
+      genre: 'Biography/Drama'
+    },
+    {
+      poster: poster5,
+      title: 'Kill',
+      rating: 9.0,
+      votes: '24.7K',
+      genre: 'Action/Thriller'
+    },
+    {
+      poster: poster1,
+      title: 'Hindustani 2',
+      rating: 5.7,
+      votes: '3.9K',
+      genre: 'Action/Drama/Thriller'
+    },
+    {
+      poster: poster2,
+      title: 'Kalki 2898 AD',
+      rating: 8.7,
+      votes: '630.2K',
+      genre: 'Action/Sci-Fi/Thriller'
+    },
+    {
+      poster: poster3,
+      title: 'Deadpool & Wolverine',
+      rating: 8.9,
+      votes: '268.9K',
+      genre: 'Action/Adventure/Comedy'
+    },
+    {
+      poster: poster4,
+      title: 'Sarfira',
+      rating: 8.9,
+      votes: '7.5K',
+      genre: 'Biography/Drama'
+    },
+    {
+      poster: poster5,
+      title: 'Kill',
+      rating: 9.0,
+      votes: '24.7K',
+      genre: 'Action/Thriller'
+    }
+  ];
+
+  return (
+    <div className="movie-list">
+      {movies.map((movie, index) => (
+        <Movie
+          key={index}
+          poster={movie.poster}
+          title={movie.title}
+          rating={movie.rating}
+          votes={movie.votes}
+          genre={movie.genre}
+        />
+      ))}
+    </div>
+  );
+}
+
+export default MovieList;