1. Global Navigation (Navbar.tsx)

[ItsOmHere]

Description

Summarize the technical changes proposed in this Pull Request.

Related Issues

Closes #

Checklist

• Added or updated unit/component tests in src/tests/
• Checked strict TypeScript type compliance (npm run typecheck)
• Ran linter & formatter (npm run lint)
• Generated changeset (npx changeset) if user-facing API changed

[vercel]

@ItsOmHere is attempting to deploy a commit to the pranav00076's projects Team on Vercel.

A member of the Team first needs to authorize it.

[ItsOmHere]

1. Global Navigation (Navbar.tsx)
   Wrapped the element with a <motion.header>.
   Added an initial={{ y: -100 }} and animate={{ y: 0 }} property to create a smooth, spring-based slide-down effect when the user first loads the application.
2. Landing Page (page.tsx)
   Hero Section:
   Implemented a staggered fade-in up animation. The parent container has a staggerChildren property, causing the Version Badge, Headline, Subtitle, Action Buttons, and Code Example to appear sequentially, creating a highly polished first impression.
   Scroll-triggered Sections:
   Wrapped the "Why Standard Drive Links Fail", "Resolution Pipeline Architecture", "Installation", and "Open Source Community" sections in <motion.section>.
   Added whileInView animations so they gracefully fade and slide up (y: 30 to y: 0) exactly when they enter the viewport (viewport={{ once: true, margin: "-100px" }}).
   Feature Cards Grid:
   Applied a staggered whileInView animation to the feature grid. As the user scrolls down to the features, the individual cards cascade into view one by one rather than all appearing abruptly.