Repository navigation
Improve create-bestax homepage design with logo-centric layout - #116
Merged
allxsmith merged 9 commits intoOct 25, 2025
Merged
Conversation
Replace hero section with modern logo-focused design: - Display Bestax, Vite, and React logos prominently at top - Reorganize Get Started section using Bulma columns - Move cards (Quick Start, Documentation, Examples) into column layout - Add logo SVG assets to public directories - Maintain responsive design with Bulma column system This aligns the landing page with modern scaffolding tools like create-vite, providing better visual hierarchy and clearer communication of the technology stack. Closes #112
allxsmith
force-pushed
the
feature/112-improve-create-bestax-homepage-design
branch
from
October 23, 2025 00:48
e34a9ea to
2ebd416
Compare
…ayout Update visual regression tests to match new homepage design: - Change hero section tests to logo section tests - Update h1 text expectations from 'Welcome to Bestax' to 'Bestax + Vite + React' - Add logo visibility checks for Bestax, Vite, and React logos - Update responsive viewport tests - Update test documentation comments Visual regression snapshots will be updated separately. Refs #112
Fix line length violations in responsive viewport tests. Refs #112
…a classes - Fixed card selectors to work with both .card and .bulma-card - Fixed columns selectors to work with both .columns and .bulma-columns - Fixed box selectors to work with both .box and .bulma-box - Fixed card-header-title selectors for prefixed scenarios This ensures tests work correctly for all Bulma flavors including prefixed, no-helpers-prefixed, and regular classes.
…e limits - Reduced from 17 to 10 scenarios (41% reduction) - Removed no-helpers-prefixed and no-dark-mode variants - Removed ionicons, material-icons, material-symbols libraries - Kept essential Bulma flavors: complete, prefixed, no-helpers - Kept essential icon libraries: fontawesome, mdi - Reduces screenshot files from 170 to 100 per run
Updated visual regression baseline screenshots for new homepage design - 10 scenarios with updated App.tsx component structure - Covers complete, prefixed, no-helpers Bulma variants - Includes fontawesome and mdi icon library tests - Both JavaScript and TypeScript templates
Triggering CI to verify visual regression tests pass with new baseline screenshots
- Added missing comma in filter object on line 49 - Fixed line formatting on line 261 to single line
This was referenced Oct 25, 2025
allxsmith
deleted the
feature/112-improve-create-bestax-homepage-design
branch
October 25, 2025 03:43
Contributor
|
🎉 This PR is included in version 2.0.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Contributor
|
🎉 This PR is included in version 1.0.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
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.
Description
This PR modernizes the create-bestax homepage design by replacing the hero section with a cleaner, logo-focused layout inspired by create-vite.
Package(s) affected:
create-bestax)@allxsmith/bestax-bulma)@allxsmith/bestax-docs)Related Issue(s)
Closes #112
Type of Change
Checklist
Screenshots / Demos
Changes made:
Logo Section (New)
Get Started Section (Reorganized)
Interactive Example Section
Additional Context
This design aligns the create-bestax landing page with modern scaffolding tools like create-vite, providing:
The implementation uses existing Bulma components (Columns, Column, Box, Title, SubTitle, Card) ensuring consistency with the rest of the Bestax ecosystem.