import type { Metadata } from "next";
import { HelpHeader } from "@/components/help/help-header";
import { HelpSidebar } from "@/components/help/help-sidebar";
import { HelpFooter } from "@/components/help/help-footer";

export const metadata: Metadata = {
  title: "Help Center",
  description:
    "Learn how to use honeyDue to manage your home maintenance, tasks, contractors, and documents.",
};

export default function HelpLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="min-h-screen bg-[#FAFAF7] text-[#2D3436] font-sans selection:bg-[#6B8F71]/20 flex flex-col">
      <HelpHeader />
      <div className="flex-1 max-w-7xl mx-auto w-full px-6 py-10">
        <div className="flex gap-10">
          <aside className="hidden lg:block w-56 shrink-0">
            <div className="sticky top-24">
              <HelpSidebar />
            </div>
          </aside>
          <main className="flex-1 min-w-0">{children}</main>
        </div>
      </div>
      <HelpFooter />
    </div>
  );
}