import { MarketingTestimonialsPartners } from '@frontend/components/sections/MarketingTestimonialsPartners';
import { homeTeam } from '@frontend/content/home-page';
import { marketingRoute } from '@frontend/lib/marketing-route';
import type { HomePartnersProps, HomeTestimonialsProps } from '@frontend/types/pages/home';
import { Link } from '@inertiajs/react';

type HomeTeamTestimonialsProps = {
    readonly testimonials: HomeTestimonialsProps;
    readonly partners: HomePartnersProps;
};

export function HomeTeamTestimonials({ testimonials, partners }: HomeTeamTestimonialsProps) {
    return (
        <>
            <section className="team-style01 bg-linear-gradient">
                <div className="container">
                    <div className="row align-items-end position-relative z-index-9">
                        <div className="col-lg-4 col-xl-3">
                            <div className="title-style01 mb-4 mb-lg-0">
                                <div>
                                    <i className="fa-solid fa-asterisk text-primary rotate"></i>
                                    <span className="sub-title">{homeTeam.eyebrow}</span>
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-8 col-xl-9">
                            <h2 className="display-5 font-weight-800 lh-1 ls-minus-2px mb-1-9">{homeTeam.bottomTitle}</h2>
                            <Link href={marketingRoute('team')} className="butn-style01">
                                {homeTeam.ctaLabel}
                            </Link>
                        </div>
                    </div>
                </div>
            </section>

            <MarketingTestimonialsPartners testimonials={testimonials} partners={partners} />
        </>
    );
}