import React from "react";
import type { Metadata } from "next";
import Header1 from "@/components/layout/Header1";
import Footer1 from "@/components/layout/Footer1";
import PageHeader from "@/components/common/PageHeader";
import AccessibilityContent from "@/components/accessibility/AccessibilityContent";

export const metadata: Metadata = {
    title: "Accessibility Statement for Metatroncube Software Solution - Metatroncube Software Solution | Innovative & User-Centric Tech Services in Waterloo",
    description: "MetatronCube is committed to accessibility in its software solutions — ensuring web & mobile apps are usable, inclusive, compliant for all users.",
    alternates: {
        canonical: "/accessibility-statement-for-metatroncube-software-solutions",
    },
};

export default function AccessibilityStatement() {
    return (
        <>
            <Header1 />
            <main id="main-content">
                <PageHeader
                    title="Accessibility Statement"
                    breadcrumbItems={[{ name: "Accessibility Statement" }]}
                    bannerLeftImage="/assets/images/innerbanner/left/accessability.webp"
                    bannerRightImage="/assets/images/innerbanner/right/right-accessability.webp"
                />
                <AccessibilityContent />
            </main>
            <Footer1 />
        </>
    );
}