import type { Metadata } from "next";
import Footer from "@/components/common/Footer";
import Header from "@/components/common/Header";
import HeroSection from "@/components/about-us/HeroSection";
import WhoWeAreSection from "@/components/about-us/WhoWeAreSection";
import TeamSection from "@/components/about-us/TeamSection";
import ApproachSection from "@/components/about-us/ApproachSection";
import ServiceSection from "@/components/about-us/ServiceSection";
import BrandSection from "@/components/about-us/BrandSection";
import CtaSection from "@/components/about-us/CtaSection";

export const metadata: Metadata = {
  title: "About Us",
  description:
    "Learn about Sasico's mission, team, and process for building high-quality startup and SaaS products.",
};

export default async function Page() {
  return (
    <div className="wrapper">
      <section className="main-sec4">
        <Header />
        <HeroSection />
      </section>
      <WhoWeAreSection />
      <TeamSection />
      <ApproachSection />
      <ServiceSection />
      <BrandSection />
      <CtaSection />
      <Footer />
    </div>
  );
}