feat: implement home page with GSAP animations, scroll-triggered laye…

[kirito666coder]

…r transitions, and sphere background

Summary by CodeRabbit

• Enhancements
  • Improved the home page’s scroll experience with a layered animation across three visual sections.
  • Extended the scroll transition for smoother, more gradual progression between layers.
  • Updated the page layout and spacing to support the enhanced scrolling presentation.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
blog-web	Ready	Preview, Comment	Jul 27, 2026 12:57pm

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: cc51f757-1d45-4011-a713-c59f55f152b9

📥 Commits

Reviewing files that changed from the base of the PR and between 3a23d73 and a4c376b.

📒 Files selected for processing (1)

• web/src/app/(root)/page.tsx

---

📝 Walkthrough

Walkthrough

The home page now renders three stacked animation layers, sequences their clipPath transitions over a longer pinned scroll range, and adjusts the bottom spacer to h-screen.

Changes

Home page scroll animation

Layer / File(s)	Summary
Layered scroll animation and layout web/src/app/(root)/page.tsx	Adds refs for the second and third layers, animates all three layers through a scrubbed GSAP timeline with a +=300% trigger range, updates the layered JSX structure, and changes the bottom spacer from h-[101vh] to h-screen.

Estimated code review effort: 2 (Simple) | ~10 minutes

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch dev

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

ESLint install timed out. The project may have too many dependencies for the sandbox.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}