import DigitalAgencyBrand from "@/components/brand/DigitalAgencyBrand";
import RootLayout from "@/components/common/layout/RootLayout";
// import AboutCounter from "@/components/counter/AboutCounter";
import DigitalAgencyCTA from "@/components/cta/DigitalAgencyCTA";
import AboutHero from "@/components/hero/AboutHero";
import AboutStory from "@/components/story/AboutStory";
// import AboutTeam from "@/components/team/AboutTeam";
// import AboutTestimonial from "@/components/testimonial/AboutTestimonial";
import Head from "next/head";

const About = () => {
  return (
    <div>
      <Head>
        <title>About | SyncROI</title>

        <meta name="title" content="About | SyncROI" />
        <meta name="description" content="A remote software & design agency based in Egypt, working with clients around the world." />

        <meta property="og:type" content="website" />
        <meta property="og:url" content="https://syncroi.net/about" />
        <meta property="og:title" content="About | SyncROI" />
        <meta property="og:description" content="A remote software & design agency based in Egypt, working with clients around the world." />
        <meta property="og:image" content="https://syncroi.net/assets/imgs/thumbnail.jpg" />

        <meta property="twitter:card" content="summary_large_image" />
        <meta property="twitter:url" content="https://syncroi.net/about" />
        <meta property="twitter:title" content="About | SyncROI" />
        <meta property="twitter:description" content="A remote software & design agency based in Egypt, working with clients around the world." />
        <meta property="twitter:image" content="https://syncroi.net/assets/imgs/thumbnail.jpg" />


        <meta name="viewport" content="width=device-width, initial-scale=1" />
      </Head>
      <main>
        <RootLayout header="header2" footer="footer5">
          <AboutHero />
          <AboutStory />
          {/* <AboutCounter /> */}
          {/* <AboutTeam /> */}
          <DigitalAgencyBrand />
          {/* <AboutTestimonial /> */}
          <DigitalAgencyCTA />
        </RootLayout>
      </main>
    </div>
  );
};

export default About;
