added OUR SPONSORS + links

cansat/pages/sponsor/index.tsx

@@ -5,8 +5,28 @@ import {Card, CardHeader, CardBody, CardFooter} from "@heroui/card";
 import {Divider} from "@heroui/divider";
 import {Link} from "@heroui/link";
 import {Button} from "@heroui/button";
+import {Tooltip} from "@heroui/tooltip";
+import {Image} from "@heroui/image";
 
+const list = [
+    {
+        title: "Sensoneo",
+        img: "/sponsor/sensoneo.png",
+        link: "https://www.sensoneo.com",
 
+    },
+    {
+        title: "Needronix",
+        img: "/sponsor/needronix.jpg",
+        link: "https://www.needronix.com",
+
+    },
+    {
+        title: "ZF",
+        img: "/sponsor/zf.png",
+        link: "https://www.zf.com",
+    },
+];
 
 
 export default function SponsorPage() {
@@ -58,6 +78,31 @@ export default function SponsorPage() {
                   </Button>
               </CardFooter>
           </Card>
+          <Divider />
+          <span className={title({className: "pt-8"})}>Our Sponsors</span>
+          <div className="gap-10 grid grid-cols-1 sm:grid-cols-3 pt-10">
+              {list.map((item, index) => (
+                  /* eslint-disable no-console */
+                  <Card key={index} isPressable shadow="sm" onPress={() => console.log("item pressed")}>
+                      <CardBody className="overflow-visible p-0">
+                              <Link href={item.link}>
+                                  <Image
+                                      alt={item.title}
+                                      className="w-full object-cover h-[13em]"
+                                      radius="lg"
+                                      shadow="sm"
+                                      src={item.img}
+                                      width="100%"
+                                  />
+                              </Link>
+                      </CardBody>
+                      <CardFooter className="text-small justify-center">
+                          <b>{item.title}</b>
+                      </CardFooter>
+                  </Card>
+              ))}
+          </div>
+
       </section>
     </DefaultLayout>
   );