64 lines
1.6 KiB
TypeScript
64 lines
1.6 KiB
TypeScript
|
import images from '@/assets/images/images';
|
||
|
|
import Image from 'next/image';
|
||
|
|
import Link from 'next/link';
|
||
|
|
|
||
|
|
const projects = [
|
||
|
|
{
|
||
|
|
title: 'Sustainable Practices Reducing Waste in Industrial Production',
|
||
|
|
image: images.projectImg_1.src,
|
||
|
|
link: '#',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'Advanced Robotics Revolutionizing Industrial Workflows',
|
||
|
|
image: images.projectImg_1.src,
|
||
|
|
link: '#',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'Top Benefits of the Robotics in Manufacturing',
|
||
|
|
image: images.projectImg_1.src,
|
||
|
|
link: '#',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'Leveraging Data Analytics for Smarter Production',
|
||
|
|
image: images.projectImg_1.src,
|
||
|
|
link: '#',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'Reducing Operational Costs Through Automation',
|
||
|
|
image: '/images/post5.jpg',
|
||
|
|
link: '#',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'The Advantages of Customized Manufacturing Solutions',
|
||
|
|
image: '/images/post6.jpg',
|
||
|
|
link: '#',
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
export default function ProjectsGrid() {
|
||
|
|
return (
|
||
|
|
<div className="container mx-auto grid grid-cols-1 gap-6 px-4 py-14 md:grid-cols-2 md:py-28">
|
||
|
|
{projects.map((project, index) => (
|
||
|
|
<Link
|
||
|
|
href={project.link}
|
||
|
|
key={index}
|
||
|
|
className="overflow-hidden bg-white"
|
||
|
|
>
|
||
|
|
<div className="relative aspect-[1.09] w-full overflow-hidden rounded-4xl">
|
||
|
|
<Image
|
||
|
|
src={project.image}
|
||
|
|
alt={project.title}
|
||
|
|
fill
|
||
|
|
className="h-auto w-full object-cover"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="py-7 text-center">
|
||
|
|
<h2 className="mb-5 text-xl font-semibold">{project.title}</h2>
|
||
|
|
</div>
|
||
|
|
</Link>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|