Enhanced Component Features

Discover the new capabilities of our component system that improve maintainability and flexibility.

Enhanced Hero Component

  • Multiple layout options: grid, centered, split
  • Custom background images and styling
  • Subtitle and secondary CTA support
  • Flexible alignment options
  • Backwards compatibility with legacy calls

Optimized Navigation

  • Configurable menu item visibility
  • Custom menu items and dropdowns
  • Context-aware path detection
  • Custom logo and styling support
  • Mobile submenu generation

Bootstrap Integration

  • Automatic component loading
  • Context detection (main site vs portal)
  • Unified configuration system
  • Legacy compatibility layer
  • Enhanced parameter passing

Usage Examples

Learn how to use the enhanced components in your pages.

Enhanced Hero Component

// New array-based configuration
$page = initMainSitePage([
    'heroTitle' => 'Your Title',
    'heroSubtitle' => 'Optional subtitle',
    'heroLayout' => 'split', // grid, centered, split
    'heroAlignment' => 'center',
    'heroSecondaryCta' => [
        'text' => 'Learn More',
        'link' => '/learn'
    ]
]);

// Legacy support still works
renderHero('Title', 'Description', 'CTA', '/link', true);
// Configure navigation options
'navOptions' => [
    'hideMenuItems' => ['about', 'quote'],
    'customMenuItems' => [
        [
            'text' => 'Resources',
            'url' => '/resources',
            'dropdown' => [
                ['text' => 'Downloads', 'url' => '/downloads'],
                ['text' => 'Support', 'url' => '/support']
            ]
        ]
    ],
    'customLogo' => '/custom-logo.png'
]

Bootstrap System

// Enhanced initialization
$page = initMainSitePage([
    'title' => 'Page Title',
    'heroLayout' => 'split',
    'navOptions' => [...],
    // All enhanced options available
]);

// Automatic component loading and configuration
$page->renderPageHeader(); // Includes all enhancements
$page->renderPageFooter();

Component Optimization Benefits

The enhanced component system delivers measurable improvements in development efficiency and maintainability.

100%

Backwards Compatibility

All existing pages continue to work without modifications while gaining access to new features when needed.

50%

Reduced Code Duplication

Enhanced parameter passing and configuration options eliminate the need for component variations.

75%

Faster Development

New pages can be created more quickly with enhanced component options and better defaults.

90%

Easier Maintenance

Centralized component logic with clear parameter documentation makes updates and bug fixes simpler.