src/components/Layout.tsx

@@ -53,6 +53,20 @@ export default function Layout() {
         <Outlet />
       </main>
       <SectionErrorBoundary name="footer">
+        <div className="w-full bg-background pt-16">
+          <div className="max-w-content-width mx-auto px-4 sm:px-6 lg:px-8">
+            <iframe
+              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3293.0000000000005!2d-119.6981901!3d34.4208305!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80e914c66f8b7271%3A0x931109e632b26b36!2s123%20Main%20St%2C%20Santa%20Barbara%2C%20CA%2093101!5e0!3m2!1sen!2sus!4v1620000000000!5m2!1sen!2sus"
+              width="100%"
+              height="350"
+              style={{ border: 0, borderRadius: 'var(--radius)' }}
+              allowFullScreen={false}
+              loading="lazy"
+              referrerPolicy="no-referrer-when-downgrade"
+              title="Google Maps Location"
+            ></iframe>
+          </div>
+        </div>
         <FooterBrand
       brand="Phở Bờ Biển"
       columns={[