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

export const metadata: Metadata = {
    title: "Contact Us | Sky and Soil Real Estate",
    description: "Get in touch with Sky and Soil for inquiries about our premium properties in North Bengaluru. We are here to help you find your dream home.",
};

export default function ContactPage() {
    return (
        <main className="min-h-screen bg-white dark:bg-black">
            <InnerBanner
                title="Contact Us"
                subtitle="Get in touch with our team for any inquiries"
                breadcrumbs={[
                    { label: "Home", href: "/" },
                    { label: "Contact" }
                ]}
                backgroundImage="/assets/images/about/contact-banner.webp"
            />
            <div className="relative bg-[#f3f1e6] dark:bg-gray-900 pt-20">
                <ContactCards />
                <div className="-mt-12">
                    <ContactCTA />
                </div>
            </div>
            <Footer />
        </main>
    );
}
