Hero Components
Advanced Data Analytics Platform Enterprise-Grade Solution
Transform your business with AI-powered insights and intelligent data processing that scales with your needs
Interactive Component Editor
No example data found in JSDoc @example
Add an @example block to enable interactive editing
Component Information
Name: HeroSection
Category: hero
Path: src/components/hero/HeroSection.astro
Description: HeroSection - Advanced hero component with background variants
JSDoc Props Documentation
title: string - Main headline (required)
subtitle?: string - Optional subtitle above the title
description: string - Supporting text below the title (required)
primaryCta: { text: string, href: string } - Main CTA button (required)
secondaryCta?: { text: string, href: string } - Secondary CTA button (optional)
badge?: { icon?: string, text: string } - Optional promotional badge (optional)
backgroundVariant?: 'default' | 'blue' | 'green' | 'purple' - Background color variant (default: 'default')
Documentation
For detailed usage instructions, props, and examples, check the JSDoc comments in the component file or see the complete component documentation.