102 lines
2.3 KiB
TypeScript
102 lines
2.3 KiB
TypeScript
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import NavbarFloating from '@/components/ui/NavbarFloating';
|
||
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": "О нас",
|
||
"href": "#about"
|
||
},
|
||
{
|
||
"name": "Услуги",
|
||
"href": "#features"
|
||
},
|
||
{
|
||
"name": "Отзывы",
|
||
"href": "#testimonials"
|
||
},
|
||
{
|
||
"name": "Контакты",
|
||
"href": "#contact"
|
||
},
|
||
{
|
||
"name": "Главная",
|
||
"href": "#hero"
|
||
},
|
||
{
|
||
"name": "Показатели",
|
||
"href": "#metrics"
|
||
},
|
||
{
|
||
"name": "Команда",
|
||
"href": "#team"
|
||
}
|
||
];
|
||
|
||
return (
|
||
<StyleProvider buttonVariant="magnetic" siteBackground="aurora" heroBackground="cornerGlow">
|
||
<SiteBackgroundSlot />
|
||
<SectionErrorBoundary name="navbar">
|
||
<NavbarFloating
|
||
logo="ElektriknaLexuse"
|
||
ctaButton={{
|
||
text: "Оставить заявку",
|
||
href: "#contact",
|
||
}}
|
||
navItems={navItems} />
|
||
</SectionErrorBoundary>
|
||
<main className="flex-grow">
|
||
<Outlet />
|
||
</main>
|
||
<SectionErrorBoundary name="footer">
|
||
<FooterSimple
|
||
brand="ElektriknaLexuse"
|
||
columns={[
|
||
{
|
||
title: "Компания",
|
||
items: [
|
||
{
|
||
label: "О нас",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Услуги",
|
||
href: "#features",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Ресурсы",
|
||
items: [
|
||
{
|
||
label: "Блог",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Поддержка",
|
||
href: "#faq",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyright="© 2024 ElektriknaLexuse Все права защищены."
|
||
links={[
|
||
{
|
||
label: "Конфиденциальность",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Условия",
|
||
href: "#",
|
||
},
|
||
]}
|
||
/>
|
||
</SectionErrorBoundary>
|
||
</StyleProvider>
|
||
);
|
||
}
|