import FooterSimpleCard from '@/components/sections/footer/FooterSimpleCard';
import NavbarInline from '@/components/ui/NavbarInline';
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": "Home",    "href": "#hero"
  },
  {
    "name": "Services",    "href": "#services"
  },
  {
    "name": "Projects",    "href": "#gallery"
  },
  {
    "name": "Contact",    "href": "#contact"
  },
  {
    "name": "About",    "href": "#about"
  },
  {
    "name": "Process",    "href": "#process"
  },
  {
    "name": "Metrics",    "href": "#metrics"
  }
];

  return (
    <StyleProvider buttonVariant="elastic" siteBackground="gridLines" heroBackground="horizonGlow">
      <SiteBackgroundSlot />
      <SectionErrorBoundary name="navbar">
        <NavbarInline
      logo="Mahadev Glass"
      ctaButton={{
        text: "Get Quote",        href: "#contact"}}
     navItems={navItems} />
      </SectionErrorBoundary>
      <main className="flex-grow">
        <Outlet />
      </main>
      <SectionErrorBoundary name="footer">
        <FooterSimpleCard
      brand="Mahadev Profile & Glass Work"
      columns={[
        {
          title: "Location",          items: [
            {
              label: "Milan Garden Road, Siddipet, Telangana 502103",              href: "https://maps.app.goo.gl/d3aCctDqtDhwkvEf6"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "9848180381",              href: "tel:9848180381"},
            {
              label: "7842842864",              href: "tel:7842842864"},
          ],
        },
        {
          title: "Working Hours",          items: [
            {
              label: "Mon - Sun: 9:00 AM – 9:00 PM",              href: "#"},
          ],
        },
      ]}
      copyright="© 2024 Mahadev Profile & Glass Work. All rights reserved."
      links={[]}
    />
      </SectionErrorBoundary>
    </StyleProvider>
  );
}
