Added app and video container

Author: TheTechTiger

app_SS1.jpg

@@ -66,7 +66,77 @@
 
     .video, .app-download {
       text-align: center;
-      margin: 30px 0;
+      margin: 50px 0;
+    }
+
+    .video {
+      background: white;
+      border-radius: 20px;
+      padding: 40px;
+      box-shadow: 0 10px 30px rgba(76, 175, 80, 0.1);
+      max-width: 1400px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .video-container {
+      margin-top: 30px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .video iframe {
+      border-radius: 15px;
+      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+      transition: transform 0.3s ease;
+    }
+
+    .video iframe:hover {
+      transform: translateY(-5px);
+    }
+
+    .app-download {
+      background: white;
+      border-radius: 20px;
+      padding: 40px;
+      box-shadow: 0 10px 30px rgba(76, 175, 80, 0.1);
+      max-width: 1400px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .app-container {
+      display: flex;
+      gap: 40px;
+      align-items: center;
+      justify-content: center;
+      margin: 0 auto;
+    }
+
+    .app-image img {
+      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+      transition: transform 0.3s ease;
+    }
+
+    .app-image img:hover {
+      transform: translateY(-5px);
+    }
+
+    .app-description {
+      text-align: left;
+      padding: 20px;
+    }
+
+    .app-description h3 {
+      color: #357a38;
+      font-size: 1.8em;
+      margin-bottom: 20px;
+    }
+
+    .app-description p {
+      color: #555;
+      margin-bottom: 25px;
     }
 
     .video iframe {
@@ -158,17 +228,30 @@ <h3>Alerts & Updates</h3>
 
   <section class="video">
     <h2>Demo Video</h2>
-    <div class="placeholder-image">Video Placeholder</div>
-    <!-- Replace above div with your embedded video, e.g.:
-    <iframe src="YOUR_VIDEO_LINK_HERE" frameborder="0" allowfullscreen></iframe>
-    -->
+    <div class="video-container">
+      <iframe width="467" height="830" src="https://www.youtube.com/embed/UTdf7FC17ng" title="AgroSmart | Smart Agriculture System Demo | Auto Pump + Sensors + Android App | SIH 2025 PS25062" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+    </div>
   </section>
 
   <section class="app-download">
-    <h2>Download App</h2>
-    <div class="placeholder-image">APK Placeholder</div>
-    <a href="https://github.com/TheTechTiger/AgroSmart/releases/download/v1.0.0/app-release.apk" class="download-button">Download APK</a>
-    
+    <h2>Experience AgroSmart Mobile App</h2>
+    <div class="app-container">
+      <div class="app-image" style="flex: 0 0 540px;">
+        <img src="app_SS1.jpg" alt="Application Screenshot" style="width: 540px; height: 1569px; object-fit: contain; border-radius: 15px;">
+      </div>
+      <div class="app-description" style="flex: 1;">
+        <h3>AgroSmart Mobile Application</h3>
+        <p>Our mobile application provides farmers with complete control over their irrigation system right from their smartphones. Key features include:</p>
+        <ul style="list-style-type: none; padding: 0;">
+          <li style="margin: 15px 0;">📊 Real-time monitoring of soil moisture and temperature</li>
+          <li style="margin: 15px 0;">🚰 Remote control of irrigation valves</li>
+          <li style="margin: 15px 0;">💧 Water tank level monitoring</li>
+          <li style="margin: 15px 0;">📱 User-friendly interface with intuitive controls</li>
+          <li style="margin: 15px 0;">🔔 Instant alerts for critical conditions</li>
+        </ul>
+        <a href="https://github.com/TheTechTiger/AgroSmart/releases/download/v1.0.0/app-release.apk" class="download-button" style="margin-top: 20px;">Download APK</a>
+      </div>
+    </div>
   </section>
 
   <section>