New UI Design Rocket Page Aurora 2025#110
Draft
zangjiucheng wants to merge 6 commits into
Draft
Conversation
…ut us section with new content and image
- Updated package.json to include framer-motion and lucide-react for animations and icons. - Added postcss.config.js for Tailwind CSS integration with autoprefixer. - Included new PDF and image assets for the Aurora rocket. - Modified index.css to incorporate Tailwind CSS directives. - Updated index.jsx to include a new route for the Aurora page. - Refactored Home.jsx to use the new Aurora logo image. - Enhanced Rockets.jsx to display the Aurora rocket card. - Created a new Aurora.jsx component with detailed content and layout. - Added Tailwind CSS configuration to avoid conflicts with Bootstrap styles.
- Implemented BulletList, Paragraph, ScrollToTop, SectionHeading, StatCard components for UI consistency. - Created InPageNav, PhotoGallery, SpecsGrid, and VideoGallery collections for structured content display. - Developed makeRocketPage utility for dynamic page generation. - Added AURORA_CONTENT with detailed specifications, sections, and media for the Aurora rocket. - Refactored Aurora page to utilize new components and content model for improved maintainability and readability.
zangjiucheng
requested review from
a team,
Redstone-ray and
shirleyfyx
as code owners
zangjiucheng
changed the title
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
This pull request introduces a modern "Rocket" page UI with new reusable components, enhanced navigation styling, and the integration of Tailwind CSS and supporting tooling. The main focus is on building a visually rich, modular rocket details page using React, Tailwind, and new icon/animation libraries, while also improving the navigation bar's visual feedback and accessibility.
Rocket Modern UI Components
RocketPagecomponent to serve as a modular, visually appealing rocket details page, including hero, specs, galleries, and sectioned content.RocketHero,SpecsGrid,InPageNav,PhotoGallery,VideoGallery,SectionHeading,Paragraph,BulletList,StatCard,ScrollToTop) for flexible content composition and improved UI/UX. [1] [2] [3] [4] [5] [6]Styling and Tooling Enhancements
framer-motionandlucide-reactlibraries for animation and modern icons.Navigation Bar Improvements
Gallery Usability
This change is