Update src/components/Layout.tsx

This commit is contained in:
2026-06-17 12:25:30 +00:00
parent d11333dbaa
commit fbd15e2751

View File

@@ -1,34 +1,10 @@
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 { Facebook, Instagram, Phone } from "lucide-react";
import { Outlet } from 'react-router-dom';
import { StyleProvider } from "@/components/ui/StyleProvider";
import FooterMinimal from '@/components/sections/footer/FooterMinimal';
import SectionErrorBoundary from '@/components/ui/SectionErrorBoundary';
export default function Layout() {
const navItems = [
{ "name": "Home", "href": "#hero" },
{ "name": "Programs", "href": "#programs" },
{ "name": "Trainers", "href": "#trainers" },
{ "name": "Pricing", "href": "#pricing" },
{ "name": "Contact", "href": "#contact" },
{ "name": "Why Us", "href": "#why-us" },
{ "name": "Testimonials", "href": "#testimonials" }
];
return (
<StyleProvider buttonVariant="default" siteBackground="noise" heroBackground="lightRaysCenter">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="Get Fit"
logoImageSrc="http://img.b2bpic.net/free-photo/woman-leans-inflated-fitball-has-fintess-training-home-gym-has-combed-pony-tail-wears-sportsclothes-leads-healthy-lifestyle-isolated-pink_273609-52889.jpg"
ctaButton={{
text: "Join Now", href: "#contact"}}
navItems={navItems}
/>
</SectionErrorBoundary>
<div className="min-h-screen flex flex-col">
<main className="flex-grow">
<Outlet />
</main>
@@ -39,10 +15,10 @@ export default function Layout() {
socialLinks={[
{ icon: "Facebook", href: "#" },
{ icon: "Instagram", href: "#" },
{ icon: "Phone", href: "tel:+923424861918" },
{ icon: "Phone", href: "tel:+923424861918" }
]}
/>
</SectionErrorBoundary>
</StyleProvider>
</div>
);
}
}