import type { Metadata } from "next";
import Header from "@/components/shared/Header";
import BrandSection from "@/components/home/BrandSection";
import Footer from "@/components/shared/Footer";
import AboutHero from "@/components/about/AboutHero";
import AboutStory from "@/components/about/AboutStory";
import AboutTeam from "@/components/about/AboutTeam";
import AboutAchievements from "@/components/about/AboutAchievements";
import AboutFeatures from "@/components/about/AboutFeatures";

export const metadata: Metadata = {
  title: "About",
  description:
    "Learn about Sasico's mission, story, team, achievements, and capabilities across digital product and SaaS solutions.",
};

export default function Home() {
  return (
    <>
      <div className="wrapper">
        <section className="main-sec2 space-bottom">
          <Header />
          <AboutHero />
        </section>

        <AboutStory />
        <AboutTeam />
        <AboutAchievements />
        <AboutFeatures />

        <BrandSection />

        <Footer />
      </div>
    </>
  );
}