Added launchreel and static content with images and video

This commit is contained in:
Viswamedha Nalabotu 2026-03-24 10:20:33 +00:00
parent 8d9abcdfa6
commit 9eb574e8dc
10 changed files with 1868 additions and 36 deletions

87
site/launchreel.yaml Normal file
View file

@ -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" }

1716
site/package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -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"
},

BIN
site/public/launch-reel.mp4 Normal file

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 221 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 788 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 143 KiB

View file

@ -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));

View file

@ -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" }
```

22
site/study.json Normal file
View file

@ -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": [
"/"
]
}