From 7cbe4d8211ec56886ae3a89c2d3da14e2c432812 Mon Sep 17 00:00:00 2001
From: Ashan <ashandimanthalk@gmail.com>
Date: Sat, 6 Jan 2024 23:53:23 +0530
Subject: [PATCH] add: coming soon

---
 client/src/components/Home/ComingSoon.json | 30 +++++++++++++++++++++
 client/src/components/Home/ComingSoon.jsx  | 31 ++++++++++++++++++++++
 client/src/components/Home/Home.css        |  2 +-
 client/src/pages/Home.jsx                  |  3 ++-
 4 files changed, 64 insertions(+), 2 deletions(-)
 create mode 100644 client/src/components/Home/ComingSoon.json
 create mode 100644 client/src/components/Home/ComingSoon.jsx

diff --git a/client/src/components/Home/ComingSoon.json b/client/src/components/Home/ComingSoon.json
new file mode 100644
index 0000000..d6e9619
--- /dev/null
+++ b/client/src/components/Home/ComingSoon.json
@@ -0,0 +1,30 @@
+[
+    {
+        "title": "JW 4",
+        "subtitle": "Keanu Reeves",
+        "url": "../src/assets/jw.jpg"
+    },
+    {
+        "title": "Transformers",
+        "subtitle": "Shia LaBeouf",
+        "url": "../src/assets/transformers.jpg"
+    },
+    {
+        "title": "Smile",
+        "subtitle": "Brad Pitt",
+        "url": "../src/assets/smile.jpg"
+    },
+    {
+        "title": "Top Gun Maverick",
+        "subtitle": "Tom Cruise",
+        "url": "../src/assets/tg.jpg"
+    },
+    {
+        "title": "Thor",
+        "subtitle": "Chris Hemsworth",
+        "url": "../src/assets/thor.jpg"
+    }
+
+
+
+]
\ No newline at end of file
diff --git a/client/src/components/Home/ComingSoon.jsx b/client/src/components/Home/ComingSoon.jsx
new file mode 100644
index 0000000..55678d2
--- /dev/null
+++ b/client/src/components/Home/ComingSoon.jsx
@@ -0,0 +1,31 @@
+import './Home.css'; 
+import ComingSoon from "./ComingSoon.json"
+
+function Premirering () {
+  return (
+    <main>
+        <div className="premiering" id="explore">
+          <h3>Coming Soon</h3>
+          <a href="/description">
+          <div className="premiering-movies" >
+            {ComingSoon.map((movie) => (
+              <form action="" key={movie.id} >
+                <div className="movie">
+                  <input type="hidden" id="movieName" name="movieName" value={movie.title} />
+                  <img src={`${movie.url}`} alt="movie-poster" />
+                  <h4>{movie.title}</h4>
+                  <h5>{movie.subtitle}</h5>
+                  <br className="temp"/>
+                  {/* <input type="submit" value="See More..." className="hidden-btn" /> */}
+                </div>
+              </form>
+            ))}
+          </div>
+          </a>
+        </div>
+    </main>
+    
+  )
+}
+
+export default Premirering 
\ No newline at end of file
diff --git a/client/src/components/Home/Home.css b/client/src/components/Home/Home.css
index 9cb83ed..d453388 100644
--- a/client/src/components/Home/Home.css
+++ b/client/src/components/Home/Home.css
@@ -207,7 +207,7 @@ main h4,p{
     justify-content: space-around;
     align-items: center;
     /* flex-wrap: wrap; */
-    margin-top: 40px;
+    /* margin-top: 0px; */
 }
 
 .movie img{
diff --git a/client/src/pages/Home.jsx b/client/src/pages/Home.jsx
index c923142..2f558c7 100644
--- a/client/src/pages/Home.jsx
+++ b/client/src/pages/Home.jsx
@@ -4,6 +4,7 @@ import ContactUs from '../components/Home/ContactUs'
 import Landing from '../components/Home/Landing'
 import Premirering from '../components/Home/Premirering '
 import Slideshow from '../components/Home/Slideshow'
+import ComingSoon from '../components/Home/ComingSoon'
 
 
 
@@ -23,7 +24,7 @@ function Home() {
         } */}
        
         <Premirering />
-        <br /><br />
+        <ComingSoon />
         <br />
         <br />
         <Slideshow />