sertificate , guides pages done

components/pages/about/aboutDetail/guides.tsx

@@ -0,0 +1,40 @@
+import { useTranslations } from "next-intl";
+import DownloadCard from "./card";
+
+export function Guides() {
+  const t = useTranslations();
+  const guides = [
+    {
+      fileUrl: "/varnix.pdf",
+      fileName: t("about.notePPPage.varnix"),
+      fileType: "PDF",
+      fileSize: "368.51 KB",
+    },
+    {
+      fileUrl: "/ppFlanes.pdf",
+      fileName: t("about.notePPPage.ppFlanes"),
+      fileType: "PDF",
+      fileSize: "368.51 KB",
+    },
+    {
+      fileUrl: "/ppFiting.pdf",
+      fileName: t("about.notePPPage.ppFiting"),
+      fileType: "PDF",
+      fileSize: "368.51 KB",
+    },
+  ];
+
+  return (
+    <div className="grid lg:grid-cols-3 min-[580px]:grid-cols-2 grid-cols-1  gap-4 max-w-7xl mx-auto py-5">
+      {guides.map((guide, index) => (
+        <DownloadCard
+          key={index}
+          title={guide.fileName}
+          fileType={guide.fileType}
+          fileSize={guide.fileSize}
+          fileUrl={guide.fileUrl}
+        />
+      ))}
+    </div>
+  );
+}