Added launchreel and static content with images and video

site/launchreel.yaml

@@ -0,0 +1,87 @@
+project:
+  name: "Dynavera"
+  url: "https://fyp.viswamedha.com"
+  viewport: { width: 1440, height: 900, deviceScaleFactor: 2 }
+  theme: "light"
+
+scenarios:
+
+  - id: "manager-login-and-dashboard"
+    name: "Manager Login and Dashboard Interactions"
+    type: "screenshot+video"
+    page: "/"
+    actions:
+      - wait: 2000
+      - screenshot: { name: "01-home" }
+      - click: { selector: ".ant-menu-item:nth-child(2)" }
+      - wait: 1500
+      - screenshot: { name: "02-about" }
+      - click: { selector: ".ant-menu-item:nth-child(3)" }
+      - wait: 1500
+      - screenshot: { name: "03-getting-started" }
+      - click: { selector: ".ant-menu-item:nth-child(4)" } 
+      - wait: 1500
+      - screenshot: { name: "04-pricing" }
+      - click: { selector: ".ant-btn-background-ghost" } 
+      - wait: 1500
+      - screenshot: { name: "05-login-page" }
+      - type: { selector: "input[type=\"email\"]", text: "haleisaac@example.com" }
+      - type: { selector: "input[type=\"password\"]", text: "password" }
+      - screenshot: { name: "06-login-filled" }
+      - click: { selector: "button[type=\"submit\"]" }
+      - wait: 3000
+      - screenshot: { name: "07-org-overview" }
+      - scroll: { y: 350 }
+      - wait: 700
+      - screenshot: { name: "08-org-roles" }
+      - scroll: { y: 0 }
+      - click: { selector: ".header .ant-btn-primary" } 
+      - wait: 7000
+      - screenshot: { name: "09-manage-details" }
+      - click: { selector: ".ant-tabs-tab:has-text(\"Members\")" }
+      - wait: 1000
+      - screenshot: { name: "10-manage-members" }
+      - click: { selector: ".ant-tabs-tab:has-text(\"Roles\")" }
+      - wait: 1000
+      - screenshot: { name: "11-manage-roles" }
+      - click: { selector: ".ant-tabs-tab:has-text(\"Files\")" }
+      - wait: 1000
+      - screenshot: { name: "12-manage-files" }
+      - click: { selector: ".ant-menu-item:nth-child(5)" } 
+      - wait: 2000
+      - screenshot: { name: "13-agents-list" }
+      - click: { selector: ".ant-menu-item:nth-child(7)" } 
+      - wait: 3000
+      - screenshot: { name: "14-progress-overview" }
+
+  - id: "trainee-login-and-onboarding"
+    name: "Trainee Login and Onboarding Interactions"
+    type: "screenshot+video"
+    page: "/"
+    actions:
+      - click: { selector: ".ant-btn-background-ghost" } 
+      - wait: 3000
+      - click: { selector: ".ant-btn-background-ghost" }  
+      - wait: 1500
+      - type: { selector: "input[type=\"email\"]", text: "j.thompson@example.com" }
+      - type: { selector: "input[type=\"password\"]", text: "password" }
+      - screenshot: { name: "15-trainee-login" }
+      - click: { selector: "button[type=\"submit\"]" }
+      - wait: 3000
+      - screenshot: { name: "16-trainee-org-view" }
+      - scroll: { y: 250 }
+      - wait: 700
+      - screenshot: { name: "17-trainee-roles-list" }
+      - click: { selector: ".role-item:first-of-type .ant-btn-default" } 
+      - wait: 4000
+      - screenshot: { name: "18-onboarding-entry" }
+      - scroll: { y: 400 }
+      - wait: 1000
+      - screenshot: { name: "19-onboarding-mid" }
+      - scroll: { y: 800 }
+      - wait: 700
+      - screenshot: { name: "20-onboarding-bottom" }
+
+export:
+  videos: { format: "mp4", fps: 24, crf: 18 }
+  combined_video: { enabled: true, name: "demo-recording.mp4" }

site/package.json

@@ -22,8 +22,10 @@
         "ant-design-vue": "^4.2.6",
         "axios": "^1.13.2",
         "dompurify": "^3.3.1",
+        "launchreel": "^0.0.3",
         "marked": "^17.0.3",
         "pinia": "^3.0.4",
+        "rrweb": "^2.0.0-alpha.20",
         "vue": "^3.5.26",
         "vue-router": "^4.6.4"
     },

site/src/views/AboutView.vue

@@ -35,17 +35,17 @@ const features = [
     {
         title: 'Modular Content',
         desc: 'Compose learning journeys from small, reusable modules. Mix videos and interactive checks.',
-        img: 'https://placehold.co/600x400?text=Modular+Content',
+        img: '/screenshots/feature-modular-content.png',
     },
     {
         title: 'Agent Workflows',
         desc: 'Automate guidance and triggers with configurable agents to move users through onboarding steps.',
-        img: 'https://placehold.co/600x400?text=Agent+Workflows',
+        img: '/screenshots/feature-agent-workflows.png',
     },
     {
         title: 'Reporting & Insights',
         desc: 'Lightweight reports showing completion and engagement metrics.',
-        img: 'https://placehold.co/600x400?text=Reporting',
+        img: '/screenshots/feature-reporting.png',
     },
 ]
 </script>
@@ -59,6 +59,11 @@ const features = [
                 with modular content and agent-driven workflows. It is designed for teams that want
                 tangible learning experiences quickly without complex LMS setup.
             </Typography.Paragraph>
+            <div class="video-wrapper">
+                <video controls class="launch-video">
+                    <source src="/launch-reel.mp4" type="video/mp4" />
+                </video>
+            </div>
             <Divider />
             <Typography.Title :level="4">Getting started</Typography.Title>
             <List :data-source="steps" :bordered="false">
@@ -166,6 +171,16 @@ const features = [
 .compose-desc {
     font-size: 0.85rem;
 }
+.video-wrapper {
+    margin: 1rem 0 0.5rem;
+    border-radius: 8px;
+    overflow: hidden;
+}
+.launch-video {
+    width: 100%;
+    display: block;
+    border-radius: 8px;
+}
 .features {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

site/study-raw-response.txt

@@ -0,0 +1,56 @@
+```yaml
+project:
+  name: "Dynavera"
+  url: "https://fyp.viswamedha.com"
+  viewport: { width: 1440, height: 900, deviceScaleFactor: 2 }
+  theme: "light"
+
+scenarios:
+
+  - id: "manager-login-and-dashboard"
+    name: "Manager Login and Dashboard Interactions"
+    type: "screenshot+video"
+    page: "/"
+    actions:
+      - dismiss_cookies: true
+      - wait: 2000
+      - screenshot: { name: "login-screen" }
+      - click: { selector: ".ant-menu-item:nth-child(2)" }  # About
+      - wait: 1500
+      - click: { selector: ".ant-menu-item:nth-child(3)" }  # Getting Started
+      - wait: 1500
+      - click: { selector: ".ant-menu-item:nth-child(4)" }  # Pricing
+      - wait: 1500
+      - screenshot: { name: "pricing-page" }
+      - click: { selector: ".ant-btn-background-ghost" }  # Login button
+      - wait: 1500
+      - type: { selector: "#email", text: "haleisaac@example.com" }
+      - type: { selector: "#password", text: "password" }
+      - click: { selector: ".ant-btn-primary" }  # Submit login form
+      - wait_for_selector: { selector: ".header .ant-btn-primary" }
+      - screenshot: { name: "dashboard" }
+      - hover_cards: { selector: ".ant-tabs-tab-btn", delay: 1000 }
+      - wait: 2000
+
+  - id: "trainee-login-and-onboarding"
+    name: "Trainee Login and Onboarding Interactions"
+    type: "screenshot+video"
+    page: "/"
+    actions:
+      - dismiss_cookies: true
+      - wait: 2000
+      - screenshot: { name: "login-screen" }
+      - click: { selector: ".ant-btn-background-ghost" }  # Login button
+      - wait: 1500
+      - type: { selector: "#email", text: "j.thompson@example.com" }
+      - type: { selector: "#password", text: "password" }
+      - click: { selector: ".ant-btn-primary" }  # Submit login form
+      - wait_for_selector: { selector: ".role-item .ant-btn-default" }
+      - screenshot: { name: "onboarding-screen" }
+      - click: { selector: ".role-item .ant-btn-default:first-child" }  # Start onboarding
+      - wait: 5000
+
+export:
+  videos: { format: "mp4", fps: 24, crf: 18 }
+  combined_video: { enabled: true, name: "demo-recording.mp4" }
+```

site/study.json

@@ -0,0 +1,22 @@
+{
+  "baseUrl": "https://fyp.viswamedha.com",
+  "siteName": "Dynavera",
+  "pages": [
+    {
+      "url": "/",
+      "title": "Dynavera",
+      "metaDescription": "",
+      "headings": [],
+      "sections": [
+        "app"
+      ],
+      "interactive": [],
+      "hasForms": false,
+      "estimatedScrollHeight": 900,
+      "navLinks": []
+    }
+  ],
+  "allLinks": [
+    "/"
+  ]
+}