First commit

components/SiteFooter.tsx

@@ -0,0 +1,63 @@
+export default function SiteFooter() {
+  return (
+    <footer className="site-footer" aria-label="Footer">
+      <div className="footer-inner">
+        <div className="footer-main">
+          <div className="footer-brand">
+            <a className="footer-logo" href="#top" aria-label="Bay Area Email Services home">
+              <span className="brand-mark" aria-hidden="true">
+                <svg viewBox="0 0 40 32" role="img">
+                  <path d="M3 5.5h34v21H3z"></path>
+                  <path d="m4.5 7 15.5 11.5L35.5 7"></path>
+                  <path d="m4.5 25 11.2-9.2"></path>
+                  <path d="m35.5 25-11.2-9.2"></path>
+                </svg>
+              </span>
+              <span>
+                <strong>Bay Area</strong>
+                <span>Email Services</span>
+              </span>
+            </a>
+            <p>
+              Business email hosting, DNS authentication, migration help, and local support for Corpus Christi teams.
+            </p>
+          </div>
+
+          <nav className="footer-links" aria-label="Footer navigation">
+            <h2>Explore</h2>
+            <ul>
+              <li><a href="#services">Services</a></li>
+              <li><a href="#infrastructure">Infrastructure</a></li>
+              <li><a href="#pricing-detail">Pricing</a></li>
+              <li><a href="#migration-detail">Migration</a></li>
+              <li><a href="#faq">FAQ</a></li>
+            </ul>
+          </nav>
+
+          <div className="footer-contact">
+            <h2>Contact</h2>
+            <ul>
+              <li><a href="tel:+13617658400">Call (361) 765-8400</a></li>
+              <li><a href="#assessment">Book a 20-minute email assessment</a></li>
+              <li>Corpus Christi and the Coastal Bend</li>
+            </ul>
+          </div>
+        </div>
+
+        <div className="footer-bottom">
+          <p>Bay Area Email Services, part of Bay Area IT. All rights reserved.</p>
+          <div>
+            <a href="#assessment">Support</a>
+            <a href="#top" className="back-to-top">
+              Back to top
+              <svg viewBox="0 0 24 24" aria-hidden="true">
+                <path d="m5 12 7-7 7 7"></path>
+                <path d="M12 19V5"></path>
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}