Meta blog on SAM 3

[iamartyaa]

Note

Adds the SAM 3 long-form article, introduces Anime.js-powered UI/animation components (hero, logo, grids, footer), and upgrades SEO with rich metadata, sitemap, robots, and canonical URLs while updating sharing to X.

• Content:
  • Add new in-depth post content/posts/meta-sam3-segment-anything.mdx; remove placeholder/sample posts.
• UI/Animations:
  • Introduce Anime.js components (components/animations/*), including HeroTitle, AnimatedText, AnimatedLine, StaggerGrid, AnimatedLogo, PageTransition and utilities in lib/animations.ts.
  • Update homepage and blog index to use animated hero text, underline, and staggered grids.
  • Add animated Footer and replace navbar logo with AnimatedLogo.
• SEO:
  • Expand metadata across app/layout.tsx, app/blog/[slug]/page.tsx, app/blog/page.tsx, and app/contribute/layout.tsx (OG, Twitter, authors, canonical, JSON-LD, viewport).
  • Add app/sitemap.ts and app/robots.ts.
• MDX Components & Styling:
  • Refine ImageWithCaption, Video, TableOfContents (scrollable), and global prose styles; add custom scrollbar CSS.
• Social/Sharing:
  • Migrate Twitter to X in ShareButtons and AuthorCard (plus Next Image avatar).
• UX/Perf:
  • Improve ScrollReveal intersection handling; add suppressHydrationWarning to interactive inputs/buttons.
• Docs & Deps:
  • Add TECH_STACK.md.
  • Install animejs and @types/animejs.

^{Written by Cursor Bugbot for commit cfb9513. This will update automatically on new commits. Configure here.}

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
neo-cortex	Ready	Preview	Comment	Nov 29, 2025 9:17am

[cursor]

This PR is being reviewed by Cursor Bugbot

Details

You are on the Bugbot Free tier. On this plan, Bugbot will review limited PRs each billing cycle.

To receive Bugbot reviews on all of your PRs, visit the Cursor dashboard to activate Pro and start your 14-day free trial.

[cursor]

Bug: Global selectors in HeroTitle cause animation conflicts

The HeroTitle component uses global CSS selectors (.neo-letter, .hero-dot, .cortex-letter, .hero-underline) with the animate function instead of scoping animations to elements within containerRef. This causes animations to target all matching elements across the entire page, not just within the component instance. If multiple HeroTitle components exist or if these class names appear elsewhere, animations will incorrectly affect unrelated elements. The component should query elements within containerRef.current using querySelectorAll to scope animations properly.