a

components/ServicesGrid.tsx

@@ -0,0 +1,20 @@
+'use client';
+
+import React from 'react';
+import ServiceCard, { type ServiceItem } from './ServiceCard'; // ایمپورت کامپوننت کارت و تایپ آن
+
+interface ServicesGridProps {
+  services: ServiceItem[];
+}
+
+const ServicesGrid: React.FC<ServicesGridProps> = ({ services }) => {
+  return (
+    <section className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+      {services.map((service, index) => (
+        <ServiceCard key={service.id} service={service} index={index} />
+      ))}
+    </section>
+  );
+};
+
+export default ServicesGrid;