From b174c5bc0e4af2dec51701810ddb3a5ee75ca440 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 9 Jun 2026 18:47:08 +0000
Subject: [PATCH] Switch to version 4: modified src/components/Layout.tsx

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

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 3ab8ffd..4150005 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -53,60 +53,81 @@ export default function Layout() {
         <Outlet />
       </main>
       <SectionErrorBoundary name="footer">
-        <footer className="w-full bg-background pt-16 pb-8 border-t border-border mt-16">
+        <div className="w-full bg-background pt-16">
           <div className="max-w-content-width mx-auto px-4 sm:px-6 lg:px-8">
-            <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>
+            <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>
-        </footer>
+        </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",
+            },
+          ],
+        },
+      ]}
+    />
       </SectionErrorBoundary>
     </StyleProvider>
   );