import { Outlet } from 'react-router-dom';

import { StyleProvider } from '@/components/ui/StyleProvider';
import SiteBackgroundSlot from '@/components/ui/SiteBackgroundSlot';
import NavbarInline from "@/components/ui/NavbarInline";
import FooterSimpleMedia from "@/components/sections/footer/FooterSimpleMedia";

export default function Layout() {
  return (
    <StyleProvider buttonVariant="default" siteBackground="none" heroBackground="none">
      <SiteBackgroundSlot />
      <NavbarInline
                logo="AirPro HVAC"
                navItems={[
                  { name: "Services", href: "#services" },
                  { name: "About", href: "#about" },
                  { name: "Testimonials", href: "#testimonials" },
                  { name: "Contact", href: "#contact" },
                ]}
                ctaButton={{ text: "Get a Quote", href: "#contact" }}
              />
      <main className="flex-grow">
        <Outlet />
      </main>
      <FooterSimpleMedia
                brand="AirPro HVAC"
                columns={[
                  {
                    title: "Services",
                    items: [
                      { label: "AC Installation", href: "#services" },
                      { label: "Heating Systems", href: "#services" },
                      { label: "Maintenance Plans", href: "#services" },
                      { label: "Emergency Repairs", href: "#services" },
                    ],
                  },
                  {
                    title: "Company",
                    items: [
                      { label: "About Us", href: "#about" },
                      { label: "Testimonials", href: "#testimonials" },
                      { label: "FAQ", href: "#faq" },
                      { label: "Contact", href: "#contact" },
                    ],
                  },
                  {
                    title: "Contact",
                    items: [
                      { label: "(555) 987-6543", href: "tel:5559876543" },
                      { label: "info@airprohvac.com", href: "mailto:info@airprohvac.com" },
                      { label: "Austin, TX" },
                    ],
                  },
                ]}
                copyright="© 2026 | AirPro HVAC"
                links={[{ label: "Privacy Policy" }, { label: "Terms of Service" }]}
                imageSrc="https://storage.googleapis.com/webild/default/templates/hvac/img-10.jpg"
              />
    </StyleProvider>
  );
}