From 5ac3722fe9061b6ad9603438ade24026da0bfcbd Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Tue, 9 Jun 2026 18:45:50 +0000
Subject: [PATCH] Bob AI: Move Google Maps widget inside the footer layout

---
 src/components/Layout.tsx | 125 ++++++++++++++++----------------------
 1 file changed, 52 insertions(+), 73 deletions(-)

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 4150005..3ab8ffd 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -53,81 +53,60 @@ export default function Layout() {
         <Outlet />
       </main>
       <SectionErrorBoundary name="footer">
-        <div className="w-full bg-background pt-16">
+        <footer className="w-full bg-background pt-16 pb-8 border-t border-border mt-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 className="grid grid-cols-1 lg:grid-cols-2 gap-12 mb-12">
+              <div>
+                <h3 className="text-2xl font-bold text-foreground mb-8">Phở Bờ Biển</h3>
+                <div className="grid grid-cols-2 gap-8">
+                  <div>
+                    <ul className="space-y-4">
+                      <li><a href="#hero" className="text-muted-foreground hover:text-foreground transition-colors">Home</a></li>
+                      <li><a href="#menu" className="text-muted-foreground hover:text-foreground transition-colors">Menu</a></li>
+                      <li><a href="#about" className="text-muted-foreground hover:text-foreground transition-colors">Our Story</a></li>
+                    </ul>
+                  </div>
+                  <div>
+                    <ul className="space-y-4">
+                      <li><a href="#contact" className="text-muted-foreground hover:text-foreground transition-colors">Contact Us</a></li>
+                      <li><a href="#" className="text-muted-foreground hover:text-foreground transition-colors">Reservations</a></li>
+                      <li><a href="#" className="text-muted-foreground hover:text-foreground transition-colors">Order Online</a></li>
+                    </ul>
+                  </div>
+                </div>
+                <div className="mt-8 grid grid-cols-2 gap-8">
+                  <div>
+                    <ul className="space-y-4 text-muted-foreground">
+                      <li>Tuesday - Sunday</li>
+                      <li>11:00 AM - 9:00 PM</li>
+                      <li>Closed Mondays</li>
+                    </ul>
+                  </div>
+                  <div>
+                    <ul className="space-y-4 text-muted-foreground">
+                      <li>123 Main St, Santa Barbara, CA 93101</li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <div className="w-full h-full min-h-[300px]">
+                <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="100%"
+                  style={{ border: 0, borderRadius: 'var(--radius)', minHeight: '300px' }}
+                  allowFullScreen={false}
+                  loading="lazy"
+                  referrerPolicy="no-referrer-when-downgrade"
+                  title="Google Maps Location"
+                ></iframe>
+              </div>
+            </div>
+            <div className="pt-8 border-t border-border flex flex-col md:flex-row justify-between items-center gap-4 text-muted-foreground">
+              <p>&copy; {new Date().getFullYear()} Phở Bờ Biển. All rights reserved.</p>
+            </div>
           </div>
-        </div>
-        <FooterBrand
-      brand="Phở Bờ Biển"
-      columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "Our Story",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact Us",
-              href: "#contact",
-            },
-            {
-              label: "Reservations",
-              href: "#",
-            },
-            {
-              label: "Order Online",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Tuesday - Sunday",
-              href: "#",
-            },
-            {
-              label: "11:00 AM - 9:00 PM",
-              href: "#",
-            },
-            {
-              label: "Closed Mondays",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "123 Main St, Santa Barbara, CA 93101",
-              href: "https://maps.google.com/?q=123+Main+St,+Santa+Barbara,+CA+93101",
-            },
-          ],
-        },
-      ]}
-    />
+        </footer>
       </SectionErrorBoundary>
     </StyleProvider>
   );
-- 
2.49.1