Фронт с макета

apps/web/src/components/TrustStrip/TrustStrip.tsx

@@ -0,0 +1,30 @@
+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>
+  );
+}