collection

client/src/components/Collection.js

+const Collection = () => {
+    return (
+        <>
+            <h2 className="fw-bold text-white text-center my-5">Movie Collection</h2>
+            <div className="d-flex container justify-content-between" style={{ marginBottom: "8em" }}>
+                <div className="col-md-8 col-12 bg-white" style={{ height: "20em" }}></div>
+                <img className="col-md-3 bg-white" style={{ height: "20em" }} />
+            </div>
+        </>
+    )
+}
+
+export default Collection
\ No newline at end of file

client/src/pages/HomePage.js

 import MainNav from "../components/Navs/MainNav";
 import MovieChart from "../components/MovieChart";
+import Collection from "../components/Collection";
 import Footer from "../components/Footer";
 
 const HomePage = () => {
@@ -7,6 +8,7 @@ const HomePage = () => {
         <div className="bg-dark">
             <MainNav />
             <MovieChart />
+            <Collection />
             <Footer />
         </div>
     )