init

cansat/pages/index.tsx

@@ -0,0 +1,81 @@
+import { Link } from "@heroui/link";
+import { Snippet } from "@heroui/snippet";
+import { Code } from "@heroui/code";
+import { button as buttonStyles } from "@heroui/theme";
+
+import { siteConfig } from "@/config/site";
+import { title, subtitle } from "@/components/primitives";
+import { GithubIcon } from "@/components/icons";
+import DefaultLayout from "@/layouts/default";
+import {Card, CardHeader, CardBody, CardFooter} from "@heroui/card";
+import {Divider} from "@heroui/divider";
+import {Image} from "@heroui/image";
+
+
+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">
+          <span className={title()}>
+            Adlerka Space Program
+          </span>
+        </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="https://www.adlerka.space/assets/images/favicon.png"
+                width={80}
+            />
+            <div className="flex flex-col">
+              <p className="text-xl">Who are we?</p>
+              <p className="text-small text-default-500">adlerka.sk</p>
+            </div>
+          </CardHeader>
+          <Divider />
+          <CardBody className="text-xl">
+            <p>We are a team of talented and ambitious high school students from Adlerka electrical engineering school, representing Slovakia in the European Space Agency’s CanSat project.</p>
+          </CardBody>
+          <Divider />
+          <CardFooter>
+            <Link isExternal showAnchorIcon href="/about" target="_self">
+              Learn more About Us.
+            </Link>
+          </CardFooter>
+        </Card>
+
+        <Card className="">
+          <CardHeader className="flex gap-3">
+            <Image
+                alt="heroui logo"
+                height={80}
+                radius="sm"
+                src="https://adlerkaspace.wz.sk/wp-content/uploads/2024/02/cansat-logo.png"
+                width={80}
+            />
+            <div className="flex flex-col">
+              <p className="text-xl">About CanSat</p>
+              <p className="text-small text-default-500">spaceoffice.sk/cansat</p>
+            </div>
+          </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>
+          </CardBody>
+          <Divider />
+          <CardFooter>
+            <Link isExternal showAnchorIcon href="https://cansat.esa.int/about-cansat/cansat-project/" target="_self">
+              Learn more about CanSat.
+            </Link>
+          </CardFooter>
+        </Card>
+        </div>
+      </section>
+    </DefaultLayout>
+  );
+}