Automotive / Next.js
Velorah template
A dark electric-RV launch site with liquid-glass navigation, immersive video, and a polished preorder journey.
- Editable React and TypeScript frontend source
- Standalone Next.js App Router project package
- Local demo interactions and responsive layouts
This is a static frontend template. Review the source, asset notices, and license terms before publishing.
Overview
What Velorah is designed for
Velorah is a dark electric-RV launch site with a media hero, centered brand statement, selectable product features, supporting manifesto, preorder call to action, and navigation-rich footer.
Ideal users and use cases
- Automotive, mobility, travel, and hardware product launches
- Brands with strong video and product photography
- Products that need a small selectable feature set before a preorder action
Page structure
Included sections
Video hero
Liquid-glass navigation, full-height product media, positioning, and primary actions.
Tagline and features
Editorial brand statement and a selectable feature panel with product imagery.
Statement, preorder, and footer
Supporting manifesto, closing conversion section, and grouped site navigation.
Behavior
Interaction and responsive model
Interactions and motion
- Click-selected product feature state
- Scroll-reveal treatments and media transitions
- Responsive navigation and preorder action states
Responsive behavior
- Product media remains prominent while copy and controls stack on small screens
- The feature selector adapts from a wide composition to a vertical layout
- Navigation and footer groups condense for mobile use
Source
Implementation and customization
Implementation notes
- React and TypeScript client template using utility classes
- Template-scoped style component with Inter and Instrument Serif fonts
- Local video and poster fallbacks in the Velorah public asset directory
Customization points
- Replace vehicle specifications, feature options, preorder copy, and navigation
- Swap hero and feature media with cleared product assets
- Adjust glass surfaces, reveal timing, and typography tokens
Launch review
Limitations and accessibility notes
Frontend limitations
- Preorder, account, search, and dealer actions are frontend demonstrations
- No inventory, reservation, payment, CRM, dealership, or email service is included
- Product claims and specifications must be replaced with verified information
Accessibility and reduced motion
- Feature controls use grouped selection semantics and labeled options
- The template stylesheet includes reduced-motion overrides for animated treatments
- Final video alternatives, captions, focus flow, and contrast require review with replacement content
Provenance
Source, license, and media rights
- Source
- Adapted from Hirael template source and integrated into the Menace template architecture.
- Software license
- The standalone package preserves the Hirael MIT software license and attribution.
- Media and brand rights
- The software license does not establish separate rights for bundled images, video, fonts, trademarks, or likenesses. Review or replace demo assets before publication.
Keep exploring