mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-10-30 18:22:59 +00:00
zeekay
e0ec477433
- Enable all 15 finance component docs (from .disabled → .mdx) - Create stock-market.mdx, 8 chart docs, 8 block docs, 2 framework docs - Add direction.tsx component (RTL/LTR support from upstream shadcn) - Add xs/icon-xs button sizes, data-variant/data-size attributes - Fix build-registry.mts to handle default exports in namespace re-exports - Add default props to order-entry, positions-list, orders-history, trading-panel - Fix 18 navigation stubs → re-export from root implementations - Add 44 orphaned MDX files to nav (installation, dark-mode, desktop, guides, etc) - Migrate 6 framer-motion imports → motion/react - Bump React 19.2.0→19.2.4, Next.js 16.0.1→16.1.6, motion→12.34.0 - Align lucide-react, sonner v2, tailwind-merge v3, postcss-selector-parser v7 - Remove framer-motion dep (superseded by motion) - Fix @types/react-dom, TypeScript versions across workspaces
37 lines
1.1 KiB
Plaintext
37 lines
1.1 KiB
Plaintext
---
|
|
title: Hero Sections
|
|
description: Full-width hero sections for landing pages with headlines, CTAs, and imagery.
|
|
---
|
|
|
|
## Overview
|
|
|
|
Hero blocks are viewport-sized sections designed for the top of landing pages. They feature bold typography, call-to-action buttons, and visual elements to capture user attention.
|
|
|
|
## Variations
|
|
|
|
### App UI Showcase
|
|
|
|
<ComponentPreview name="showcase-app-ui-01" />
|
|
|
|
A hero section showcasing your app's UI with a centered layout and product screenshot.
|
|
|
|
### E-commerce Showcase
|
|
|
|
<ComponentPreview name="showcase-ecommerce-01" />
|
|
|
|
A hero section designed for e-commerce with product imagery and shopping CTAs.
|
|
|
|
### Marketing Showcase
|
|
|
|
<ComponentPreview name="showcase-marketing-01" />
|
|
|
|
A bold marketing hero section with large typography and conversion-focused design.
|
|
|
|
## Features
|
|
|
|
- **Responsive Design**: Adapts to all screen sizes
|
|
- **CTA Buttons**: Primary and secondary call-to-action buttons
|
|
- **Visual Elements**: Support for images, gradients, and animations
|
|
- **Typography**: Large, bold headlines with supporting text
|
|
- **Customizable**: Easy to modify colors, text, and layout
|