(function() { if (typeof window === 'undefined') return; function hydrateInteractiveComponents() { // Hydrate contact forms const contactFormPlaceholders = document.querySelectorAll('#contact-form-placeholder'); for (const placeholder of contactFormPlaceholders) { try { const title = placeholder.getAttribute('data-title') || 'Contact Us'; const description = placeholder.getAttribute('data-description') || ''; placeholder.innerHTML = `

${title}

${description ? `

${description}

` : ''}

Contact form functionality will be available in the full version.

`; } catch (error) { console.error('Failed to hydrate contact form:', error); } } // Hydrate accordions const accordionPlaceholders = document.querySelectorAll('#accordion-placeholder'); for (const placeholder of accordionPlaceholders) { try { const items = JSON.parse(placeholder.getAttribute('data-items') || '[]'); const allowMultiple = placeholder.getAttribute('data-allow-multiple') === 'true'; const variant = placeholder.getAttribute('data-variant') || 'bordered'; // For now, just show all items expanded (static version) placeholder.innerHTML = items.map(item => `

${item.title || 'Accordion Item'}

${item.content || ''}

`).join(''); } catch (error) { console.error('Failed to hydrate accordion:', error); } } // Hydrate tabs const tabsPlaceholders = document.querySelectorAll('#tabs-placeholder'); for (const placeholder of tabsPlaceholders) { try { const tabs = JSON.parse(placeholder.getAttribute('data-tabs') || '[]'); const initialIndex = parseInt(placeholder.getAttribute('data-initial-index') || '0'); const variant = placeholder.getAttribute('data-variant') || 'underline'; // For now, just show the initial tab content (static version) if (tabs.length > 0 && tabs[initialIndex]) { placeholder.innerHTML = `

${tabs.map((tab, index) => `

${tab.icon ? `${tab.icon}` : ''} ${tab.label || 'Tab'}

`).join('')}

${tabs[initialIndex].content || ''}

`; } } catch (error) { console.error('Failed to hydrate tabs:', error); } } // Hydrate announcement bars const announcementPlaceholders = document.querySelectorAll('#announcement-bar-placeholder'); for (const placeholder of announcementPlaceholders) { try { const message = placeholder.getAttribute('data-message') || 'Announcement'; const href = placeholder.getAttribute('data-href'); const dismissible = placeholder.getAttribute('data-dismissible') === 'true'; const variant = placeholder.getAttribute('data-variant') || 'info'; const colorClasses = { info: 'bg-blue-50 text-blue-800 border-blue-200', success: 'bg-green-50 text-green-800 border-green-200', warning: 'bg-yellow-50 text-yellow-800 border-yellow-200', promo: 'bg-purple-50 text-purple-800 border-purple-200' }; placeholder.innerHTML = `

${href ? `${message}` : `${message}`} ${dismissible ? `` : ''}

`; } catch (error) { console.error('Failed to hydrate announcement bar:', error); } } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', hydrateInteractiveComponents); } else { hydrateInteractiveComponents(); } })();

Get In Touch