improve: design of seo pages, fixes, comparison#984
Conversation
|
Caution Review failedThe pull request is closed. WalkthroughAdds new Next.js SEO pages and routes, introduces a ComparisonSlider component, expands SeoPageTemplate with optional features, and refactors SEO content types to include icons and structured comparison cells. Converts several pages to typed content, updates some UI behaviors/styles, and replaces internal links with Next.js Link for client-side routing. Changes
Sequence Diagram(s)sequenceDiagram
participant User
participant Route as Next.js Route (SEO page)
participant Template as SeoPageTemplate
participant Slider as ComparisonSlider
User->>Route: Navigate to /... (e.g., /free-screen-recorder)
Route->>Template: Render with content + flags (showLogosInHeader?, showLoomComparisonSlider?)
alt showLoomComparisonSlider
Template->>Slider: Mount with left/right images and labels
User-->>Slider: Drag handle / touch move
Slider->>Slider: Recompute clipPath + handle position
Slider-->>User: Visual split updates
else
Template->>Template: Render sections (features, video, comparison, FAQ)
end
User-->>Template: Toggle FAQ item
Template->>Template: Animate expand/collapse
Estimated code review effort🎯 4 (Complex) | ⏱️ ~60 minutes Possibly related PRs
Poem
📜 Recent review detailsConfiguration used: CodeRabbit UI Review profile: CHILL Plan: Pro 💡 Knowledge Base configuration:
You can enable these sources in your CodeRabbit configuration. ⛔ Files ignored due to path filters (2)
📒 Files selected for processing (20)
✨ Finishing Touches
🧪 Generate unit tests
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. 🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
SupportNeed help? Create a ticket on our support page for assistance with any issues or questions. CodeRabbit Commands (Invoked using PR/Issue comments)Type Other keywords and placeholders
CodeRabbit Configuration File (
|
Summary by CodeRabbit
New Features
Improvements
Bug Fixes
Style