import Footer from "@src/components/footer";
import Navbar from "@src/components/Navbar";
import PopNav from "@src/components/PopNav/page";
import PageHero from "@src/components/PageHero";
import { metadata } from "../layout";


export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (

        <div className="flex min-h-full flex-col">
{/* 
          <PageHero title="Category" /> */}
          <div className="mx-auto flex w-full max-w-7xl items-start gap-x-8 ">
            <aside className="sticky top-8 hidden w-44 shrink-0 lg:block pt-4">
              {/* Left column area */}
              <h1>Filters go here</h1>
            </aside>

            <main className="flex-1">
            {children}
            </main>

            
          </div>
        </div>
  );
}
