submit form contactus and start api projects

src/components/pages/project/ProjectGrid.tsx

@@ -1,39 +1,40 @@
 import images from '@/assets/images/images';
 import Image from 'next/image';
 import Link from 'next/link';
+import { IProjectCardProps } from './project';
 
 const projects = [
   {
     title: 'Sustainable Practices Reducing Waste in Industrial Production',
-    image: images.projectImg_1.src,
+    imageSrc: images.projectImg_1.src,
     link: '#',
   },
   {
     title: 'Advanced Robotics Revolutionizing Industrial Workflows',
-    image: images.projectImg_1.src,
+    imageSrc: images.projectImg_1.src,
     link: '#',
   },
   {
     title: 'Top Benefits of the Robotics in Manufacturing',
-    image: images.projectImg_1.src,
+    imageSrc: images.projectImg_1.src,
     link: '#',
   },
   {
     title: 'Leveraging Data Analytics for Smarter Production',
-    image: images.projectImg_1.src,
+    imageSrc: images.projectImg_1.src,
     link: '#',
   },
   {
     title: 'Reducing Operational Costs Through Automation',
-    image: '/images/post5.jpg',
+    imageSrc: '/images/post5.jpg',
     link: '#',
   },
   {
     title: 'The Advantages of Customized Manufacturing Solutions',
-    image: '/images/post6.jpg',
+    imageSrc: '/images/post6.jpg',
     link: '#',
   },
-];
+] as IProjectCardProps[];
 
 export default function ProjectsGrid() {
   return (
@@ -46,7 +47,7 @@ export default function ProjectsGrid() {
         >
           <div className="relative aspect-[1.09] w-full overflow-hidden rounded-4xl">
             <Image
-              src={project.image}
+              src={project.imageSrc}
               alt={project.title}
               fill
               className="h-auto w-full object-cover"