Skip to content

Add hero video backgrounds and posters#5377

Open
dimitrieh wants to merge 3 commits into
split/usecasefrom
split/hero-media
Open

Add hero video backgrounds and posters#5377
dimitrieh wants to merge 3 commits into
split/usecasefrom
split/hero-media

Conversation

@dimitrieh

@dimitrieh dimitrieh commented Jul 24, 2026

Copy link
Copy Markdown
Contributor

Description

Adds the hero video background assets (9 clips + matching poster stills) used by the industry pages and the AI page.

Outcome: brand-quality motion visuals available to the site's hero sections.

Stacking: isolated in its own PR so the media reviews on its own and any clip can be swapped without touching page structure. It sits beneath the pages that reference it (industry, AI), so those pages resolve their assets.

Provides for later PRs: the clips and posters the industry and AI PRs wire into their layouts.

All clips are from Pexels and are free for commercial use, no attribution required (https://www.pexels.com/license/). Sources:

File Source
industries/hero-video/automotive.mp4 https://www.pexels.com/video/32386532/
industries/hero-video/aerospace-components.mp4 https://www.pexels.com/video/19791092/
industries/hero-video/aviation-aerospace.mp4 https://www.pexels.com/video/36971603/
industries/hero-video/electronics-appliances.mp4 https://www.pexels.com/video/6755170/
industries/hero-video/food-beverage.mp4 https://www.pexels.com/video/8633311/
industries/hero-video/life-sciences.mp4 https://www.pexels.com/video/8863359/
industries/hero-video/renewables.mp4 https://www.pexels.com/video/32939545/
industries/hero-video/semiconductors.mp4 https://www.pexels.com/video/32386615/
ai/ai-hero-bg.mp4 https://www.pexels.com/video/32750415/

Each clip is under 1 MB; posters are the matching stills.

Related Issue(s)

Split from #5371.

Checklist

  • I have read the contribution guidelines
  • I have considered the performance impact of these changes

Stack (left to right is merge order; #5373 punctuation is independent, off main):

flowchart LR
    main([main])
    main --> P73["#5373 punctuation"]
    main --> P74["#5374 shop-floor"] --> P75["#5375 nav"] --> P76["#5376 use-cases"] --> P77["#5377 hero-media"] --> P78["#5378 industry"] --> P79["#5379 AI"] --> P80["#5380 homepage"] --> P81["#5381 polish"]
    classDef here stroke-width:4px;
    class P77 here;
Loading

@netlify

netlify Bot commented Jul 24, 2026

Copy link
Copy Markdown

Deploy Preview for flowforge-website ready!

Name Link
🔨 Latest commit 2694b5c
🔍 Latest deploy log https://app.netlify.com/projects/flowforge-website/deploys/6a634a2e158ec4000887cb6c
😎 Deploy Preview https://deploy-preview-5377--flowforge-website.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 62 (🔴 down 6 from production)
Accessibility: 96 (no change from production)
Best Practices: 100 (no change from production)
SEO: 91 (no change from production)
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@dimitrieh

Copy link
Copy Markdown
Contributor Author

FYI: This PR merely adds the visual contents that then becomes visible in the follow up PRs. They are not yet visible in this PR's preview URL

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant