import Brands from "@/components/common/Brands";
import Footer1 from "@/components/footers/Footer1";
import Header1 from "@/components/headers/Header1";
import ProjectsData from "@/components/project/Projects2";
import Link from "next/link";
export const metadata = {
  title: "Project || Xbuild - Constriction nextjs Template",
  description: "Xbuild - Constriction nextjs Template",
};

export default function page() {
  return (
    <>
      <Header1 />
      <div
        className="breadcrumb-wrapper bg-cover"
        style={{ backgroundImage: 'url("/assets/img/projects/projects-banner.webp")' }}
      >
        <div className="container">
          <div className="breadcrumb-wrapper-items">
            <div className="page-heading">
              <div className="breadcrumb-sub-title">
                <h1 className="wow fadeInUp" data-wow-delay=".3s">
                  Project
                </h1>
              </div>
              <ul
                className="breadcrumb-items wow fadeInUp"
                data-wow-delay=".5s"
              >
                <li>
                  <Link href={`/`}> Home </Link>
                </li>
                <li>
                  <i className="fa-sharp fa-solid fa-slash-forward" />
                </li>
                <li>Project</li>
              </ul>
            </div>
            <div className="breadcrumb-image">
            </div>
          </div>
        </div>
      </div>
      <ProjectsData />
      {/* <div className="brand-section fix section-padding pt-0">
        <Brands />
      </div> */}
      <Footer1 />
    </>
  );
}