import Layout from "@/lib/components/layout/Layout";
import PageHeader from "@/lib/components/common/PageHeader";
import { projects } from "@/lib/mock/projects";
import PortfolioGrid from "@/lib/components/common/PortfolioGrid";
import TestimonialsSection from "@/lib/components/sections/TestimonialsSection";

export const metadata = {
    title: "Our Portfolio - Nestbugi Contractors",
    description:
        "Explore some of our completed engineering, architectural, and construction projects.",
};

export default function PortfolioPage() {
    return (
        <Layout>
            <PageHeader
                title="Our Portfolio"
                subtitle="Explore some of our completed engineering, architectural, and construction projects."
                bgImage="/images/services-header.jpg"
            />

            <section className="max-w-7xl mx-auto px-4 py-16">
                <PortfolioGrid projects={projects} />
            </section>
            <TestimonialsSection />
        </Layout>
    );
}
