71 lines
1.7 KiB
TypeScript
71 lines
1.7 KiB
TypeScript
import FooterMinimal from '@/components/sections/footer/FooterMinimal';
|
||
import NavbarFloating from '@/components/ui/NavbarFloating';
|
||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||
import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
|
||
import { Instagram } from "lucide-react";
|
||
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": "Products",
|
||
"href": "#products"
|
||
},
|
||
{
|
||
"name": "Contact",
|
||
"href": "#contact"
|
||
},
|
||
{
|
||
"name": "Features",
|
||
"href": "#features"
|
||
},
|
||
{
|
||
"name": "Metrics",
|
||
"href": "#metrics"
|
||
},
|
||
{
|
||
"name": "Testimonials",
|
||
"href": "#testimonials"
|
||
}
|
||
];
|
||
|
||
return (
|
||
<StyleProvider buttonVariant="expand" siteBackground="noise" heroBackground="gradientBars">
|
||
<SiteBackgroundSlot />
|
||
<SectionErrorBoundary name="navbar">
|
||
<NavbarFloating
|
||
logo="Sıla Yalın"
|
||
ctaButton={{
|
||
text: "Shop Now",
|
||
href: "#products",
|
||
}}
|
||
navItems={navItems} />
|
||
</SectionErrorBoundary>
|
||
<main className="flex-grow">
|
||
<Outlet />
|
||
</main>
|
||
<SectionErrorBoundary name="footer">
|
||
<FooterMinimal
|
||
brand="Sıla Yalın Seramik Atölyesi"
|
||
copyright="© 2024 Sıla Yalın Seramik. Tüm hakları saklıdır."
|
||
socialLinks={[
|
||
{
|
||
icon: Instagram,
|
||
href: "https://instagram.com/silayalinseramikatolyesi",
|
||
},
|
||
]}
|
||
/>
|
||
</SectionErrorBoundary>
|
||
</StyleProvider>
|
||
);
|
||
}
|