Files
9d2f4fe4-cabb-472d-8f19-a1b…/src/components/Layout.tsx

78 lines
2.2 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": "/"
},
{
"name": "Menu", "href": "/menu"
},
{
"name": "Asporto", "href": "/ordine"
},
{
"name": "Contatti", "href": "/contatti"
},
{
"name": "Hero", "href": "#hero"
},
{
"name": "About", "href": "#about"
},
{
"name": "Features", "href": "#features"
}
];
return (
<StyleProvider buttonVariant="arrow" siteBackground="noiseGradient" heroBackground="horizonGlow">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="SHiNy Sushi"
logoImageSrc="http://img.b2bpic.net/free-photo/shrimp-black-pasta-with-clams-dark-arrangement_23-2148425593.jpg"
ctaButton={{
text: "Prenota", href: "/contatti"}}
navItems={navItems} />
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterSimpleCard
brand="SHiNy Sushi"
columns={[
{
title: "Contatti", items: [
{
label: "Via Giacinto Gallina 17, 20129 Milano", href: "#"},
{
label: "+39 02 7010 7524", href: "tel:+390270107524"},
],
},
{
title: "Orari", items: [
{
label: "Lun-Dom: 12:00-15:00 / 19:00-23:30", href: "#"},
],
},
]}
copyright="© 2024 SHiNy Sushi. Tutti i diritti riservati."
links={[
{
label: "Privacy Policy", href: "#"},
{
label: "Instagram", href: "https://instagram.com"},
]}
/>
</SectionErrorBoundary>
</StyleProvider>
);
}