about us headshot fotky a popisky, v home pridany our achievements text

cansat/pages/about/index.tsx

@@ -1,14 +1,77 @@
 import { title } from "@/components/primitives";
 import DefaultLayout from "@/layouts/default";
+import {Card, CardBody, CardFooter} from "@heroui/card";
+import {Image} from "@heroui/image"
+import {Divider} from "@heroui/divider"
+import {Tooltip} from "@heroui/tooltip";
+
+const list = [
+    {
+        title: "Šimon",
+        img: "/headshot/simon.jpg",
+        description: "Team Leader, Web Dev"
+
+    },
+    {
+        title: "Tibor",
+        img: "/headshot/tibor.jpg",
+        description: "Structural Engineer, Return Systems "
+    },
+    {
+        title: "Samuel",
+        img: "/headshot/samo.jpg",
+        description: "Electronics, Consulting"
+    },
+    {
+        title: "Adam",
+        img: "/headshot/adam.jpg",
+        description: "Radio Communications"
+    },
+    {
+        title: "Sebastián",
+        img: "/headshot/sebastian.jpg",
+        description: "PR Management"
+    },
+    {
+        title: "Bruno",
+        img: "/headshot/bruno.jpg",
+        description: "Programming Engineer"
+    },
+];
 
 export default function DocsPage() {
-  return (
+
+return (
     <DefaultLayout>
       <section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
         <div className="inline-block max-w-lg text-center justify-center">
-          <h1 className={title()}>About us</h1>
+          <h1 className={title()}>Meet our </h1>
+            <span className={title({color: "blue"})}>Team</span>
         </div>
 
+          <div className="gap-2 grid grid-cols-2 sm:grid-cols-3">
+              {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">
+                          <Tooltip content={item.description} offset={40} placement="bottom" color="primary">
+                              <Image
+                                  alt={item.title}
+                                  className="w-full object-cover h-[13em]"
+                                  radius="lg"
+                                  shadow="sm"
+                                  src={item.img}
+                                  width="100%"
+                              />
+                          </Tooltip>
+                      </CardBody>
+                      <CardFooter className="text-small justify-center">
+                          <b>{item.title}</b>
+                      </CardFooter>
+                  </Card>
+              ))}
+          </div>
+          <Divider />
 
       </section>
     </DefaultLayout>

cansat/pages/index.tsx

@@ -20,6 +20,7 @@ export default function IndexPage() {
           <span className={title()}>
             Adlerka Space Program
           </span>
+          <span className={subtitle({})}>“The only limit to our realization of tomorrow will be our doubts of today.”</span>
         </div>
 
         <div className="flex flex-col md:flex-row gap-4 pt-4">
@@ -65,7 +66,7 @@ export default function IndexPage() {
           </CardHeader>
           <Divider />
           <CardBody className="text-xl">
-            <p>The CanSat project is an educational endeavor that combines the fields of aerospace engineering and technology. It involves designing and building a small satellite, no larger than a soda can, which is then launched into the atmosphere to collect data and perform various tasks.</p>
+            <p>The CanSat project is an educational competition that combines the fields of aerospace engineering and technology. It involves designing and building a small satellite, no larger than a soda can, which is then launched into the atmosphere to collect data and perform various tasks.</p>
           </CardBody>
           <Divider />
           <CardFooter>
@@ -93,9 +94,8 @@ export default function IndexPage() {
             </CardHeader>
             <Divider />
             <CardBody className="text-xl">
-              <p>Cupiditate eius eius et rerum velit. Sequi ipsam et ut explicabo cumque molestiae minima. Veritatis aperiam fuga cum sint perspiciatis eveniet blanditiis eum.
-
-                Fugit non provident non. Eum soluta dolores ut. Ipsa dolorum eos dolorem a. Qui repellendus vitae rerum omnis totam facilis ducimus assumenda.</p>
+              <p>Our student engineering team achieved first place at the 2024 CanSat Competition, trough our shared knowledge we designed and build a satellite capable of detecting and reporting forest fires from the troposphere.</p>
+              <p>With the help of our</p>
             </CardBody>
             <Divider />
             <CardFooter>