Files
69c5ddde-5dd3-4280-8fb1-8a6…/src/components/Layout.tsx

94 lines
2.7 KiB
TypeScript

import FooterSimpleCard from '@/components/sections/footer/FooterSimpleCard';
import NavbarFloatingLogo from '@/components/ui/NavbarFloatingLogo';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
import { Outlet } from 'react-router-dom';
import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "Home", "href": "#hero"
},
{
"name": "About", "href": "#about"
},
{
"name": "Menu", "href": "#menu"
},
{
"name": "Contact", "href": "#contact"
},
{
"name": "Pricing", "href": "#pricing"
},
{
"name": "Metrics", "href": "#metrics"
},
{
"name": "Testimonials", "href": "#testimonials"
}
];
return (
<StyleProvider buttonVariant="shift" siteBackground="noise" heroBackground="cornerGlow">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="Bhetghat"
logoImageSrc="http://img.b2bpic.net/free-vector/happy-bhai-dooj-festival-celebration-card-with-tilak-design-vector_1055-19115.jpg"
ctaButton={{
text: "Book Table", href: "#contact"}}
navItems={navItems} />
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterSimpleCard
brand="Bhetghat Restaurant"
columns={[
{
title: "Menu", items: [
{
label: "Thali Sets", href: "#menu"},
{
label: "Momo Specials", href: "#menu"},
{
label: "Beverages", href: "#menu"},
],
},
{
title: "Location", items: [
{
label: "Chaukitol -2", href: "#"},
{
label: "Hetauda 44107", href: "#"},
{
label: "Nepal", href: "#"},
],
},
{
title: "Connect", items: [
{
label: "Facebook", href: "#"},
{
label: "Instagram", href: "#"},
{
label: "TripAdvisor", href: "#"},
],
},
]}
copyright="© 2024 Bhetghat Restaurant. All rights reserved."
links={[
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
]}
/>
</SectionErrorBoundary>
</StyleProvider>
);
}