import Header from "@/components/Header";
import InnerBanner from "@/components/InnerBanner";
import About from "@/components/About";
import WhyChooseUs from "@/components/WhyChooseUs";
import Testimonials from "@/components/Testimonials";
import Footer from "@/components/Footer";
import { Metadata } from "next";

export const metadata: Metadata = {
    title: "About Us | Sky and Soil Real Estate",
    description: "Learn about Sky and Soil's mission to connect you with nature-inspired living spaces. We are authorized partners for Godrej Properties.",
};

export default function AboutPage() {
    return (
        <main className="min-h-screen bg-white dark:bg-black">
            <Header />
            <InnerBanner
                title="About Us"
                subtitle="Discover our journey in creating exceptional living spaces"
                breadcrumbs={[
                    { label: "Home", href: "/" },
                    { label: "About" }
                ]}
                backgroundImage="/assets/images/about/about-banner.webp"
            />
            <div>
                <About />
                <WhyChooseUs />
                <Testimonials />
            </div>
            <Footer />
        </main>
    );
}