import Footer from "@/components/Footer";
import InnerBanner from "@/components/InnerBanner";
import ProjectsContent from "@/components/ProjectsContent";
import { Metadata } from "next";

export const metadata: Metadata = {
    title: "Our Projects | Premium Residential & Commercial Spaces",
    description: "Explore premium residential and commercial spaces built for comfort, convenience, and superior lifestyle experiences.",
};

export default function ProjectsPage() {
    return (
        <div className="min-h-screen bg-gray-50 dark:bg-black">

            <InnerBanner
                title="Our Projects"
                subtitle="Explore our diverse portfolio of real estate projects"
                breadcrumbs={[
                    { label: "Home", href: "/" },
                    { label: "Projects" }
                ]}
            />

            <ProjectsContent />

            <Footer />
        </div>
    );
}
