Files
0c4599d6-7ea3-4707-9c1e-6cd…/src/components/Layout.tsx
2026-06-19 08:44:44 +00:00

103 lines
2.4 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
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": "#hero"
},
{
"name": "За нас",
"href": "#about"
},
{
"name": "Проекти",
"href": "#projects"
},
{
"name": "Контакти",
"href": "#contact"
},
{
"name": "Features",
"href": "#features"
},
{
"name": "Metrics",
"href": "#metrics"
},
{
"name": "Social Proof",
"href": "#social-proof"
}
];
return (
<StyleProvider buttonVariant="bounce" siteBackground="noise" heroBackground="lightRaysCenter">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloating
logo="Petrov 3D"
ctaButton={{
text: "Запитване",
href: "#contact",
}}
navItems={navItems} />
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterSimpleMedia
brand="Petrov 3D Design"
columns={[
{
title: "Навигация",
items: [
{
label: "Начало",
href: "#hero",
},
{
label: "За нас",
href: "#about",
},
],
},
{
title: "Услуги",
items: [
{
label: "3D Печат",
href: "#",
},
{
label: "Дизайн",
href: "#",
},
],
},
]}
copyright="© 2024 Petrov 3D Design. Всички права запазени."
links={[
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
]}
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=ikzw3w"
/>
</SectionErrorBoundary>
</StyleProvider>
);
}