Skip to content

Comments

feat: creative redesign with GSAP animations#5

Open
mabdullahabid wants to merge 11 commits intoabd.devfrom
feature/creative-redesign
Open

feat: creative redesign with GSAP animations#5
mabdullahabid wants to merge 11 commits intoabd.devfrom
feature/creative-redesign

Conversation

@mabdullahabid
Copy link
Owner

Creative Redesign of abd.dev

Transforms the site from stock Notion starter kit into a creative portfolio.

New Features

  • Custom animated homepage with GSAP text reveals (Hero, About, Blog Grid)
  • Smooth scrolling via Lenis
  • Custom cursor with magnetic effects (desktop only)
  • Page transitions (fade/slide between routes)
  • Enhanced header - show/hide on scroll with blur backdrop
  • Reading progress bar on blog posts
  • Modern typography - Inter + Space Grotesk

Technical

  • GSAP dynamically imported (no SSR impact)
  • Respects prefers-reduced-motion
  • Notion CMS workflow intact
  • Both light and dark modes enhanced
  • 26 files changed, 1413 insertions

… scroll, and enhanced UX

- Custom animated homepage with GSAP text reveals and scroll animations
- Smooth scrolling integration with Lenis
- Custom cursor with magnetic effects (desktop only)
- Page transitions between routes
- Enhanced blog post cards with hover animations
- Scroll-triggered animations throughout
- Reading progress bar on blog posts
- Modern typography with Inter and Space Grotesk fonts
- Enhanced dark and light modes with better color system
- Mobile-optimized (no custom cursor on touch devices)
- Notion CMS workflow completely intact
- All animations respect prefers-reduced-motion
- Dynamic imports for GSAP to avoid SSR issues
- Enhanced typography and code blocks in blog posts
@vercel
Copy link

vercel bot commented Feb 17, 2026

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

Project Deployment Actions Updated (UTC)
abd.dev Ready Ready Preview, Comment Feb 17, 2026 9:28pm

- Fix homepage-data.ts to use correct Notion schema property IDs
  (a<ql for Published, BN]P for Tags, ==~K for Public)
- Fetch individual post pages since collection items aren't in root recordMap
- Filter only Public posts
- Fix emoji splitting in Hero by using Array.from() for proper
  multi-byte character handling (fixes 👋 rendering as boxes)
…ement

- Hero: elements visible by default, GSAP animates with set+to pattern
- About/BlogGrid: use fromTo instead of from to avoid invisible fallback
- Remove char-splitting animation (broke emoji), use simple fade-in
- EnhancedFooter: simplified, removed external CSS module
- BlogGrid: show 'coming soon' message if no posts loaded
- Remove '//' prefix from section titles for cleaner look
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.

1 participant