有没有办法防止rootlayout被dashboardlayout包裹？Next.js v13 doc：

我的文件结构：

我可以使用路由组;但是，这样做会禁用我的contact，pricing路由中的 Package 。有什么方法可以防止这种情况发生吗？我想在联系人和定价页面上显示主页导航栏，但不想在 Jmeter 板中显示主页导航栏。
我尝试使用路由组;但是，它禁用了我的定价和联系路线中的 Package 。
navbar.tsx

"use client";
import Link from "next/link";
import Image from "next/image";
import { useEffect, useState } from "react";
import { Disclosure } from "@headlessui/react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faBars, faTimes } from "@fortawesome/free-solid-svg-icons";

function joinClassName(...classes: string[]) {
  return classes.filter(Boolean).join(" ");
}

const navigationList = [
  {
    title: "API",
    href: "/api",
  },
  { title: "Pricing", href: "/pricing" },

  { title: "Contact", href: "/contact" },
  { title: "Demo", href: "/demo" },
];

export default function Navbar() {
  const [navbar, setNavbar] = useState(false);

  const changeBackground = () => {
    if (window.scrollY >= 64) {
      setNavbar(true);
    } else {
      setNavbar(false);
    }
  };

  useEffect(() => {
    changeBackground();
    window.addEventListener("scroll", changeBackground);
  });

  return (
  <Disclosure as="nav">
      {({ open, close }) => (
        <>
          <div
            className={joinClassName(
              navbar || open ? "dark:bg-black bg-white" : "bg-transparent",
              " fixed top-0 left-0 right-0 z-50 "
            )}
          >
           
          </div>
        </>
      )}
    </Disclosure>
  );
}