43 lines
1.4 KiB
TypeScript
43 lines
1.4 KiB
TypeScript
import Title from "@/components/Title";
|
|
import styles from "./styles.module.css";
|
|
import Icon from "./icon.svg";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
function ConsultationTable() {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<div className={styles.container}>
|
|
<Title variant="h2" className={styles.title}>
|
|
{t("/add-consultation.your_unique_consultation")}
|
|
</Title>
|
|
<div className={styles.line} />
|
|
<div className={styles["center-container"]}>
|
|
<div className={styles.header}>
|
|
<img src={Icon} alt="Icon" />
|
|
<p>
|
|
<span>{t("/add-consultation.30-minute")}</span>
|
|
</p>
|
|
</div>
|
|
<p className={styles.text}>{t("/add-consultation.description")}</p>
|
|
</div>
|
|
<div className={styles.line} />
|
|
<div className={styles.footer}>
|
|
<span className={styles["one-time-price"]}>
|
|
{t("/add-consultation.one_time_price_offer")}
|
|
</span>
|
|
<span className={styles["current-price"]}>$49.99</span>
|
|
<br />
|
|
<span className={styles["old-price-container"]}>
|
|
{t("/add-consultation.original_price", {
|
|
oldPrice: <span className={styles["old-price"]}>99.99</span>,
|
|
discount: <span className={styles.save}>Economisez 50</span>,
|
|
})}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default ConsultationTable;
|