79 lines
2.5 KiB
JavaScript
79 lines
2.5 KiB
JavaScript
import Brands from "@/components/common/Brands";
|
|
import Footer1 from "@/components/footers/Footer1";
|
|
import Header2 from "@/components/headers/Header2";
|
|
import ProjectDetails from "@/components/project/ProjectDetails";
|
|
import Link from "next/link";
|
|
import Image from "next/image";
|
|
import { allProjects } from "@/data/projects";
|
|
export const metadata = {
|
|
title: "Project Details || Xbuild - Constriction nextjs Template",
|
|
description: "Xbuild - Constriction nextjs Template",
|
|
};
|
|
export default function page({ params }) {
|
|
const projectItem =
|
|
allProjects.filter((elm) => elm.id == params.id)[0] || allProjects[0];
|
|
return (
|
|
<>
|
|
<Header2 />
|
|
<div
|
|
className="breadcrumb-wrapper bg-cover"
|
|
style={{ backgroundImage: 'url("/assets/img/breadcrumb-bg.jpg")' }}
|
|
>
|
|
<div className="shape-image float-bob-y">
|
|
<Image
|
|
src="/assets/img/vector.png"
|
|
width={84}
|
|
height={186}
|
|
alt="img"
|
|
/>
|
|
</div>
|
|
<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">
|
|
{projectItem.title}
|
|
</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 Details</li>
|
|
</ul>
|
|
</div>
|
|
<div className="breadcrumb-image">
|
|
<Image
|
|
src="/assets/img/breadcrumb-image.png"
|
|
width={540}
|
|
height={450}
|
|
alt="img"
|
|
className="float-bob-x"
|
|
/>
|
|
<div className="bar-shape">
|
|
<Image
|
|
src="/assets/img/breadcrumb-bar.png"
|
|
width={631}
|
|
height={604}
|
|
alt="img"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ProjectDetails projectItem={projectItem} />
|
|
<div className="brand-section fix section-padding pt-0">
|
|
<Brands />
|
|
</div>
|
|
<Footer1 />
|
|
</>
|
|
);
|
|
}
|