Fix the ts types of testimonial card and svg

components/testimonial.tsx

@@ -7,18 +7,14 @@ import { useRef } from "react";
 // import _ScrollTrigger from "gsap/ScrollTrigger";
 // gsap.registerPlugin(useGSAP);
 // gsap.registerPlugin(ScrollTrigger);
-
-const Testimonial = ({
-  content,
-  author,
-  company,
-  image,
-}: {
+interface TestimonialProps {
   content: string;
   author: string;
   company: string;
-  image: any;
-}) => {
+  image: string;
+}
+
+const Testimonial = ({ content, author, company, image }: TestimonialProps) => {
   const container = useRef(null);
   // useGSAP(
   //   () => {
@@ -75,3 +71,4 @@ const Testimonial = ({
   );
 };
 export { Testimonial };
+

components/utils/testimonial.tsx

@@ -2,25 +2,29 @@ import MarutiLogo from "@/public/images/users/Logo_for_Maruti_Suzuki.svg";
 import NutanixLogo from "@/public/images/users/Nutanix_Logo.svg";
 import WednesdayLogo from "@/public/images/users/Wednesday_logo.svg";
 
-export const testimonialData = [
+interface TestimonialData {
+  image: string;
+  content: string;
+  author: string;
+  company: string;
+}
+
+export const testimonialData: TestimonialData[] = [
   {
-    image: MarutiLogo,
-    content:
-      "Our recent collaboration with Keploy was truly remarkable. Keploy team provided exceptional support and remained highly proactive throughout the entire experience. Keploy platform has added business value to Maruti Suzuki.",
+    image: MarutiLogo as string,
+    content: "Our recent collaboration with Keploy was truly remarkable. Keploy team provided exceptional support and remained highly proactive throughout the entire experience. Keploy platform has added business value to Maruti Suzuki.",
     author: "Executive Member",
     company: "@Maruti Suzuki",
   },
   {
-    image: NutanixLogo,
-    content:
-      "Makes it easy to unit test my complex systems with realistic test data.",
+    image: NutanixLogo as string,
+    content: "Makes it easy to unit test my complex systems with realistic test data.",
     author: "Staff Engineer",
     company: "@Nutanix",
   },
   {
-    image: WednesdayLogo,
-    content:
-      "We've had a great experience with Keploy—it's significantly improved our testing process. Using it for our Golang projects with Postgres and Redis, Keploy helps us quickly identify and fix issues by replaying real user interactions. This has saved us time and enhanced our test thoroughness. We're pleased with the results.",
+    image: WednesdayLogo as string,
+    content: "We've had a great experience with Keploy—it's significantly improved our testing process. Using it for our Golang projects with Postgres and Redis, Keploy helps us quickly identify and fix issues by replaying real user interactions. This has saved us time and enhanced our test thoroughness. We're pleased with the results.",
     author: "Senior Software Engineer",
     company: "@Wednesday",
   },

next.config.js

@@ -1,40 +1,44 @@
 const injectWhyDidYouRender = require('./scripts/why-did-you-render');
-
 const withBundleAnalyzer = require('@next/bundle-analyzer')({
   enabled: process.env.ANALYZE === 'true',
-})
+});
+
 /** @type {import('next').NextConfig} */
 module.exports = withBundleAnalyzer({
   webpack: (config, context) => {
-    // only run in dev mode and client build
+    // Only run in dev mode and client build
     if (context.dev && !context.isServer) {
       console.log('Injecting why-did-you-render...');
-      // inject the why-did-you-render script
       config.optimization.minimize = false;
-
       injectWhyDidYouRender(config, context);
     }
 
-		return config;
-	},
-  // swcMinify: false,
+    // Add support for importing SVG files as React components
+    config.module.rules.push({
+      test: /\.svg$/,
+      use: ["@svgr/webpack"],
+    });
+
+    return config;
+  },
+
   async rewrites() {
     return [
       {
         source: "/index.html",
         destination: "/",
       },
       // {
-      //     source: '/blog/:slug*', // Match any path after /blog
-      //     destination: 'https://blog-website-phi-eight.vercel.app/blog/:slug*', // Replace with your actual blog deployment URL
-      //   },
+      //   source: '/blog/:slug*',
+      //   destination: 'https://blog-website-phi-eight.vercel.app/blog/:slug*',
+      // },
     ];
   },
-  
+
   // `assetPrefix` ensures correct asset loading for old pages when redirected from the new production landing page.  
+  // Comment out the line below during local development to load assets locally.
+  assetPrefix: 'https://keploy-websites.vercel.app',
 
-  // Comment out the line below during local development to load assets locally. 
-  assetPrefix: 'https://keploy-websites.vercel.app', 
   images: {
     remotePatterns: [
       {
@@ -43,14 +47,8 @@ module.exports = withBundleAnalyzer({
         port: "",
         pathname: "**",
       },
-      // {
-      //   protocol: "https",
-      //   hostname: "web-stories.keploy.io.s3.amazonaws.com",
-      //   port: "",
-      //   pathname: "**",
-      // },
     ],
     domains: ["web-stories.keploy.io.s3.amazonaws.com"],
     unoptimized: true,
   },
-});
+});