const SF_HOME = 'index.html';
const SF_APPLY = 'Apply.html';
const SF_CALENDLY_CALL = 'https://calendly.com/bostifyad';
const SF_LINKEDIN = 'https://www.linkedin.com/in/arhamiqbal9/';
const SF_INSTAGRAM = 'https://www.instagram.com/bostifyad/';
const SF_FACEBOOK = '#facebook';

function SiteFooter() {
  const { Button } = window.RankForestDesignSystem_3a10f3;
  return (
    <footer id="contact" style={{ background: 'var(--forest-900)', borderRadius: '48px 48px 0 0', color: 'var(--paper-0)', paddingTop: 'clamp(32px,4vw,56px)', backgroundImage: 'radial-gradient(rgba(255,255,255,0.055) 1px,transparent 1px)', backgroundSize: '18px 18px' }}>
      <div className="ba-fnew">
        <div className="ba-fnew-grid">
          <div className="ba-fnew-brand">
            <img src="images/logo-footer.png" alt="BoostifyAd" style={{ height: 46, width: 'auto', display: 'block' }} />
            <p className="ba-fnew-about">We're more than an Amazon ads agency we're the partner who actually watches your numbers every day. From strategy to execution, we cut what's not working and scale what is.</p>
            <div className="ba-fsoc">
              <a href={SF_LINKEDIN} target="_blank" rel="noopener noreferrer" className="ba-fsoc-a" aria-label="LinkedIn"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3zM9 9h3.8v1.7h.05A4.2 4.2 0 0 1 16.6 8.7c4 0 4.4 2.4 4.4 5.6V21h-4v-5.7c0-1.4 0-3.1-2-3.1s-2.3 1.5-2.3 3v5.8H9z"/></svg></a>
              <a href={SF_INSTAGRAM} target="_blank" rel="noopener noreferrer" className="ba-fsoc-a" aria-label="Instagram"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" strokeWidth="2" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.2" cy="6.8" r="1.2" fill="currentColor" stroke="none"/></svg></a>
            </div>
            <div className="ba-fbtns">
              <a href={SF_APPLY} style={{ textDecoration: 'none' }}><Button>Get a Free Audit</Button></a>
              <a href={SF_CALENDLY_CALL} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none' }}><Button variant="ghost-on-dark" icon={false}>Book a Discovery Call</Button></a>
            </div>
          </div>
          <div className="ba-fnew-cols">
            <div className="ba-fcol">
              <div className="ba-fcol-h">Site Map</div>
              <a className="ba-flink" href={SF_HOME}>Home</a>
              <a className="ba-flink" href={SF_HOME + '#framework'}>Services</a>
              <a className="ba-flink" href={SF_HOME + '#where'}>Results</a>
              <a className="ba-flink" href="Case Studies.html">Case Studies</a>
              <a className="ba-flink" href={SF_HOME + '#founder'}>Testimonials</a>
              <a className="ba-flink" href={SF_HOME + '#offer'}>Contact Us</a>
            </div>
            <div className="ba-fcol">
              <div className="ba-fcol-h">Legal</div>
              <a className="ba-flink" href="Privacy Policy.html">Privacy Policy</a>
              <a className="ba-flink" href="Terms and Conditions.html">Terms &amp; Conditions</a>
            </div>
          </div>
        </div>
        <div className="ba-fbottom">&copy; 2026 BoostifyAd. All Rights Reserved.</div>
      </div>
    </footer>
  );
}

Object.assign(window, { SiteFooter });