bender/044cc761-eec7-45c8-bd1a-7cd2ea791f6c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch to version 4: modified src/components/Layout.tsx

Browse Source
This commit is contained in:
bender
2026-06-09 18:47:08 +00:00
parent 924bbed75e
commit b174c5bc0e
1 changed files with 73 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
src/components/Layout.tsx
View File

@@ -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>
);