Web Components Test Page
This page demonstrates the use of web components for the header and footer.
Benefits of Web Components:
- Single source of truth for header and footer
- Easy to update across all pages
- Consistent look and behavior
- Reduced code duplication
- Better maintainability
How to Use:
- Include the components loader script in the head:
<script src="/assets/js/components-loader.js?v=1755516647" defer></script> - Replace the old header HTML with:
<site-header></site-header> - Replace the old footer HTML with:
<site-footer></site-footer>