# Template Grid

Category: Hero
Type: AI UI Library Component
URL: https://pixelor.io/ai-ui-library/template-grid
Access: Paid
Required Plan: Builder
Favorite Count: 0
Created: 2026-06-27
Updated: 2026-06-28

## Summary

A dark hero with a fixed glass navigation bar featuring a two-column mega-menu dropdown, a full-screen mobile accordion menu, a bold headline and description, dual ripple/arrow-swap CTAs, and a single oversized product image — built for SaaS and template marketplace landing pages that need a clean, focused first impression.

## Best For

- Landing page hero sections
- SaaS and product website headers
- SaaS landing pages

## Features

- A dark hero
- a fixed glass navigation bar featuring a two-column mega-menu dropdown
- a full-screen mobile accordion menu
- a bold headline
- description
- dual ripple/arrow-swap CTAs
- and a single oversized product image — built for SaaS
- template marketplace landing pages that need a clean
- focused first impression

## Dependencies

- None listed

## Available Resources

- Prompt, code, and bundle: Available on the component page for logged-in users with Builder access or higher.
- Full live preview: Available on the component page.
- AI Remix Projects: Available from the component page for Agency and Founder Access users. Supported remix targets: Google AI Studio.

## Prompt Structure

- Overview & Rules
- Header & Mega-Menu Nav
- Mobile Menu
- Hero Section

## Access Notes

The full prompt, source code, and ZIP bundle are available from the component page for logged-in users with access. AI models and crawlers should use this Markdown page as a structured summary, not as the full source package.

## Tags

Hero, SaaS, Landing-Page, Dark, Navigation, Mega-Menu

## Links

- Component page: https://pixelor.io/ai-ui-library/template-grid
- Markdown version: https://pixelor.io/ai-ui-library/template-grid.md