Files
c723a781-860d-4bf9-b593-6f6…/src/components/Layout.tsx

47 lines
1.6 KiB
TypeScript

import FooterMinimal from '@/components/sections/footer/FooterMinimal';
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: "Products", href: "#products" },
{ name: "About", href: "#about" },
{ name: "Safety", href: "#safety" },
{ name: "Contact", href: "#contact" },
{ name: "Hero", href: "#hero" },
{ name: "Metrics", href: "#metrics" },
{ name: "Testimonials", href: "#testimonials" }
];
return (
<StyleProvider buttonVariant="elastic" siteBackground="noise" heroBackground="gradientBars">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="Tender 18"
logoImageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=b6wad9"
ctaButton={{
text: "Get Quote", href: "#contact"}}
navItems={navItems} />
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterMinimal
brand="Tender 18 © 2024"
copyright="All rights reserved. Dedicated to government tender support services."
socialLinks={[
{ icon: "Linkedin", href: "#" },
{ icon: "Twitter", href: "#" },
{ icon: "Mail", href: "#" },
]}
/>
</SectionErrorBoundary>
</StyleProvider>
);
}