fixed nove logo, pridal som our achievements a fotečku do ramečku

todo:about us, blog

cansat/pages/index.tsx

@@ -16,13 +16,13 @@ export default function IndexPage() {
   return (
     <DefaultLayout>
       <section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
-        <div className="inline-block max-w-xl text-center justify-center">
+        <div className="inline-block max-w-xl text-center justify-center ">
           <span className={title()}>
             Adlerka Space Program
           </span>
         </div>
 
-        <div className="flex flex-col md:flex-row gap-4">
+        <div className="flex flex-col md:flex-row gap-4 pt-4">
         <Card className="">
           <CardHeader className="flex gap-3">
             <Image
@@ -75,6 +75,48 @@ export default function IndexPage() {
           </CardFooter>
         </Card>
         </div>
+
+        <div className="flex flex-col md:flex-row gap-4">
+          <Card className="">
+            <CardHeader className="flex gap-3">
+              <Image
+                  alt="heroui logo"
+                  height={80}
+                  radius="sm"
+                  src="/trophy.png"
+                  width={80}
+              />
+              <div className="flex flex-col">
+                <p className="text-xl">Our Achievements</p>
+                <p className="text-small text-default-500">1st place in Cansat Slovakia 2024</p>
+              </div>
+            </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>
+            </CardBody>
+            <Divider />
+            <CardFooter>
+              <Link showAnchorIcon href="/sponsor" target="_self">
+                  Sponsor our next Achievement
+              </Link>
+            </CardFooter>
+          </Card>
+
+          <Card className="">
+            <CardHeader className="absolute z-10 top-1 flex-col !items-start">
+              <p className="text-tiny text-white/60 uppercase font-bold">What We Do</p>
+            </CardHeader>
+            <Image
+                removeWrapper
+                alt="Card background"
+                className="z-0 w-full h-full object-cover"
+                src="/whatwedo.png"
+            />
+          </Card>
+        </div>
       </section>
     </DefaultLayout>
   );