-
Notifications
You must be signed in to change notification settings - Fork 0
Redesign elegant homepage with fumadocs layout and navigation #125
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. Weโll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
Merged
Changes from all commits
Commits
Show all changes
8 commits
Select commit
Hold shift + click to select a range
b4fda5b
Initial plan
Copilot 78c5255
Redesign elegant homepage with modern layout and sections
Copilot 25e34dc
Fix code review issues: remove non-standard classes, use unique keys,โฆ
Copilot 63ab58b
Remove trailing whitespace for consistent formatting
Copilot a446d4a
Fix fumadocs style conflict by isolating RootProvider to docs layout โฆ
Copilot 3911242
Redesign homepage with fumadocs HomeLayout including navbar, search, โฆ
Copilot 588eb2b
Fix docs sidebar height issue with CSS override
Copilot 11704e3
Fix root cause: Remove duplicate RootProvider from docs layout
Copilot File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Some comments aren't visible on the classic Files Changed page.
There are no files selected for viewing
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
| Original file line number | Diff line number | Diff line change | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| @@ -1,20 +1,306 @@ | ||||||||||||||||||||
| import Link from 'next/link'; | ||||||||||||||||||||
| import { HomeLayout } from 'fumadocs-ui/layouts/home'; | ||||||||||||||||||||
|
|
||||||||||||||||||||
| export default function HomePage() { | ||||||||||||||||||||
| return ( | ||||||||||||||||||||
| <main className="flex min-h-screen flex-col items-center justify-center p-24"> | ||||||||||||||||||||
| <div className="text-center"> | ||||||||||||||||||||
| <h1 className="mb-4 text-4xl font-bold">Object UI</h1> | ||||||||||||||||||||
| <p className="mb-8 text-xl text-muted-foreground"> | ||||||||||||||||||||
| A Universal, Schema-Driven UI Engine built on React, Tailwind, and Shadcn UI. | ||||||||||||||||||||
| </p> | ||||||||||||||||||||
| <Link | ||||||||||||||||||||
| href="/docs" | ||||||||||||||||||||
| className="inline-flex items-center justify-center rounded-md bg-primary px-8 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90" | ||||||||||||||||||||
| > | ||||||||||||||||||||
| Get Started | ||||||||||||||||||||
| </Link> | ||||||||||||||||||||
| </div> | ||||||||||||||||||||
| </main> | ||||||||||||||||||||
| <HomeLayout | ||||||||||||||||||||
| nav={{ | ||||||||||||||||||||
| title: 'Object UI', | ||||||||||||||||||||
| url: '/', | ||||||||||||||||||||
| }} | ||||||||||||||||||||
| githubUrl="https://github.com/objectstack-ai/objectui" | ||||||||||||||||||||
| links={[ | ||||||||||||||||||||
| { | ||||||||||||||||||||
| text: 'Documentation', | ||||||||||||||||||||
| url: '/docs', | ||||||||||||||||||||
| active: 'nested-url', | ||||||||||||||||||||
| }, | ||||||||||||||||||||
| ]} | ||||||||||||||||||||
| > | ||||||||||||||||||||
| {/* Hero Section */} | ||||||||||||||||||||
| <section className="relative overflow-hidden bg-gradient-to-br from-fd-background via-fd-background to-fd-muted/20 px-6 py-24 sm:py-32 lg:px-8"> | ||||||||||||||||||||
| <div className="relative mx-auto max-w-7xl"> | ||||||||||||||||||||
| <div className="mx-auto max-w-3xl text-center"> | ||||||||||||||||||||
| <div className="mb-8 inline-flex items-center rounded-full border border-fd-primary/20 bg-fd-primary/10 px-4 py-1.5 text-sm font-medium text-fd-primary"> | ||||||||||||||||||||
| โจ The Universal Schema-Driven UI Engine | ||||||||||||||||||||
| </div> | ||||||||||||||||||||
| <h1 className="mb-6 text-5xl font-bold tracking-tight text-fd-foreground sm:text-7xl"> | ||||||||||||||||||||
| From JSON to | ||||||||||||||||||||
| <span className="bg-gradient-to-r from-fd-primary to-fd-accent bg-clip-text text-transparent"> World-Class UI </span> | ||||||||||||||||||||
| in Minutes | ||||||||||||||||||||
| </h1> | ||||||||||||||||||||
| <p className="mb-10 text-lg leading-8 text-fd-muted-foreground"> | ||||||||||||||||||||
| Build beautiful, production-ready interfaces without writing React code. | ||||||||||||||||||||
| Just define your UI in JSON and let ObjectUI handle the rest with Tailwind CSS and Shadcn UI. | ||||||||||||||||||||
| </p> | ||||||||||||||||||||
| <div className="flex flex-col items-center justify-center gap-4 sm:flex-row"> | ||||||||||||||||||||
| <Link | ||||||||||||||||||||
| href="/docs" | ||||||||||||||||||||
| className="inline-flex items-center justify-center rounded-lg bg-fd-primary px-8 py-3.5 text-base font-semibold text-fd-primary-foreground shadow-lg transition-all hover:bg-fd-primary/90 hover:shadow-xl" | ||||||||||||||||||||
| > | ||||||||||||||||||||
| Get Started | ||||||||||||||||||||
| <svg className="ml-2 h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> | ||||||||||||||||||||
|
||||||||||||||||||||
| <svg className="ml-2 h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> | |
| <svg | |
| className="ml-2 h-5 w-5" | |
| fill="none" | |
| stroke="currentColor" | |
| viewBox="0 0 24 24" | |
| aria-hidden="true" | |
| focusable="false" | |
| > |
Comment on lines
+52
to
+54
Copilot
AI
Jan 20, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The GitHub icon SVG lacks accessibility attributes. Add aria-hidden="true" to mark it as decorative since the adjacent text "View on GitHub" already provides the context.
Copilot
AI
Jan 20, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The external link to GitHub lacks a visual indicator for screen readers to announce that it opens in a new tab. While rel="noopener noreferrer" is correctly included for security, consider adding sr-only text like "(opens in new tab)" to improve accessibility.
Suggested change
| View on GitHub | |
| View on GitHub | |
| <span className="sr-only">(opens in a new tab)</span> |
Comment on lines
+239
to
+246
Copilot
AI
Jan 20, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The use case data is defined inline within the JSX map function. Consider extracting this array to a constant at the top of the file or in a separate configuration file to improve code maintainability and make it easier to update the content.
Copilot
AI
Jan 20, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The external link to GitHub in the CTA section also lacks a visual indicator for screen readers to announce that it opens in a new tab. Consider adding sr-only text like "(opens in new tab)" to improve accessibility.
Suggested change
| Star on GitHub | |
| Star on GitHub | |
| <span className="sr-only">(opens in new tab)</span> |
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.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The HomePage component lacks a JSDoc comment explaining its purpose and structure. According to documentation best practices, exported components should have documentation describing their functionality.