first commit

src/components/InfoSearch.tsx

@@ -0,0 +1,48 @@
+import React from "react";
+
+interface InfoSearchProps {
+  brand: string;
+  articleNumber: string;
+  name: string;
+  offersCount: number;
+  minPrice: string;
+}
+
+const InfoSearch: React.FC<InfoSearchProps> = ({
+  brand,
+  articleNumber,
+  name,
+  offersCount,
+  minPrice,
+}) => (
+  <section className="section-info">
+    <div className="w-layout-blockcontainer container info w-container">
+      <div className="w-layout-vflex flex-block-9">
+        <div className="w-layout-hflex flex-block-7">
+          <div className="text-block-53">{brand} {articleNumber}</div>
+          {/* <div className="fsfav">
+            <div className="icon-setting w-embed">
+              <svg width="currentwidth" height="currentheight" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M15 25L13.405 23.5613C7.74 18.4714 4 15.1035 4 10.9946C4 7.6267 6.662 5 10.05 5C11.964 5 13.801 5.88283 15 7.26703C16.199 5.88283 18.036 5 19.95 5C23.338 5 26 7.6267 26 10.9946C26 15.1035 22.26 18.4714 16.595 23.5613L15 25Z" fill="currentColor"></path>
+              </svg>
+            </div>
+          </div> */}
+        </div>
+        <div className="w-layout-hflex flex-block-8">
+          <div className="w-layout-hflex flex-block-10">
+            <h1 className="heading">{name}</h1>
+            <div className="text-block-4">
+              Найдено {offersCount} предложений от {minPrice}
+            </div>
+          </div>
+          {/* <div className="w-layout-hflex flex-block-11">
+            <img src="/images/qwestions.svg" loading="lazy" alt="" className="image-4" />
+            <div className="text-block-5">Как правильно подобрать запчасть?</div>
+          </div> */}
+        </div>
+      </div>
+    </div>
+  </section>
+);
+
+export default InfoSearch;