Make hero preview box wider

- Increased hero-content max-width from 1000px to 1200px
- Set app-preview max-width to 900px for optimal viewing
- Added horizontal padding to hero-content for better mobile spacing

Author: sahithvibudhi

src/components/Hero.astro

@@ -156,8 +156,9 @@ import '../styles/global.css';
   .hero-content {
     position: relative;
     text-align: center;
-    max-width: 1000px;
+    max-width: 1200px;
     margin: 0 auto;
+    padding: 0 1rem;
   }
 
   .hero-badge {
@@ -286,6 +287,9 @@ import '../styles/global.css';
   .app-preview {
     margin-top: 2rem;
     perspective: 1000px;
+    max-width: 900px;
+    margin-left: auto;
+    margin-right: auto;
   }
 
   .preview-window {