31 lines
1.3 KiB
TypeScript
31 lines
1.3 KiB
TypeScript
import { Icon } from '@/components/Icon/Icon';
|
||
import { IconName } from '@/components/Icon/icons';
|
||
import styles from './TrustStrip.module.scss';
|
||
|
||
const items: { icon: IconName; title: string; desc: string }[] = [
|
||
{ icon: 'truck', title: 'Доставка по РФ', desc: 'Склады в Европе, логистика до вашего города' },
|
||
{ icon: 'shield', title: 'Гарантия', desc: 'Оригинальная продукция с сертификатами' },
|
||
{ icon: 'clock', title: 'Быстрый отклик', desc: 'КП в течение 24 часов после запроса' },
|
||
{ icon: 'star', title: 'Экспертиза', desc: 'Подбор аналогов и техническая поддержка' },
|
||
];
|
||
|
||
export function TrustStrip() {
|
||
return (
|
||
<section className={styles.section}>
|
||
<div className={styles.inner}>
|
||
{items.map((t, i) => (
|
||
<div key={i} className={styles.item}>
|
||
<div className={styles.iconBox}>
|
||
<Icon name={t.icon} size={24} color="var(--color-orange-500)" />
|
||
</div>
|
||
<div>
|
||
<div className={styles.title}>{t.title}</div>
|
||
<div className={styles.desc}>{t.desc}</div>
|
||
</div>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</section>
|
||
);
|
||
}
|