From f44c338789f9dc895b84a944bbdfa4bd66d4d159 Mon Sep 17 00:00:00 2001
From: bbeatricecretu <109287000+bbeatricecretu@users.noreply.github.com>
Date: Sun, 26 Apr 2026 14:41:18 +0300
Subject: [PATCH] Embed demo YouTube video in landing page Demo section

Replaces "Demo video coming soon" placeholder with the live walkthrough
iframe so visitors can watch the product in action without leaving the
page.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 apps/landing-page/components/sections.jsx | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/apps/landing-page/components/sections.jsx b/apps/landing-page/components/sections.jsx
index 6da41ed..ac378c4 100644
--- a/apps/landing-page/components/sections.jsx
+++ b/apps/landing-page/components/sections.jsx
@@ -296,16 +296,15 @@ function Demo() {
         <div className="mt-12 md:mt-16 max-w-5xl mx-auto">
           <div className="paper-card overflow-hidden">
             <div className="relative" style={{aspectRatio:'16 / 9', background:'#0E1A1F'}}>
-              <div className="absolute inset-0 grid-dots opacity-10" />
-              <div className="absolute inset-0 flex flex-col items-center justify-center gap-4 text-center px-6">
-                <div className="w-16 h-16 rounded-full flex items-center justify-center"
-                     style={{background:'rgba(31,162,154,0.15)', border:'1px solid rgba(31,162,154,0.4)'}}>
-                  <svg width="22" height="22" viewBox="0 0 22 22" fill="none">
-                    <path d="M7 4l11 7-11 7V4z" fill="#1FA29A"/>
-                  </svg>
-                </div>
-                <div className="font-serif text-2xl md:text-3xl text-paper-100">Demo video coming soon</div>
-              </div>
+              <iframe
+                className="absolute inset-0 w-full h-full"
+                src="https://www.youtube.com/embed/kD6nnJAmRK8"
+                title="LearnLoop demo"
+                frameBorder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                referrerPolicy="strict-origin-when-cross-origin"
+                allowFullScreen
+              />
             </div>
           </div>
         </div>