refactor(pages): revamp official website homepage #289
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
Caution Review failedThe pull request is closed. 📝 WalkthroughWalkthrough本次变更重塑站点首页与产品页结构，更新站点配置与导航（新增产品分组、调整描述与 Footer 产品链接），大幅扩充 i18n（中英）文案与键值。新增与改造多个首页板块组件（Create、CreateScenes、CommunityShare、Products、Video、Scenes 网格与视频预览、FirstScreen 文案与打字动画），引入两类打字机动画组件。更新与新增多处样式（按钮、下载按钮、若干板块样式、暗色主题背景等）。重构 HeroVideoDialog：加入 Portal、滚动锁定、按语言切换视频源/缩略图及悬停播放按钮。新增 Studio、Hub、Chat 页面并实现自动轮播/交互逻辑。调整 Navbar 搜索栏位置与登录按钮样式。 Estimated code review effort🎯 5 (Critical) | ⏱️ ~150 minutes
📜 Recent review detailsConfiguration used: CodeRabbit UI Review profile: CHILL Plan: Pro ⛔ Files ignored due to path filters (30)
📒 Files selected for processing (44)
Tip 👮 Agentic pre-merge checks are now available in preview!Pro plan users can now enable pre-merge checks in their settings to enforce checklists before merging PRs.
Please see the documentation for more information. Example: reviews:
pre_merge_checks:
custom_checks:
- name: "Undocumented Breaking Changes"
mode: "warning"
instructions: |
Pass/fail criteria: All breaking changes to public APIs, CLI flags, environment variables, configuration keys, database schemas, or HTTP/GraphQL endpoints must be documented in the "Breaking Change" section of the PR description and in CHANGELOG.md. Exclude purely internal or private changes (e.g., code not exported from package entry points or explicitly marked as internal).Please share your feedback with us on this Discord post. 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. Comment |
Deploying oomol-com with
|
| Latest commit: |
036f802
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://ec1a0079.oomol-com.pages.dev |
| Branch Preview URL: | https://new-page.oomol-com.pages.dev |
add pages update feat: 添加产品演示视频组件并优化首页布局 - 新增 HomepageVideo 组件展示产品演示视频 - 引入 TypewriterText 组件实现打字机效果 - 优化首页布局和样式，包括按钮、间距和背景色 - 更新多语言文案，添加视频相关翻译 - 移除部分特效注释以简化代码 - 调整首页首屏布局，将视频移至独立组件 refactor(homepage): update screenshot image and remove video component Replace first screen webp image with png version and remove unused HomepageVideo component to simplify the layout feat(homepage): add new community share section and update scenes layout refactor(homepage): redesign scenes section with grid layout and new SVG illustrations docs(i18n): update translations for new homepage sections and scenarios chore(assets): add new SVG illustrations for various usage scenarios feat(homepage): add create section with visual workflow component Add new "How to Create" section to homepage featuring visual AI workflow component. Includes translations, styling, and SVG illustration. Replaces previous products/community share sections with this new content. The section showcases OOMOL Studio's visual workflow capabilities for creating AI tools without programming. Includes responsive design and animated elements for better user engagement. style(HomepageScenes): add background color to scenes container refactor(Button): simplify LinkBtn component and update styles - Remove icon position logic and simplify component structure - Update button width and icon dimensions for consistency - Remove unused CSS classes and adjust spacing feat(HomepageFirstScreen): add cyclic typewriter text component Introduce new CyclicTypewriterText component to cycle through multiple texts with typewriter effect Replace static TypewriterText with new cyclic version for AI tools/agents text fix(HomepageFirstScreen): reduce cycle interval for CyclicTypewriterText The cycle interval was reduced from 8000ms to 6000ms to make the text animation feel more dynamic and engaging for users style(HomepageFirstScreen): adjust layout and typography for better responsiveness Update container height and margins for better spacing Change h1 to h2 for semantic hierarchy Adjust content widths and alignment for different screen sizes Remove unnecessary shadows and border radius from product screenshot refactor(homepage): replace project images with video components and update styles update i18n messages for homepage guide section to focus on community collaboration remove unused project images and refactor homepage components to use video dialogs adjust styling for better responsiveness and visual consistency feat(homepage): add new create scenes component with AI vibe coding and drag-drop features Add HomepageCreateScenes component to showcase AI tool creation methods. Includes internationalization support for both English and Chinese. Replaces previous HomepageCreate component with more detailed scene options. feat(homepage): add link buttons and adjust styles for better UX - Add "View More Examples" button to scenes section - Add "Read Docs" button to create section - Update guide section link to point to documentation - Adjust padding, margins and background colors - Update translations for new buttons feat(HomepageCreateScenes): replace images with video component Add HeroVideoDialog component to display videos instead of static images Remove unused imports and BlurFade wrapper Add video styling in SCSS module refactor(pages): improve the grid layout style(HomePageBuiltInLLM): remove dark background color comment feat(homepage): replace SVG illustrations with PNG images and refactor scenes component - Replace SVG scene illustrations with PNG versions for better compatibility - Refactor HomepageScenes component by splitting into FirstSceneCard and SceneCard - Improve image container styling and add text truncation for scene descriptions - Remove unused hover effects and optimize card layout style(Navbar): update button styles and link colors - Add signInButton styling with background, border, and text properties - Swap navbar link colors for better visibility style(HomepageFirstScreen): adjust margin-top for mobile layout style(HomepageScenes): improve responsive design for various screen sizes Add responsive styles for multiple breakpoints to ensure consistent appearance across devices Include hover effects for scene cards and adjust typography, spacing and layout properties feat(navbar): add product icons to navbar dropdown items Add SVG icons for studio, hub and chat products Style navbar dropdown items to display icons before text refactor(navbar): remove product dropdown menu items The product dropdown menu items are temporarily commented out as they are not currently needed in the navigation bar. This change simplifies the navbar structure until these items are required again. refactor(homepage): adjust layout and remove redundant components remove link button from scenes section and update guide button URL adjust first screen height and add hover effect to video play button feat(homepage): replace static images with video dialogs - Add video support to scene cards using HeroVideoDialog component - Include video URLs for all scene cards - Improve modal positioning with portal and z-index adjustments feat(HeroVideoDialog): prevent page scrolling when video dialog is open Add useEffect to manage page scroll behavior when video dialog is opened/closed feat(HomepageCreateScenes): add play button on hover for hero video refactor(HeroVideoDialog): remove redundant pt-24 class from dialog overlay chore: update static case images feat(homepage): update scenes data and translations for new features - Add new scene entries for AI image edit, ZIP archive manipulation, TXT to EPUB, and video downloader - Update existing scene entries with new translations and icons - Reorder scenes in homepage component feat(i18n): update media processing section text and translations Update both English and Chinese translations for the media processing section to better reflect the actual functionality. Changed from AI image processing to broader media editing scope and updated descriptions to mention FFmpeg-powered multimedia tools. docs(i18n): update marketing copy for OOMOL homepage Update homepage title and subtitle in both zh-CN and en locales to better reflect OOMOL's value proposition style: update text color for better readability feat(homepage): update video sources and replace video downloader with pdf processing - Replace video downloader feature with pdf processing in i18n files - Update video sources for homepage guide and scenes components - Add videoSrc field to create scenes data structure feat(HeroVideoDialog): add video container styles and support for Chinese video sources feat: add support for Chinese video sources and update video links across components fix(LinkBtn): change width to min-width for better responsiveness
This was referenced Oct 11, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary by CodeRabbit
新功能
文案
样式