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

import { Typography } from "@/components/ui";
import { translatePathEmailMarketingSoulmateV1 } 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";

interface IWhatGetProps {
  username: string;
}

export default async function WhatGet({ username }: IWhatGetProps) {
  const t = await getTranslations(
    translatePathEmailMarketingSoulmateV1("Landing.what-get")
  );

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