Dev

[kirito666coder]

Summary by CodeRabbit

• New Features

  • Added an interactive parallax hero with floating elements, marquee messaging, and an “Explore Blogs” link.
  • Added a scroll indicator that fades as visitors progress through the page.
  • Blog cards now display cover images, reading time, publication dates, and additional tag counts.
  • Blog filters now populate dynamically from available content.

• Enhancements

  • Refreshed the home page scrolling experience and navigation presentation.
  • Updated blog layouts, animations, empty states, and filter styling.
  • Removed the About page and its associated sections.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
blog-web	Building	Preview, Comment	Jul 26, 2026 6:19pm

[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: 3a2a2bc7-62f5-4dba-a097-95b196603f76

📥 Commits

Reviewing files that changed from the base of the PR and between 1bab0f0 and d679133.

⛔ Files ignored due to path filters (1)

• web/public/images/Doma.png is excluded by !**/*.png

📒 Files selected for processing (15)

• web/src/app/(root)/HeroSection.tsx
• web/src/app/(root)/components/ScrollIndicator.tsx
• web/src/app/(root)/page.tsx
• web/src/app/about/components/Footer.tsx
• web/src/app/about/components/HeroSection.tsx
• web/src/app/about/components/JourneyTimeline.tsx
• web/src/app/about/components/MagneticButton.tsx
• web/src/app/about/components/PremiumBentoGrid.tsx
• web/src/app/about/components/ScrollMarquee.tsx
• web/src/app/about/components/SkillsConstellation.tsx
• web/src/app/about/components/SpanBox.tsx
• web/src/app/about/page.tsx
• web/src/app/blogs/BlogsClient.tsx
• web/src/app/blogs/components/BlogCard.tsx
• web/src/app/blogs/components/CategoryFilter.tsx

---

📝 Walkthrough

Walkthrough

The homepage now uses a parallax hero and scroll-clipped layout with a fading scroll indicator. The About page and its components are removed. Blog browsing gains data-derived filters, redesigned cards, richer metadata, and updated visual treatments.

Changes

Homepage redesign

Layer / File(s)	Summary
Parallax hero and entrance animation web/src/app/(root)/HeroSection.tsx	Replaces shuffle-text animation with cursor-reactive badges, split headline animation, CTA content, and an infinite marquee.
Scroll-clipped homepage composition web/src/app/(root)/page.tsx, web/src/app/(root)/components/ScrollIndicator.tsx	Adds pinned clipPath scrolling, progress tracking, the new hero composition, and a progress-controlled scroll indicator. The About page and its GSAP-driven components are removed.

Blog browsing presentation

Layer / File(s)	Summary
Dynamic blog filtering and grid presentation web/src/app/blogs/BlogsClient.tsx, web/src/app/blogs/components/CategoryFilter.tsx	Categories are derived from available blogs, grid animation and layout styling are updated, and filter active states receive new styling.
Metadata-rich blog cards web/src/app/blogs/components/BlogCard.tsx	Cards support reading time, dates, cover images, updated links, truncated tags, and revised layout content.

Estimated code review effort: 4 (Complex) | ~45 minutes

Sequence Diagram(s)

sequenceDiagram
  participant Visitor
  participant HomePage
  participant HeroSection
  participant ScrollTrigger
  participant ScrollIndicator
  Visitor->>HeroSection: move pointer
  HeroSection->>HeroSection: animate parallax elements
  Visitor->>ScrollTrigger: scroll homepage
  ScrollTrigger->>HomePage: update clipPath and progress
  HomePage->>ScrollIndicator: update progressRef
  ScrollIndicator->>ScrollIndicator: adjust opacity and pointer events

Loading

Possibly related PRs

• kirito666coder/blog#31: Added the SpanBox component and integrated it into the About page, which this PR removes.
• kirito666coder/blog#33: Added the About page’s GSAP-driven components that this PR deletes.
• kirito666coder/blog#39: Overlaps with the BlogCard and BlogsClient presentation refactors.

✨ 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

---

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.}