diff --git a/apps/marketing/public/index.html b/apps/marketing/public/index.html index 3f9a6336..2aab9346 100644 --- a/apps/marketing/public/index.html +++ b/apps/marketing/public/index.html @@ -357,6 +357,50 @@ .download-subtitle a:hover { text-decoration: underline; } + + /* Video Demo Section */ + .video-demo { + margin-top: 3rem; + max-width: 900px; + margin-left: auto; + margin-right: auto; + padding: 0 2rem; + } + + .video-container { + position: relative; + margin-left: -2rem; + margin-right: -2rem; + width: calc(100% + 4rem); + padding-bottom: 66.67%; /* Taller aspect ratio to show more height */ + background: rgba(30, 41, 59, 0.5); + border-radius: 1rem; + overflow: hidden; + border: 1px solid rgba(148, 163, 184, 0.2); + box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); + } + + .video-container video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: contain; + } + + @media (max-width: 768px) { + .video-demo { + margin-top: 2rem; + padding: 0 1rem; + } + + .video-container { + margin-left: -1rem; + margin-right: -1rem; + width: calc(100% + 2rem); + } + } @@ -382,6 +426,15 @@ Get Started +
+
+ +
+
+