82 lines
2.3 KiB
TypeScript
82 lines
2.3 KiB
TypeScript
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
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": "Anasayfa", "href": "#hero"
|
||
},
|
||
{
|
||
"name": "Hakkımızda", "href": "#about"
|
||
},
|
||
{
|
||
"name": "Menü", "href": "#menu"
|
||
},
|
||
{
|
||
"name": "İletişim", "href": "#contact"
|
||
},
|
||
{
|
||
"name": "Features", "href": "#features"
|
||
},
|
||
{
|
||
"name": "Metrics", "href": "#metrics"
|
||
},
|
||
{
|
||
"name": "Testimonials", "href": "#testimonials"
|
||
}
|
||
];
|
||
|
||
return (
|
||
<StyleProvider buttonVariant="arrow" siteBackground="noise" heroBackground="lightRaysCenter">
|
||
<SiteBackgroundSlot />
|
||
<SectionErrorBoundary name="navbar">
|
||
<NavbarFloatingLogo
|
||
logo="Hookahlab"
|
||
logoImageSrc="http://img.b2bpic.net/free-photo/close-up-hookah-vaping_23-2149297134.jpg"
|
||
ctaButton={{
|
||
text: "Rezervasyon", href: "#contact"}}
|
||
navItems={navItems} />
|
||
</SectionErrorBoundary>
|
||
<main className="flex-grow">
|
||
<Outlet />
|
||
</main>
|
||
<SectionErrorBoundary name="footer">
|
||
<FooterSimple
|
||
brand="Hookahlab"
|
||
columns={[
|
||
{
|
||
title: "Menü", items: [
|
||
{
|
||
label: "Nargile Çeşitleri", href: "#menu"},
|
||
{
|
||
label: "İçecekler", href: "#"},
|
||
{
|
||
label: "Yiyecekler", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "İletişim", items: [
|
||
{
|
||
label: "Konum", href: "#"},
|
||
{
|
||
label: "Rezervasyon", href: "tel:+905550000000"},
|
||
],
|
||
},
|
||
]}
|
||
copyright="© 2024 Hookahlab. Tüm hakları saklıdır."
|
||
links={[
|
||
{
|
||
label: "Gizlilik Politikası", href: "#"},
|
||
{
|
||
label: "Kullanım Koşulları", href: "#"},
|
||
]}
|
||
/>
|
||
</SectionErrorBoundary>
|
||
</StyleProvider>
|
||
);
|
||
}
|