Skip to content

feat(arian-hero): basic implementation - #68

Open
klupsky wants to merge 1 commit into
feat/animations-libraryfrom
feat/arian-hero
Open

feat(arian-hero): basic implementation#68
klupsky wants to merge 1 commit into
feat/animations-libraryfrom
feat/arian-hero

Conversation

@klupsky

@klupsky klupsky commented Jul 15, 2026

Copy link
Copy Markdown
Contributor

Links, Summary, Context

This PR adds a hero entrance animation showcase to /animations/showcase, adapted from the Arian homepage.


Frontend Changes

  • adds hero-home-showcase.tsx with a phased hero reveal (background -> content)
  • adds documentation and a full-width demo to the showcase page
  • uses placeholder image, copy, and cycling facts (no cms/i18n)
  • global: opens external links in a new tab

Technical decisions

  • Simplified from the Arian implementation:
    • no video
    • no scroll-linked CTA morph into the navbar
  • SlidingFacts is kept inline in the showcase file for easy copy-paste reuse

Screenshots

Desktop Mobile
Bildschirmfoto 2026-07-15 um 15 20 00

What to test

  1. open /animations/showcase and scroll to Hero entrance.
  2. confirm the phased reveal:
    • background image fades in
    • content slides up afterwards
  3. verify the facts rotate approximately every 3 seconds.
  4. on mobile:
    • CTA spans the full width
  5. On desktop:
    • facts appear in the bottom-left
    • content is positioned in the bottom-right

Checklist

  • Tested on desktop
  • Tested on a real mobile device
  • Code comments explain technical decisions and anything non-obvious
  • Accessibility checked (keyboard navigation, focus order, labels/ARIA, contrast)
  • CMS content created for reviewer testing

@vercel

vercel Bot commented Jul 15, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
taylorui Ready Ready Preview, Comment Jul 23, 2026 11:49am

Request Review

Comment thread src/animations/components/hero-home-showcase.tsx Outdated

@AntoniaStr AntoniaStr left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you! 😍 do you think it would be possible to trigger the animation once it is in view? Or we could use it as the actual Hero for this page (put it at the top and move explanation text below)?

Phased full-screen hero reveal adapted from Arian, placed at the top of the
animations showcase. Includes scroll-up CTA with straight layout morph to a
fixed slot below the navbar on desktop.

Co-authored-by: Cursor <cursoragent@cursor.com>
@klupsky

klupsky commented Jul 23, 2026

Copy link
Copy Markdown
Contributor Author

@AntoniaStr good idea! i added it as the hero section on out showcase page and implemented the button animation too. i'd like to ask you to have another look before i merge it please!

@klupsky
klupsky requested a review from AntoniaStr July 23, 2026 11:50
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.

2 participants