import type { Metadata } from "next";
import { SITE_NAME } from "@/data/site";
import CallToAction from "@/components/common/CallToAction";
import Footer from "@/components/footer/Footer";
import Header from "@/components/header/Header";
import MobileMenu from "@/components/header/MobileMenu";
import Hero from "@/components/our-team/Hero";
import Team from "@/components/our-team/Team";
import Analytics from "@/components/our-team/Analytics";

export const metadata: Metadata = {
  title: "Our Team",
  description: `Team posts, news, and insights from ${SITE_NAME}. SaaS, product, and tech startup topics.`,
};

export default function Page() {
  return (
    <>
      {/* Header start */}
      <Header />
      {/* Header-end */}

      {/* MobileMenu start */}
      <MobileMenu />

      {/* main-sec */}
      <Hero />
      {/* End main-sec */}

      {/* team-sec2 */}
      <section className="team-sec2 space">
        <div className="container-fluid">
          <div className="sec-title">
            <span
              className="sub-title"
              data-aos="fade-up"
              data-aos-duration={900}
              data-aos-delay={300}
            >
              Team Member
            </span>
            <h2
              className="title"
              data-aos="fade-up"
              data-aos-duration={900}
              data-aos-delay={400}
            >
              Talented team behind our digital services
            </h2>
            <p data-aos="fade-up" data-aos-duration={700} data-aos-delay={300}>
              Whether you are just getting started or scaling fast, we’ve got a
              pricing plan that fits your needs. Our transparent and flexible
              packages are designed
            </p>
          </div>
          <Team />
        </div>
      </section>
      {/* End team-sec2 */}

      {/* result-sec2 */}
      <Analytics />
      {/* End result-sec2 */}

      {/* CallToAction area start */}
      <CallToAction />
      {/* CallToAction area start */}

      {/* Footer area start */}
      <Footer />
      {/* Footer area start */}
    </>
  );
}