import { getTranslations } from "next-intl/server";

import { Typography } from "@/components/ui";
import { translatePathEmailMarketingCompatibilityV2 } from "@/shared/constants/translate";

import DetailedPortraitCard from "../DetailedPortraitCard/DetailedPortraitCard";
import GuideCard from "../GuideCard/GuideCard";
import IndividualAdviceCard from "../IndividualAdviceCard/IndividualAdviceCard";
import SearchCompatiblePartnerCard from "../SearchCompatiblePartnerCard/SearchCompatiblePartnerCard";

import styles from "./WhatGet.module.scss";

export default async function WhatGet() {
  const t = await getTranslations(
    translatePathEmailMarketingCompatibilityV2("Landing.what-get")
  );

  return (
    <div className={styles.container}>
      <Typography as="h2" align="left" className={styles.title}>
        {t("title")}
      </Typography>
      <DetailedPortraitCard />
      <GuideCard />
      <IndividualAdviceCard />
      <SearchCompatiblePartnerCard />
    </div>
  );
}
