From c2a5abb4325c02546f09110bb77664ec270d7827 Mon Sep 17 00:00:00 2001
From: schernykh <schernykh@work.com>
Date: Wed, 15 Oct 2025 15:53:38 +0300
Subject: [PATCH] Embed demo video in presentation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changes:
- Created GitHub release v1.0.0 with demo video (3.7MB)
- Updated slide 5 to include embedded video player
- Video URL: https://github.com/pandarun/smart-support/releases/download/v1.0.0/minsk_hackaton.mp4
- Added custom poster image with "Click to Play Demo" text
- Added download link below video for easy access
- Professional styling with gradient background and metadata

Features:
- HTML5 video player with native controls
- Fallback download link
- Responsive design
- Works on all modern browsers

Release: https://github.com/pandarun/smart-support/releases/tag/v1.0.0

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 docs/smart_support_presentation.tsx | 30 +++++++++++++++++++++++++----
 1 file changed, 26 insertions(+), 4 deletions(-)

diff --git a/docs/smart_support_presentation.tsx b/docs/smart_support_presentation.tsx
index e1655d5..ecf4d16 100644
--- a/docs/smart_support_presentation.tsx
+++ b/docs/smart_support_presentation.tsx
@@ -269,10 +269,32 @@ const Presentation = () => {
             </div>
           </div>
           
-          <div className="mt-8 bg-gradient-to-r from-indigo-600 to-purple-600 text-white rounded-lg p-6 text-center">
-            <Play className="w-12 h-12 mx-auto mb-3" />
-            <div className="text-2xl font-bold">Watch Live Demo Video</div>
-            <div className="text-sm mt-2">docs/minsk_hackaton.mp4</div>
+          <div className="mt-8 bg-gradient-to-r from-indigo-600 to-purple-600 rounded-lg overflow-hidden shadow-2xl">
+            <video
+              controls
+              className="w-full"
+              poster="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080'%3E%3Crect fill='%234f46e5' width='1920' height='1080'/%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' fill='white' font-size='48' font-family='sans-serif'%3EClick to Play Demo%3C/text%3E%3C/svg%3E"
+            >
+              <source
+                src="https://github.com/pandarun/smart-support/releases/download/v1.0.0/minsk_hackaton.mp4"
+                type="video/mp4"
+              />
+              Your browser does not support the video tag.
+            </video>
+            <div className="bg-indigo-700 px-6 py-3 flex items-center justify-between">
+              <div>
+                <div className="font-semibold">Live Demo: Smart Support in Action</div>
+                <div className="text-sm text-indigo-200">Full 6-step workflow demonstration</div>
+              </div>
+              <a
+                href="https://github.com/pandarun/smart-support/releases/download/v1.0.0/minsk_hackaton.mp4"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-sm underline hover:text-indigo-200"
+              >
+                Download Video
+              </a>
+            </div>
           </div>
         </div>
       )