@inneranimalmedia/agentsam-sdk 2.6.11 → 2.6.12

package/packages/theme-cypress/site/unified-footer.js

@@ -0,0 +1,175 @@
+/* Unified Footer & Modal Logic - MASTER REMASTER */
+
+function injectFooter() {
+    const footer = document.getElementById('unified-footer');
+    if (!footer) return;
+
+    footer.innerHTML = `
+        <div class="footer-container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <img src="/assets/generated/media-ce06595d59.webp" alt="Cypress Commons" class="footer-logo">
+                    <p class="footer-brand-text">
+                        A Christ-centered community in River Parish where faith is lived, not just spoken. Join us as we serve our neighbors and grow deeper in Christ.
+                    </p>
+                    <div style="display: flex; gap: 1rem; margin-top: 1rem;">
+                        <a href="https://facebook.com" target="_blank" style="color: white; opacity: 0.6;"><svg width="20" height="20" fill="currentColor" viewBox="0 0 24 24"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/></svg></a>
+                        <a href="https://youtube.com" target="_blank" style="color: white; opacity: 0.6;"><svg width="20" height="20" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg></a>
+                    </div>
+                </div>
+
+                <div class="footer-nav-col">
+                    <h3>Explore</h3>
+                    <ul>
+                        <li><a href="/about-us">About Our Church</a></li>
+                        <li><a href="/about-us#beliefs">What We Believe</a></li>
+                        <li><a href="/mission">Model City Missions</a></li>
+                        <li><a href="/sermons">Latest Sermons</a></li>
+                    </ul>
+                </div>
+
+                <div class="footer-nav-col">
+                    <h3>Communities</h3>
+                    <ul>
+                        <li><a href="/mensgroup">Fight Club (Men)</a></li>
+                        <li><a href="/womansgroup">Rooted (Women)</a></li>
+                        <li><a href="/connect">Get Connected</a></li>
+                        <li><a href="/groups">Small Groups</a></li>
+                    </ul>
+                </div>
+
+                <div class="footer-nav-col">
+                    <h3>Visit Us</h3>
+                    <div class="footer-contact-item">
+                        <div class="footer-contact-icon"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg></div>
+                        <div>100 Cypress Way<br>River Parish, LA 70000</div>
+                    </div>
+                    <div class="footer-contact-item">
+                        <div class="footer-contact-icon"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg></div>
+                        <div>202-555-0100</div>
+                    </div>
+                    <div class="footer-contact-item">
+                        <div class="footer-contact-icon"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div>
+                        <div>Sunday Service: 10:00 AM<br>Adult Bible Class: 9:30 AM</div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="footer-bottom">
+                <p>&copy; 2026 Cypress Commons. All rights reserved.</p>
+                <div class="footer-bottom-links">
+                    <a href="/admin">Staff Dashboard</a>
+                    <a href="javascript:void(0)" onclick="openContactModal()">Contact Support</a>
+                </div>
+            </div>
+        </div>
+    `;
+}
+
+function openModal(type) {
+    const overlay = document.getElementById('modalOverlay');
+    if (!overlay) {
+        createModalHTML();
+    }
+
+    const titles = {
+        prayer: 'Prayer Request',
+        question: 'Ask a Question',
+        comment: 'Leave a Comment',
+        contact: 'Contact Us'
+    };
+
+    document.getElementById('modalTitle').textContent = titles[type] || 'Contact Us';
+    document.getElementById('modalOverlay').classList.add('active');
+    document.body.style.overflow = 'hidden';
+}
+
+function closeModal() {
+    const overlay = document.getElementById('modalOverlay');
+    if (overlay) {
+        overlay.classList.remove('active');
+        document.body.style.overflow = '';
+    }
+}
+
+function openContactModal() {
+    openModal('contact');
+}
+
+async function handleUnifiedSubmit(event) {
+    event.preventDefault();
+    const formData = new FormData(event.target);
+    const data = Object.fromEntries(formData);
+    const submitButton = event.target.querySelector('button');
+    const originalText = submitButton.textContent;
+
+    submitButton.textContent = 'Sending...';
+    submitButton.disabled = true;
+
+    try {
+        const response = await fetch('/api/contact', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                name: data.name,
+                email: data.email,
+                message: data.message,
+                subject: document.getElementById('modalTitle').textContent
+            })
+        });
+
+        if (response.ok) {
+            alert('Thank you! Your message has been sent.');
+            event.target.reset();
+            closeModal();
+        } else {
+            throw new Error('Failed to send');
+        }
+    } catch (error) {
+        console.error('Error:', error);
+        alert('Sorry, there was an error. Please try calling us at 202-555-0100.');
+    } finally {
+        submitButton.textContent = originalText;
+        submitButton.disabled = false;
+    }
+}
+
+function createModalHTML() {
+    const modalHTML = `
+    <div class="modal-overlay" id="modalOverlay" onclick="if(event.target===this) closeModal()">
+        <div class="modal">
+            <div class="modal-header">
+                <h2 class="modal-title" id="modalTitle">Contact Us</h2>
+                <button class="modal-close" onclick="closeModal()">×</button>
+            </div>
+            <form onsubmit="handleUnifiedSubmit(event)">
+                <div class="form-group">
+                    <label class="form-label">Name</label>
+                    <input type="text" name="name" class="form-input" required>
+                </div>
+                <div class="form-group">
+                    <label class="form-label">Email</label>
+                    <input type="email" name="email" class="form-input" required>
+                </div>
+                <div class="form-group">
+                    <label class="form-label">Message</label>
+                    <textarea name="message" class="form-textarea" required></textarea>
+                </div>
+                <button type="submit" class="form-submit">Send Message</button>
+            </form>
+        </div>
+    </div>`;
+    document.body.insertAdjacentHTML('beforeend', modalHTML);
+}
+
+// Global exposure
+window.openModal = openModal;
+window.closeModal = closeModal;
+window.openContactModal = openContactModal;
+window.handleUnifiedSubmit = handleUnifiedSubmit;
+window.toggleChatWindow = function () {
+    openModal('question');
+};
+
+// Auto-inject on load
+document.addEventListener('DOMContentLoaded', injectFooter);

package/packages/theme-cypress/site/unified-header.css

@@ -0,0 +1,226 @@
+/* Unified Header - Professional Glassmorphism & Logic-Ready */
+:root {
+    --header-height: 120px;
+    --header-bg: rgba(255, 255, 255, 0.8);
+    --header-border: rgba(226, 232, 240, 0.5);
+    --header-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
+    --nav-color: #1e293b;
+    --nav-hover: #2563eb;
+    --glass-blur: blur(20px) saturate(180%);
+}
+
+header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: var(--header-height);
+    background: transparent;
+    border-bottom: 1px solid transparent;
+    z-index: 1000;
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+header.scrolled {
+    height: 70px;
+    background: var(--header-bg);
+    backdrop-filter: var(--glass-blur);
+    -webkit-backdrop-filter: var(--glass-blur);
+    border-bottom: 1px solid var(--header-border);
+    box-shadow: var(--header-shadow);
+}
+
+.header-container {
+    max-width: 1400px;
+    margin: 0 auto;
+    padding: 0 clamp(1.5rem, 5vw, 3rem);
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.logo-link {
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    height: 100%;
+}
+
+.logo-img {
+    height: 150px;
+    /* Start slightly oversized */
+    width: auto;
+    object-fit: contain;
+    display: block;
+    transition: all 0.4s ease;
+}
+
+header.scrolled .logo-img {
+    height: 75px;
+}
+
+/* Desktop Nav */
+.nav-desktop {
+    display: flex;
+    gap: clamp(1rem, 2vw, 2.5rem);
+    align-items: center;
+}
+
+.nav-link {
+    color: var(--nav-color);
+    text-decoration: none;
+    font-weight: 600;
+    font-size: 0.95rem;
+    padding: 0.5rem 0;
+    transition: all 0.2s ease;
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.nav-link:hover,
+.nav-link.active {
+    color: var(--nav-hover);
+}
+
+.nav-link::after {
+    content: '';
+    position: absolute;
+    bottom: -2px;
+    left: 0;
+    width: 0;
+    height: 2px;
+    background: var(--nav-hover);
+    transition: width 0.3s ease;
+}
+
+.nav-link.active::after {
+    width: 100%;
+}
+
+/* Special Button Style (Donate) */
+.nav-link.donate-btn {
+    background: var(--nav-hover);
+    color: white !important;
+    padding: 0.6rem 1.5rem !important;
+    border-radius: 12px;
+    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.2);
+    text-transform: uppercase;
+    font-size: 0.875rem;
+    letter-spacing: 0.05em;
+}
+
+.nav-link.donate-btn::after {
+    display: none;
+}
+
+.nav-link.donate-btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.3);
+    background: #1e40af;
+}
+
+/* Mobile Toggle */
+.mobile-toggle {
+    display: none;
+    background: none;
+    border: none;
+    cursor: pointer;
+    flex-direction: column;
+    gap: 6px;
+    padding: 10px;
+}
+
+.mobile-toggle span {
+    width: 28px;
+    height: 2px;
+    background: var(--nav-color);
+    border-radius: 2px;
+    transition: all 0.3s ease;
+}
+
+.mobile-toggle.active span:nth-child(1) {
+    transform: rotate(45deg) translate(6px, 6px);
+}
+
+.mobile-toggle.active span:nth-child(2) {
+    opacity: 0;
+}
+
+.mobile-toggle.active span:nth-child(3) {
+    transform: rotate(-45deg) translate(5px, -6px);
+}
+
+/* Mobile Menu */
+.mobile-menu {
+    position: fixed;
+    top: 0;
+    right: -100%;
+    width: 80%;
+    max-width: 400px;
+    height: 100vh;
+    background: white;
+    z-index: 1001;
+    padding: 80px 40px;
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.1);
+}
+
+.mobile-menu.active {
+    right: 0;
+}
+
+.mobile-menu ul {
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+.mobile-menu a {
+    text-decoration: none;
+    color: var(--nav-color);
+    font-size: 1.5rem;
+    font-weight: 700;
+    transition: color 0.3s ease;
+}
+
+.mobile-menu a.active {
+    color: var(--nav-hover);
+}
+
+.mobile-menu-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.4);
+    backdrop-filter: blur(4px);
+    z-index: 1000;
+    opacity: 0;
+    visibility: hidden;
+    transition: all 0.3s ease;
+}
+
+.mobile-menu-overlay.active {
+    opacity: 1;
+    visibility: visible;
+}
+
+@media (max-width: 1024px) {
+    .nav-desktop {
+        display: none;
+    }
+
+    .mobile-toggle {
+        display: flex;
+    }
+
+    .logo-img {
+        height: 70px;
+    }
+}

package/packages/theme-cypress/site/unified-header.js

@@ -0,0 +1,111 @@
+/**
+ * Cypress Commons - Unified & Remote Header Component
+ * This script dynamically injects the standardized premium header across all pages.
+ */
+(() => {
+    const injectHeader = () => {
+        // Create header element if it doesn't exist
+        let header = document.querySelector('header');
+        if (!header) {
+            header = document.createElement('header');
+            document.body.prepend(header);
+        }
+
+        const navLinks = [
+            { label: 'Home', url: '/' },
+            { label: 'About', url: '/about-us' },
+            { label: 'Groups', url: '/groups' },
+            { label: 'Connect', url: '/connect' },
+            { label: 'Donate', url: '/donate', class: 'donate-btn' }
+        ];
+
+        const currentPath = window.location.pathname;
+        const normalize = p => (p === '/' || p === '') ? '/' : p.replace(/\/$/, '');
+        const normalizedCurrent = normalize(currentPath);
+
+        const isCurrent = (url) => {
+            const normalizedUrl = normalize(url);
+            if (normalizedUrl === '/' && normalizedCurrent === '/') return true;
+            if (normalizedUrl !== '/' && (normalizedCurrent === normalizedUrl || normalizedCurrent.startsWith(normalizedUrl + '#'))) return true;
+            return false;
+        };
+
+        // Header: MAIN church logo (full-color). Do NOT use footer logo (logo-white-2026.png).
+        // Cloudflare Images main logo; ?v=2 forces reload past cache.
+        const HEADER_LOGO_URL = "/assets/generated/media-ce06595d59.webp";
+
+        const headerHTML = `
+            <div class="header-container">
+                <a href="/" class="logo-link">
+                    <img src="${HEADER_LOGO_URL}" alt="Cypress Commons" class="logo-img">
+                </a>
+
+                <nav class="nav-desktop">
+                    ${navLinks.map(link => `
+                        <a href="${link.url}" class="nav-link ${link.class || ''} ${isCurrent(link.url) ? 'active' : ''}">${link.label}</a>
+                    `).join('')}
+                </nav>
+
+                <button class="mobile-toggle" id="mobileToggle" aria-label="Toggle Menu">
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </button>
+            </div>
+        `;
+
+        header.innerHTML = headerHTML;
+
+        // Inject Mobile Menu if it doesn't exist
+        if (!document.getElementById('mobileMenu')) {
+            const overlay = document.createElement('div');
+            overlay.className = 'mobile-menu-overlay';
+            overlay.id = 'menuOverlay';
+            document.body.appendChild(overlay);
+
+            const mobileMenu = document.createElement('nav');
+            mobileMenu.className = 'mobile-menu';
+            mobileMenu.id = 'mobileMenu';
+            mobileMenu.innerHTML = `
+                <ul>
+                    ${navLinks.map(link => `
+                        <li><a href="${link.url}" class="${isCurrent(link.url) ? 'active' : ''}">${link.label}</a></li>
+                    `).join('')}
+                </ul>
+            `;
+            document.body.appendChild(mobileMenu);
+        }
+
+        // Logic
+        const toggleBtn = document.getElementById('mobileToggle');
+        const mobileMenu = document.getElementById('mobileMenu');
+        const overlay = document.getElementById('menuOverlay');
+
+        if (toggleBtn && mobileMenu && overlay) {
+            const toggleMenu = () => {
+                toggleBtn.classList.toggle('active');
+                mobileMenu.classList.toggle('active');
+                overlay.classList.toggle('active');
+                document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';
+            };
+
+            toggleBtn.addEventListener('click', toggleMenu);
+            overlay.addEventListener('click', toggleMenu);
+        }
+
+        // Scroll management
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 20) {
+                header.classList.add('scrolled');
+            } else {
+                header.classList.remove('scrolled');
+            }
+        }, { passive: true });
+    };
+
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', injectHeader);
+    } else {
+        injectHeader();
+    }
+})();