v0.4.8: more blog

[waleedlatif1]

• fix(blog): center footer, fix dark mode, fix avatar (fix(blog): center footer, fix dark mode, fix avatar #1559)

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
sim (staging)	Building			Oct 6, 2025 8:21pm

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
docs	Skipped			Oct 6, 2025 8:21pm

[greptile-apps]

Greptile Overview

Summary

This PR implements blog-related UI improvements to the Sim platform's landing pages. The changes center around enhancing the user experience for the `/building` route, which appears to contain blog content including comparison articles about AI agent workflow builders.

The key modifications include:

1. Theme Management: Forces light theme for the /building route by adding it to the theme provider's conditional logic, ensuring consistent visual presentation for blog content
2. Navigation Enhancement: Adds a "Building" link to the footer's "More Sim" section, providing easy access to the new blog content
3. Layout Improvements: Configures the footer to use full-width styling with centered content specifically for building/blog pages
4. Avatar Standardization: Refactors author profile displays from Next.js Image components to shadcn Avatar components, improving design system consistency and providing better fallback handling

These changes integrate seamlessly with the existing codebase architecture, following established patterns for route-specific styling, footer navigation, and component usage. The modifications maintain the existing responsive design patterns and accessibility features while standardizing the blog section's visual presentation.

Important Files Changed

Changed Files

Filename	Score	Overview
apps/sim/app/theme-provider.tsx	5/5	Adds '/building' route to force light theme mode for blog content
apps/sim/app/(landing)/components/footer/footer.tsx	5/5	Adds new 'Building' navigation link to footer's 'More Sim' section
apps/sim/app/(landing)/building/layout.tsx	5/5	Configures footer with fullWidth prop for centered blog layout
apps/sim/app/(landing)/building/openai-vs-n8n-vs-sim/openai-n8n-sim.tsx	5/5	Refactors author avatars from Image to Avatar components for consistency

Confidence score: 5/5

• This PR is safe to merge with minimal risk
• Score reflects simple, focused changes that follow established patterns and don't modify core functionality
• No files require special attention

Sequence Diagram

sequenceDiagram
    participant User
    participant BuildingLayout
    participant Footer
    participant OpenAiN8nSim
    participant Nav
    participant ThemeProvider

    User->>BuildingLayout: "Navigate to /building/openai-vs-n8n-vs-sim"
    BuildingLayout->>ThemeProvider: "Check pathname for forced theme"
    ThemeProvider-->>BuildingLayout: "Force light theme for /building"
    BuildingLayout->>Nav: "Render with hideAuthButtons=false, variant='landing'"
    Nav-->>BuildingLayout: "Navigation component rendered"
    BuildingLayout->>OpenAiN8nSim: "Render blog post content"
    OpenAiN8nSim-->>BuildingLayout: "Blog post with structured data rendered"
    BuildingLayout->>Footer: "Render with fullWidth=true"
    Footer-->>BuildingLayout: "Footer with centered content rendered"
    BuildingLayout-->>User: "Complete blog page displayed in light mode"

Loading

_{4 files reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile}