import type { Metadata } from "next";
import SharedHeader from "@/components/shared/SharedHeader";
import AboutHero from "@/components/about/AboutHero";
import AboutOverview from "@/components/about/AboutOverview";
import Services from "@/components/shared/Services";
import FunFacts from "@/components/about/FunFacts";
import Team from "@/components/shared/Team";
import Brand from "@/components/shared/Brand";
import Footer from "@/components/shared/Footer";

export const metadata: Metadata = {
  title: "About Us",
  description:
    "Learn about our mission, values, and the team behind our innovative IT solutions.",
};

export default function About() {
  return (
    <>
      <SharedHeader />
      <AboutHero />
      <AboutOverview />
      <section className="service-sec space">
        <Services />
      </section>
      <FunFacts />
      <section className="team-sec space">
        <Team />
      </section>
      <section className="brand-sec v2 space-bottom">
        <Brand />
      </section>
      <Footer />
    </>
  );
}