feat(platform/fleet-ops): rebuild flagship landing page#15
Open
roncodes wants to merge 1 commit into
Open
Conversation
…t layout Replaces the generic dark-templated /platform/fleetops page with a brand-aware landing modeled on spoke.com/dispatch. The new page leads with a brand-blue hero, a clickable five-module overview, and an ordered narrative spine (Configure → Plan & Dispatch → Track → Maintenance → Optimize & Allocate) so the flagship's story reads end-to-end instead of as a feature laundry list. Highlights: - Brand-blue (#4391EA) hero with a translucent screenshot frame that bleeds off the right edge of the viewport. Inline stat strip beneath. - "What is Fleet-Ops?" clickable LayerStack visualizing the five core modules (Operations, Resources, Maintenance, Connectivity, Analytics). - Continuous vertical spine with five labeled beats; each beat has a hero feature card with a screenshot plus 2-3 supporting cards. Orchestrator Workbench gets the flagship spot at the end of the spine. - Dedicated Automate section with a self-contained DarkCodePanel (single integrated chrome — no double bezel like the shared CodeBlock produced). - Industries grid now links to real /solutions/* pages instead of dead text. - Page-scoped fleet-ops.css holds the brand palette, spine border-image, rotator-free hero treatment, and container padding bump so the page doesn't feel cramped at xl widths. Adds /platform/fleetops to navbar.tsx's isBrandStoryPage list so the hero extends behind the transparent navbar cleanly. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Contributor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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.
Summary
Rebuilds /platform/fleetops from a generic dark-templated page into a brand-aware flagship landing modeled on spoke.com/dispatch. The new page leads with a brand-blue hero, a clickable five-module overview, and an ordered narrative spine so the story of Fleet-Ops reads end-to-end instead of as a feature laundry list.
/solutions/*pages (last-mile, courier-services, food-delivery, fleet-management, trucking, ecommerce, healthcare, route-optimization)Files
src/app/platform/fleetops/fleetops-page-content.tsx— full rewritesrc/app/platform/fleetops/fleet-ops.css— new, page-scoped palette + spine + hero treatmentsrc/app/platform/fleetops/components/layer-stack.tsx— new, interactive five-module visualsrc/app/platform/fleetops/components/spine-section.tsx— new, vertical-line section primitivesrc/app/platform/fleetops/components/dark-code-panel.tsx— new, always-dark code panel for the Automate sectionsrc/components/layout/navbar.tsx— added/platform/fleetopstoisBrandStoryPageso the hero extends behind the navbar cleanlyTest plan
/platform/fleetopsat desktop and verify the brand-blue hero, screenshot bleed off the right, and that the navbar stays transparent until scrolled past the hero/solutions/*page🤖 Generated with Claude Code