Clean Energy / Next.js
Aurael template
A bilingual solar brand site with day and night themes, photographic storytelling, and full RTL support.
- 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 Aurael is designed for
Aurael is a bilingual clean-energy brand site with English and Arabic layouts, day and night visual scenes, project case studies, company information, careers, resources, customer proof, and a structured footer.
Ideal users and use cases
- Solar, climate, energy, and infrastructure brands
- Organizations publishing in both left-to-right and right-to-left languages
- Teams with project photography and a multi-section company story
Page structure
Included sections
Bilingual hero
Responsive navigation, localized copy, scene selector, mobile menu, and photographic hero.
Product and company story
How-it-works, case studies, company background, and careers sections.
Resources and proof
Resource cards, customer marks, and localized footer navigation.
Behavior
Interaction and responsive model
Interactions and motion
- Click-controlled day and night scene selector
- Responsive mobile menu with localized labels
- Document-direction detection that keeps RTL state scoped to the template root
Responsive behavior
- Section grids stack and spacing compresses on small screens
- English and Arabic layouts mirror through the template root direction
- Navigation changes from desktop links to a labeled mobile menu
Source
Implementation and customization
Implementation notes
- React and TypeScript client template with local scene and language state
- Utility classes plus template-owned Inter, Manrope, and Cairo fonts
- Direction and language stay on the template root instead of mutating the document
Customization points
- Replace both English and Arabic copy together
- Update energy project, resource, customer, and career data
- Swap hero and case-study images and adjust day and night treatment tokens
Launch review
Limitations and accessibility notes
Frontend limitations
- Language selection is local UI state, not a locale router or translation service
- Careers, resource, and contact actions have no backend or CMS
- Arabic copy and final bidirectional behavior require review by a fluent editor
Accessibility and reduced motion
- Menu and scene controls expose labels, expanded state, pressed state, and grouping semantics
- Decorative hero layers are hidden from assistive technology
- There is no template-wide reduced-motion stylesheet, so motion-sensitive behavior needs explicit launch review
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