Files

80 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": "Results", "href": "#results"
},
{
"name": "Case Studies", "href": "#case-studies"
},
{
"name": "Services", "href": "#services"
},
{
"name": "Testimonials", "href": "#testimonials"
},
{
"name": "Hero", "href": "#hero"
},
{
"name": "Philosophy", "href": "#philosophy"
},
{
"name": "Founder", "href": "#founder"
}
];
return (
<StyleProvider buttonVariant="expand" siteBackground="gridLines" heroBackground="lightRaysCorner">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="Majd Creative"
logoImageSrc="http://img.b2bpic.net/free-photo/discount-sale-wax-seal_1048-16733.jpg"
ctaButton={{
text: "Book Strategy Call", href: "https://wa.me/201055604342"}}
navItems={navItems} />
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterSimple
brand="Majd Creative"
columns={[
{
title: "Company", items: [
{
label: "Strategy Call", href: "https://wa.me/201055604342"},
{
label: "Services", href: "#services"},
],
},
{
title: "Resources", items: [
{
label: "Results Dashboard", href: "#results"},
{
label: "Case Studies", href: "#case-studies"},
],
},
]}
copyright="© 2026 Majd Creative. All rights reserved."
links={[
{
label: "Privacy Policy", href: "#"},
{
label: "Terms", href: "#"},
]}
/>
</SectionErrorBoundary>
</StyleProvider>
);
}