Partners in our portfolio complete

Author: Imtious-coder

src/App.scss

@@ -85,8 +85,9 @@ body {
   border: none;
   outline: none;
   border-radius: 5px;
-  font-size: 22px !important;
+  font-size: 18px !important;
   background-color: #001222;
+  // background-image: linear-gradient(90deg, #2a2aff, #5757ff);
 
   &:hover {
     background-color: #002444d2;

src/Assets/images/HOME/Partners/alphasense.png

@@ -3,6 +3,7 @@ import ArrangeDemonstration from "../../components/ArrangeDemonstration/ArrangeD
 import Aspiring from "../../components/Aspiring/Aspiring";
 import Hero from "../../components/Hero/Hero";
 import IntelsenseInNumbers from "../../components/IntelsenseInNumbers/IntelsenseInNumbers";
+import PartnersPortfolio from "../../components/PartnersPortfolio/PartnersPortfolio";
 import Products from "../../components/Products/Products";
 import Review from "../../components/Review/Review";
 import Services from "../../components/Services/Services";
@@ -17,6 +18,7 @@ const index = () => {
       <ArrangeDemonstration />
       <Review />
       <IntelsenseInNumbers />
+      <PartnersPortfolio />
     </>
   );
 };

src/Assets/images/HOME/Partners/scitech.png

@@ -0,0 +1,35 @@
+import React from "react";
+import Marquee from "react-fast-marquee";
+import { partnersImage } from "../../utils/Data";
+import "./PartnersPortfolio.scss";
+
+const PartnersPortfolio = () => {
+  return (
+    <>
+      <section className="partners-portfolio-wrapper py-5">
+        <div className="container-xxl">
+          <div className="row">
+            <h2 className="heading">
+              <strong>Partners</strong> in our Portfolio
+            </h2>
+            <Marquee speed={50} gradient={false}>
+              {partnersImage?.map(({ image }, index) => {
+                return (
+                  <div className="d-flex" key={index}>
+                    <img
+                      src={image}
+                      className="img-fluid mx-5 my-5 p-3"
+                      alt="partners_image"
+                    />
+                  </div>
+                );
+              })}
+            </Marquee>
+          </div>
+        </div>
+      </section>
+    </>
+  );
+};
+
+export default PartnersPortfolio;

src/Assets/images/Partners Logo/signature.jpg renamed to src/Assets/images/HOME/Partners/signature.jpg

@@ -0,0 +1,6 @@
+.partners-portfolio-wrapper {
+  img {
+    height: 100px;
+    width: 300px;
+  }
+}

src/Assets/images/Partners Logo/svp.jpg renamed to src/Assets/images/HOME/Partners/svp.jpg

@@ -10,6 +10,13 @@ import ProdductImage4 from "../Assets/images/HOME/productlogo/hia_img10.png";
 // REVIEW IMAGE
 import ReviewImage1 from "../Assets/images/HOME/review.jpg";
 
+// PARTNERS IN OUR PORTFOLIO IMAGES
+import PartnersImage1 from "../Assets/images/HOME/Partners/alphasense.png";
+import PartnersImage from "../Assets/images/HOME/Partners/scitech.png";
+import PartnersImage2 from "../Assets/images/HOME/Partners/signature.jpg";
+import PartnersImage3 from "../Assets/images/HOME/Partners/svp.jpg";
+import PartnersImage4 from "../Assets/images/HOME/Partners/unilivr";
+
 // SERVICE DATA
 export const serviceData = [
   {
@@ -131,3 +138,27 @@ export const reviewData = [
       "From converting your voice messages to text, to recognizing your customers voice commands and working accordingly, our Speech Technologies are obliged to improve the customer experiences.",
   },
 ];
+
+// PARTNERS IN OUR PORTFOLIO
+export const partnersImage = [
+  {
+    id: 0,
+    image: PartnersImage,
+  },
+  {
+    id: 1,
+    image: PartnersImage1,
+  },
+  {
+    id: 2,
+    image: PartnersImage2,
+  },
+  {
+    id: 3,
+    image: PartnersImage3,
+  },
+  {
+    id: 4,
+    image: PartnersImage4,
+  },
+];