Skip to content

fix: Standardize spacing and render author photos from Notion#132

Open
vibemarketerpromax wants to merge 2 commits intomainfrom
fix/visual-alignment-audit
Open

fix: Standardize spacing and render author photos from Notion#132
vibemarketerpromax wants to merge 2 commits intomainfrom
fix/visual-alignment-audit

Conversation

@vibemarketerpromax
Copy link
Collaborator

Summary

  • Visual alignment: Standardized section padding (py-16 sm:py-24), container padding (px-4 sm:px-6), eyebrow label typography (font-semibold tracking-widest), and CTA button sizing across 14 components
  • Author images: Added cacheAuthorPhoto() to download and cache author photos from Notion (with HEIC/HEIF→JPEG conversion via sharp), and render them via next/image in blog hero avatars and BlogAuthorBio — falls back to gradient initial when no photo exists
  • Fixes Shravani Khatri and other authors showing default avatars instead of their Notion profile photos

Test plan

  • npm run lint — 0 errors (4 pre-existing warnings)
  • Playwright E2E — 17/17 tests pass
  • Verify author photos render on deployed preview (requires NOTION_TOKEN)
  • Spot-check spacing consistency on homepage, contact, about, and blog pages

🤖 Generated with Claude Code

Visual alignment: normalize section padding to py-16 sm:py-24, container
padding to px-4 sm:px-6, eyebrow labels to font-semibold tracking-widest,
and CTA button sizing across 14 components.

Author images: add cacheAuthorPhoto() with HEIC/HEIF conversion, extract
author photo from Notion properties, and render via next/image in both the
blog hero avatar and BlogAuthorBio component (gradient initial fallback).
@vibemarketerpromax vibemarketerpromax force-pushed the fix/visual-alignment-audit branch from a0a2f6f to 6e20d6c Compare February 26, 2026 05:55
@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Feb 26, 2026

Deploying website with  Cloudflare Pages  Cloudflare Pages

Latest commit: 7eefe9a
Status: ✅  Deploy successful!
Preview URL: https://95936e99.website-yiq.pages.dev
Branch Preview URL: https://fix-visual-alignment-audit.website-yiq.pages.dev

View logs

…ng images

- cacheAuthorPhoto now caches ANY external URL (not just Notion S3), so
  Google-hosted and other external avatars also get persisted locally.
- downloadImage detects content-type vs file-extension mismatch and
  converts via sharp when saving as .jpg but content isn't JPEG.
- Added warn log when author photo property is missing to help diagnose
  which Notion posts lack an "Author image" file.
- Fixed duplicate avatar property in mapAuthor from rebase conflict.
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