/* ══════════════════════════
   FOOTER
══════════════════════════ */
function FooterSection() {
  const NAV = [
    {
      heading: 'Shop',
      links: [
        { label: 'All Products', href: '/shop' },
        { label: 'Candles',      href: '/shop?cat=candles' },
        { label: 'Soaps',        href: '/shop?cat=soaps' },
        { label: 'Jesmonite',    href: '/shop?cat=jesmonite' },
        { label: 'Molds',        href: '/shop?cat=molds' },
      ],
    },
    {
      heading: 'Studio',
      links: [
        { label: 'Custom Orders',  href: '/custom-orders' },
        { label: 'Partnerships',   href: '/partnership' },
        { label: 'Process',        href: null },
        { label: 'Sustainability', href: null },
      ],
    },
    {
      heading: 'Help',
      links: [
        { label: 'Contact',  href: '/contact' },
        { label: 'Shipping', href: null },
        { label: 'Returns',  href: null },
        { label: 'FAQ',      href: null },
      ],
    },
  ];

  return React.createElement('footer', { className: 'cc-footer' },
    /* Accent cap line */
    React.createElement('div', { className: 'cc-footer-cap' }),

    /* Main columns */
    React.createElement('div', { className: 'cc-footer-inner' },

      /* Brand column */
      React.createElement('div', { className: 'cc-footer-brand' },
        React.createElement('img', {
          src: 'assets/logo-horizontal-footer.png',
          alt: 'Candescent Cinders Studio', loading: 'lazy',
          className: 'cc-footer-logo-img',
        }),
        React.createElement('p', { className: 'cc-footer-tagline' },
          'Crafted warmth for modern spaces.'
        ),
        /* Social row */
        React.createElement('div', { className: 'cc-footer-social-col' },
          React.createElement('a', {
            href: 'https://candescentcinders.etsy.com', target: '_blank', rel: 'noreferrer',
            className: 'cc-footer-social-link',
          }, 'Etsy'),
          React.createElement('span', { className: 'cc-footer-social-sep', 'aria-hidden': 'true' }, '·'),
          React.createElement('a', { href: '#', className: 'cc-footer-social-link' }, 'Instagram'),
          React.createElement('span', { className: 'cc-footer-social-sep', 'aria-hidden': 'true' }, '·'),
          React.createElement('a', { href: '#', className: 'cc-footer-social-link' }, 'Pinterest'),
        ),
      ),

      /* Nav columns */
      NAV.map(col =>
        React.createElement('div', { key: col.heading, className: 'cc-footer-col' },
          React.createElement('p', { className: 'cc-footer-heading' }, col.heading),
          React.createElement('nav', { className: 'cc-footer-nav' },
            col.links.map(link =>
              link.href
                ? React.createElement('a', {
                    key: link.label,
                    className: 'cc-footer-link',
                    href: link.href,
                  }, link.label)
                : React.createElement('button', {
                    key: link.label,
                    className: 'cc-footer-link',
                    disabled: true,
                  }, link.label)
            ),
          ),
        )
      ),
    ),

    /* Bottom bar */
    React.createElement('div', { className: 'cc-footer-bottom' },
      React.createElement('p', { className: 'cc-footer-copy' },
        '© 2026 Candescent Cinders Studio. All rights reserved.'
      ),
      React.createElement('p', { className: 'cc-footer-made' },
        'Handcrafted in Canada.'
      ),
    ),
  );
}

window.FooterSection = FooterSection;