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 About2Section from "@/components/home/home-2/About2Section";
import WhyChooseTwo from "@/components/home/WhyChooseTwo";
import HistoryTwo from "@/components/home/HistoryTwo";
import BrandSection from "@/components/home/home-1/BrandSection";
import TestimonialsSection from "@/components/home/home-1/TestimonialsSection";
import ContactSection from "@/components/careers/ContactSection";
import CouterAreaThree from "@/components/home/CounterAreaThree";
import MetatronInitializer from "@/components/MetatronInitializer";

export const metadata: Metadata = {
    title: "About - Metatroncube Software Solutions | Innovative & User-Centric Tech Services in Waterloo",
    description: "Metatroncube Software Solutions: Pioneering custom web & mobile apps since 2019. Based in Waterloo, we deliver innovative, user-centric digital products that power your growth.",
    alternates: {
        canonical: "/about-us",
    },
};

export default function Home2() {
    return (
        <>
            <MetatronInitializer />
            <Header1 />
            <main>
                <PageHeader
                    title="About Us"
                    bannerLeftImage="/assets/images/innerbanner/left/left-about.webp"
                    bannerRightImage="/assets/images/innerbanner/right/right-about.webp"
                />
                <About2Section />
                <CouterAreaThree />
                <WhyChooseTwo />
                <HistoryTwo />
                <BrandSection />
                <TestimonialsSection />
                <ContactSection />
            </main>
            <Footer1 />
        </>
    );
}