import { personPicture } from "@/assets/svg";
import { metaTitles } from "@/components/metaData/metaTitles";
import { Button } from "@/components/ui/buttons/Button";
import CustomImage from "@/components/ui/miscellaneous/CustomImage";
import { H3, P, } from "@/components/ui/typography";
import { useTranslations } from "next-intl";
import React from "react";

const PartnersFeature1 = () => {
    const t = useTranslations();

    return (
        <section className="bg-white lg:px-[56px] px-4 py-[32px] flex flex-col xl:flex-row justify-between items-center gap-20 rounded-md w-full">
            <CustomImage pageTitle={metaTitles?.integrationsPartnersMeta_Title} src={personPicture} className="max-sm:min-w-full max-sm:max-w-full min-w-[620px] max-w-full h-[460px] object-cover rounded-md" alt="energitic_image" />
            <div className="flex flex-col gap-6 2xl:pr-16">
                <div className="flex flex-col gap-4">
                    <H3>{t("Reception and validation of your requests in real time")}</H3>
                </div>
                <P>{t("Create your account for free, complete your profile, and let our teams validate your information for an optimized service Once validated, you will quickly receive confirmation for the support of your vehicle fleet Benefit from a smooth and transparent process, guaranteeing rapid processing of your request")}</P>
                <P>{t("Manage your appointments, respond to requests and track your payments directly through Dadycar Garage, while benefiting from a simplified and efficient experience")}</P>
                <Button className="w-fit">{t("Start now")}</Button>
            </div>
        </section>
    );
};

export default PartnersFeature1;