How to Make Dynamic Landing Page

Hey all,

I'm wondering how I can make the landing page (in particular) for a website I've been working on more dynamic.

Two websites we've been looking at for inspiration:

(1) Santa Fe Brewing Co. https://santafebrewing.com/

(2) Human Rights Campaign https://www.hrc.org/

(1) is obviously a pretty high-end website. We like the text bleed over video/images, and videos overlapping each other, and the scroll functionality, in particular. Any idea whether those things are possible to do in Squarespace? I imagine the text animation effect might be possibly to do with GIFs, but it seems challenging if not impossible to have blocks bleed over each other.

(2) seems quite a bit more do-able. Again, we love the text bleed over video, and would like to imitate that and some of the color blocking effects on our own website. It looks to me like the color blocks are images designed in Photoshop/Illustrator/InDesign and then dropped in with color coordinated backgrounds, but I'm obviously no expert.

Any help would be appreciated--whether that's guidance on how to achieve some of these effects or more direct work. If you think you'd be able to imitate either of these sites, we'd be happy to compensate you for work on our site.

Thanks,
Phil

Have you solved it yet?