Merge pull request manikumarreddyu#249 from AnushkaS77/intro

Merge branch 'main' of https://github.com/manikumarreddyu/AgroTech-AI
sumitkumar9128 · Oct 10, 2024 · 45871c9 · 45871c9
2 parents 28dfb26 + d8f4024
commit 45871c9
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 0 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -5,9 +5,63 @@
     <link rel="icon" type="image/svg+xml" href="/favicon1.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>AGRO AI</title>
+    <style>
+      body, html {
+        margin: 0;
+        padding: 0;
+        height: 100%;
+        overflow: hidden;
+      }
+
+      .video-container {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color: #000;
+        z-index: 9999; 
+      }
+
+      .video-container video {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+
+      #root {
+        display: none; 
+      }
+    </style>
   </head>
   <body>
+    <!-- Intro video section -->
+    <div class="video-container">
+      <video autoplay muted playsinline>
+        <source src="/intro.mp4" type="video/mp4" />
+
+        Your browser does not support the video tag.
+      </video>
+    </div>
+
+    <!-- React root div -->
     <div id="root"></div>
+
     <script type="module" src="/src/main.jsx"></script>
+
+    <script>
+
+      const video = document.querySelector('video');
+      const videoContainer = document.querySelector('.video-container');
+      const root = document.getElementById('root');
+
+      video.onended = () => {
+
+        videoContainer.style.display = 'none';
+
+
+        root.style.display = 'block';
+      };
+    </script>
   </body>
 </html>
diff --git a/frontend/public/intro.mp4 b/frontend/public/intro.mp4
diff --git a/frontend/src/assets/114 b/frontend/src/assets/114