about page, images, faq TODO add faq text
This commit is contained in:
252
cansat/package-lock.json
generated
252
cansat/package-lock.json
generated
@@ -8,6 +8,7 @@
|
||||
"name": "next-pages-template",
|
||||
"version": "0.1.0",
|
||||
"dependencies": {
|
||||
"@heroui/accordion": "^2.2.8",
|
||||
"@heroui/button": "^2.2.9",
|
||||
"@heroui/card": "^2.2.10",
|
||||
"@heroui/code": "2.2.6",
|
||||
@@ -228,6 +229,192 @@
|
||||
"tslib": "2"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/accordion": {
|
||||
"version": "2.2.8",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/accordion/-/accordion-2.2.8.tgz",
|
||||
"integrity": "sha512-azHolskQ1dNUT+A5h0w7n2DO7WFaafGPPPFfNDQZ3N/HigYjCF8E2MPkR40et+jffojji5/PgKjpIezlPlKsPw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@heroui/aria-utils": "2.2.8",
|
||||
"@heroui/divider": "2.2.6",
|
||||
"@heroui/dom-animation": "2.1.2",
|
||||
"@heroui/framer-utils": "2.1.7",
|
||||
"@heroui/react-utils": "2.1.4",
|
||||
"@heroui/shared-icons": "2.1.2",
|
||||
"@heroui/shared-utils": "2.1.3",
|
||||
"@heroui/use-aria-accordion": "2.2.3",
|
||||
"@react-aria/button": "3.11.0",
|
||||
"@react-aria/focus": "3.19.0",
|
||||
"@react-aria/interactions": "3.22.5",
|
||||
"@react-aria/utils": "3.26.0",
|
||||
"@react-stately/tree": "3.8.6",
|
||||
"@react-types/accordion": "3.0.0-alpha.25",
|
||||
"@react-types/shared": "3.26.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@heroui/system": ">=2.4.0",
|
||||
"@heroui/theme": ">=2.4.0",
|
||||
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
|
||||
"react": ">=18 || >=19.0.0-rc.0",
|
||||
"react-dom": ">=18 || >=19.0.0-rc.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/accordion/node_modules/@heroui/aria-utils": {
|
||||
"version": "2.2.8",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/aria-utils/-/aria-utils-2.2.8.tgz",
|
||||
"integrity": "sha512-+1kF96fSbA+PtP/UGxtcpBc8Vuc5KJwO0sndGCu41oijVMZ2RZ4wV6exwoT478U+nH8p8DbpXJHkzOhd6Zlagg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@heroui/react-rsc-utils": "2.1.2",
|
||||
"@heroui/shared-utils": "2.1.3",
|
||||
"@heroui/system": "2.4.7",
|
||||
"@react-aria/utils": "3.26.0",
|
||||
"@react-stately/collections": "3.12.0",
|
||||
"@react-stately/overlays": "3.6.12",
|
||||
"@react-types/overlays": "3.8.11",
|
||||
"@react-types/shared": "3.26.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=18 || >=19.0.0-rc.0",
|
||||
"react-dom": ">=18 || >=19.0.0-rc.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/accordion/node_modules/@heroui/aria-utils/node_modules/@heroui/system": {
|
||||
"version": "2.4.7",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/system/-/system-2.4.7.tgz",
|
||||
"integrity": "sha512-5gWQhHr9ch/amUTkjDb2lHdVHU0PnURqbq2sPasGngi+LJUGqbApOY8n0rp2/RYDhEeR6NmWrSixZTmznBnfxg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@heroui/react-utils": "2.1.4",
|
||||
"@heroui/system-rsc": "2.3.6",
|
||||
"@internationalized/date": "3.6.0",
|
||||
"@react-aria/i18n": "3.12.4",
|
||||
"@react-aria/overlays": "3.24.0",
|
||||
"@react-aria/utils": "3.26.0",
|
||||
"@react-stately/utils": "3.10.5",
|
||||
"@react-types/datepicker": "3.9.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
|
||||
"react": ">=18 || >=19.0.0-rc.0",
|
||||
"react-dom": ">=18 || >=19.0.0-rc.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/accordion/node_modules/@heroui/dom-animation": {
|
||||
"version": "2.1.2",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/dom-animation/-/dom-animation-2.1.2.tgz",
|
||||
"integrity": "sha512-DX5zGe60gjKIk1sYMPGgR4shOsfpL/1xH0EN18o0SyBiJuGtrii2nXW+0sbsapsW6KzqVYMmXzfVhWkAWR190Q==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/accordion/node_modules/@heroui/framer-utils": {
|
||||
"version": "2.1.7",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/framer-utils/-/framer-utils-2.1.7.tgz",
|
||||
"integrity": "sha512-srTMsTO96fnaxbUNhzCpt7zbic+fndWpcSFEl2acxLkUI8bR5zFxqbOSolW53KctJfuvO//KgVz9b0JCjqeUPA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@heroui/shared-utils": "2.1.3",
|
||||
"@heroui/system": "2.4.7",
|
||||
"@heroui/use-measure": "2.1.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
|
||||
"react": ">=18 || >=19.0.0-rc.0",
|
||||
"react-dom": ">=18 || >=19.0.0-rc.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/accordion/node_modules/@heroui/framer-utils/node_modules/@heroui/system": {
|
||||
"version": "2.4.7",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/system/-/system-2.4.7.tgz",
|
||||
"integrity": "sha512-5gWQhHr9ch/amUTkjDb2lHdVHU0PnURqbq2sPasGngi+LJUGqbApOY8n0rp2/RYDhEeR6NmWrSixZTmznBnfxg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@heroui/react-utils": "2.1.4",
|
||||
"@heroui/system-rsc": "2.3.6",
|
||||
"@internationalized/date": "3.6.0",
|
||||
"@react-aria/i18n": "3.12.4",
|
||||
"@react-aria/overlays": "3.24.0",
|
||||
"@react-aria/utils": "3.26.0",
|
||||
"@react-stately/utils": "3.10.5",
|
||||
"@react-types/datepicker": "3.9.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
|
||||
"react": ">=18 || >=19.0.0-rc.0",
|
||||
"react-dom": ">=18 || >=19.0.0-rc.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/accordion/node_modules/@heroui/react-rsc-utils": {
|
||||
"version": "2.1.2",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/react-rsc-utils/-/react-rsc-utils-2.1.2.tgz",
|
||||
"integrity": "sha512-5qaYUj0eX+y8OFvPsv01RdfHZv8Z/do+3tdaDmq/uNFsyDc+lgea9PyqVZbhv6nf4ido/hUlPDB6KAGqiAeKwQ==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"react": ">=18 || >=19.0.0-rc.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/accordion/node_modules/@heroui/react-utils": {
|
||||
"version": "2.1.4",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/react-utils/-/react-utils-2.1.4.tgz",
|
||||
"integrity": "sha512-aXZtrgrGkW3Z892BQ5crP/ttdpTaNtv5N3UYoH2wVyFiGj+ypYfFkZRB/wppBRgf5hsy5liw+fqC/Yg5n3J8qw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@heroui/react-rsc-utils": "2.1.2",
|
||||
"@heroui/shared-utils": "2.1.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=18 || >=19.0.0-rc.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/accordion/node_modules/@heroui/shared-icons": {
|
||||
"version": "2.1.2",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/shared-icons/-/shared-icons-2.1.2.tgz",
|
||||
"integrity": "sha512-CUHbRMvXLVXjri+N5AhsTNNL49DXvGLidJ9qSyLQr0uWxt6GVb4/Hd9Lu4CjwrfWxyMwblm9f3BqUUFOC/FyVg==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"react": ">=18 || >=19.0.0-rc.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/accordion/node_modules/@heroui/shared-utils": {
|
||||
"version": "2.1.3",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/shared-utils/-/shared-utils-2.1.3.tgz",
|
||||
"integrity": "sha512-MNpo+jcu6xyicSRyxWgL4rNw4xH0XziUR/bhs01GydlGhfFN8n/Y4vKAWfL5xamehiEJX1N0IKAbFadt3wlGAA==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@heroui/accordion/node_modules/@heroui/system-rsc": {
|
||||
"version": "2.3.6",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/system-rsc/-/system-rsc-2.3.6.tgz",
|
||||
"integrity": "sha512-196LAXv9soGQqkaIyfKI0c+mBJh7QqxEzxEY+QEOYad9Q9LmuhUvu3sQleAw3ImGF20veXQ0U9pfCLjfucDEfQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@react-types/shared": "3.26.0",
|
||||
"clsx": "^1.2.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@heroui/theme": ">=2.4.0",
|
||||
"react": ">=18 || >=19.0.0-rc.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/accordion/node_modules/@heroui/use-measure": {
|
||||
"version": "2.1.2",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/use-measure/-/use-measure-2.1.2.tgz",
|
||||
"integrity": "sha512-cHvicTYcgOEeC++GmxogZU1iRVidU09PefQAfQNqCS92XKxebDjDv6eD+ZXN6HHbImJgtTg3utsnZSPFC1ooBg==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"react": ">=18 || >=19.0.0-rc.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/accordion/node_modules/clsx": {
|
||||
"version": "1.2.1",
|
||||
"resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
|
||||
"integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/aria-utils": {
|
||||
"version": "2.2.7",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/aria-utils/-/aria-utils-2.2.7.tgz",
|
||||
@@ -1235,6 +1422,43 @@
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/use-aria-accordion": {
|
||||
"version": "2.2.3",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/use-aria-accordion/-/use-aria-accordion-2.2.3.tgz",
|
||||
"integrity": "sha512-xyZjCkpUuN1WIphyCqnjuJ9OecuBUHfYN6pQIt1W1jB7xnPXn9gvBbAjVPXZdfJhNY4BZ5x88RIptBOPPW762Q==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@react-aria/button": "3.11.0",
|
||||
"@react-aria/focus": "3.19.0",
|
||||
"@react-aria/selection": "3.21.0",
|
||||
"@react-aria/utils": "3.26.0",
|
||||
"@react-stately/tree": "3.8.6",
|
||||
"@react-types/accordion": "3.0.0-alpha.25",
|
||||
"@react-types/shared": "3.26.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=18 || >=19.0.0-rc.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/use-aria-accordion/node_modules/@react-aria/selection": {
|
||||
"version": "3.21.0",
|
||||
"resolved": "https://registry.npmjs.org/@react-aria/selection/-/selection-3.21.0.tgz",
|
||||
"integrity": "sha512-52JJ6hlPcM+gt0VV3DBmz6Kj1YAJr13TfutrKfGWcK36LvNCBm1j0N+TDqbdnlp8Nue6w0+5FIwZq44XPYiBGg==",
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"@react-aria/focus": "^3.19.0",
|
||||
"@react-aria/i18n": "^3.12.4",
|
||||
"@react-aria/interactions": "^3.22.5",
|
||||
"@react-aria/utils": "^3.26.0",
|
||||
"@react-stately/selection": "^3.18.0",
|
||||
"@react-types/shared": "^3.26.0",
|
||||
"@swc/helpers": "^0.5.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
|
||||
"react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
|
||||
}
|
||||
},
|
||||
"node_modules/@heroui/use-aria-button": {
|
||||
"version": "2.2.4",
|
||||
"resolved": "https://registry.npmjs.org/@heroui/use-aria-button/-/use-aria-button-2.2.4.tgz",
|
||||
@@ -2873,6 +3097,22 @@
|
||||
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
|
||||
}
|
||||
},
|
||||
"node_modules/@react-stately/tree": {
|
||||
"version": "3.8.6",
|
||||
"resolved": "https://registry.npmjs.org/@react-stately/tree/-/tree-3.8.6.tgz",
|
||||
"integrity": "sha512-lblUaxf1uAuIz5jm6PYtcJ+rXNNVkqyFWTIMx6g6gW/mYvm8GNx1G/0MLZE7E6CuDGaO9dkLSY2bB1uqyKHidA==",
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"@react-stately/collections": "^3.12.0",
|
||||
"@react-stately/selection": "^3.18.0",
|
||||
"@react-stately/utils": "^3.10.5",
|
||||
"@react-types/shared": "^3.26.0",
|
||||
"@swc/helpers": "^0.5.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
|
||||
}
|
||||
},
|
||||
"node_modules/@react-stately/utils": {
|
||||
"version": "3.10.5",
|
||||
"resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.10.5.tgz",
|
||||
@@ -2885,6 +3125,18 @@
|
||||
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
|
||||
}
|
||||
},
|
||||
"node_modules/@react-types/accordion": {
|
||||
"version": "3.0.0-alpha.25",
|
||||
"resolved": "https://registry.npmjs.org/@react-types/accordion/-/accordion-3.0.0-alpha.25.tgz",
|
||||
"integrity": "sha512-nPTRrMA5jS4QcwQ0H8J9Tzzw7+yq+KbwsPNA1ukVIfOGIB45by/1ke/eiZAXGqXxkElxi2fQuaXuWm79BWZ8zg==",
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"@react-types/shared": "^3.26.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
|
||||
}
|
||||
},
|
||||
"node_modules/@react-types/button": {
|
||||
"version": "3.10.1",
|
||||
"resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.10.1.tgz",
|
||||
|
@@ -9,6 +9,7 @@
|
||||
"lint": "eslint . --ext .ts,.tsx -c .eslintrc.json --fix"
|
||||
},
|
||||
"dependencies": {
|
||||
"@heroui/accordion": "^2.2.8",
|
||||
"@heroui/button": "^2.2.9",
|
||||
"@heroui/card": "^2.2.10",
|
||||
"@heroui/code": "2.2.6",
|
||||
|
@@ -1,79 +1,216 @@
|
||||
import { title } from "@/components/primitives";
|
||||
import { Card, CardBody, CardFooter, CardHeader } from "@heroui/card";
|
||||
import { Image } from "@heroui/image";
|
||||
import { Divider } from "@heroui/divider";
|
||||
import { Tooltip } from "@heroui/tooltip";
|
||||
import { Accordion, AccordionItem } from "@heroui/accordion";
|
||||
|
||||
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";
|
||||
import { title } from "@/components/primitives";
|
||||
|
||||
const list = [
|
||||
{
|
||||
title: "Šimon",
|
||||
img: "/headshot/simon.webp",
|
||||
description: "Web Dev"
|
||||
|
||||
},
|
||||
{
|
||||
title: "Tibor",
|
||||
img: "/headshot/tibor.webp",
|
||||
description: "Structural Engineer, Return Systems "
|
||||
},
|
||||
{
|
||||
title: "Samuel",
|
||||
img: "/headshot/samo.webp",
|
||||
description: "Electronics Engineer"
|
||||
},
|
||||
{
|
||||
title: "Adam",
|
||||
img: "/headshot/adam.webp",
|
||||
description: "Radio Communications"
|
||||
},
|
||||
{
|
||||
title: "Sebastián",
|
||||
img: "/headshot/sebastian.webp",
|
||||
description: "PR Management"
|
||||
},
|
||||
{
|
||||
title: "Bruno",
|
||||
img: "/headshot/bruno.webp",
|
||||
description: "Programming Engineer"
|
||||
},
|
||||
{
|
||||
title: "Šimon",
|
||||
img: "/headshot/simon.webp",
|
||||
description: "Web Dev",
|
||||
},
|
||||
{
|
||||
title: "Tibor",
|
||||
img: "/headshot/tibor.webp",
|
||||
description: "Structural Engineer, Return Systems ",
|
||||
},
|
||||
{
|
||||
title: "Samuel",
|
||||
img: "/headshot/samo.webp",
|
||||
description: "Electronics, Consulting",
|
||||
},
|
||||
{
|
||||
title: "Adam",
|
||||
img: "/headshot/adam.webp",
|
||||
description: "Radio Communications",
|
||||
},
|
||||
{
|
||||
title: "Sebastián",
|
||||
img: "/headshot/sebastian.webp",
|
||||
description: "PR Management",
|
||||
},
|
||||
{
|
||||
title: "Bruno",
|
||||
img: "/headshot/bruno.webp",
|
||||
description: "Programming Engineer",
|
||||
},
|
||||
];
|
||||
|
||||
export default function DocsPage() {
|
||||
const defaultContent =
|
||||
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.";
|
||||
|
||||
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()}>Meet our </h1>
|
||||
<span className={title({color: "blue"})}>Team</span>
|
||||
<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 />
|
||||
<div className="gap-5 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
|
||||
color="primary"
|
||||
content={item.description}
|
||||
offset={40}
|
||||
placement="bottom"
|
||||
>
|
||||
<Image
|
||||
alt={item.title}
|
||||
className="w-full object-cover h-[13em]"
|
||||
radius="lg"
|
||||
shadow="md"
|
||||
src={item.img}
|
||||
width="100%"
|
||||
/>
|
||||
</Tooltip>
|
||||
</CardBody>
|
||||
<CardFooter className="text-small justify-center">
|
||||
<b>{item.title}</b>
|
||||
</CardFooter>
|
||||
</Card>
|
||||
))}
|
||||
</div>
|
||||
<Divider />
|
||||
<div className="p-10">
|
||||
<span className={title()}>About </span>
|
||||
<span className={title({ color: "blue" })}>US</span>
|
||||
</div>
|
||||
<div className="w-full md:w-3/4 mx-auto">
|
||||
<Card>
|
||||
<CardHeader className="text-xl">Who are we?</CardHeader>
|
||||
<Divider />
|
||||
<CardBody>
|
||||
<p className="pb-2">
|
||||
We are a team of high school electrical engineering students,
|
||||
aged 16 to 19, proudly representing Slovakia in the 2025 edition
|
||||
of the CanSat project. With a genuine passion for science and
|
||||
technology, we are excited to embark on our second project in
|
||||
the field of space exploration.
|
||||
<br />
|
||||
<br />
|
||||
Our first project focused on designing a simple and easily
|
||||
deployable way to monitor forest fires. During the construction
|
||||
of our first ever satellite, we gained a lot of hands on
|
||||
experience with sensors, thermal cameras, 3d printing and
|
||||
structural engineering.
|
||||
<br />
|
||||
<br />
|
||||
With our first ever satellite we managed to{" "}
|
||||
<strong>
|
||||
win the National CanSat competition in Slovakia placing 1st.
|
||||
</strong>
|
||||
</p>
|
||||
</CardBody>
|
||||
</Card>
|
||||
</div>
|
||||
<div className="pt-10 gap-5 grid grid-cols-1 sm:grid-cols-3 md:w-3/4">
|
||||
<Tooltip
|
||||
color="danger"
|
||||
content="Detected Fire on a Map"
|
||||
offset={5}
|
||||
placement="bottom"
|
||||
>
|
||||
<Image
|
||||
alt="Detected Fire on a Map"
|
||||
src="/aboutphoto/map_fire.png"
|
||||
/>
|
||||
</Tooltip>
|
||||
|
||||
<Tooltip
|
||||
color="secondary"
|
||||
content="Early CanSat Concept"
|
||||
offset={5}
|
||||
placement="bottom"
|
||||
>
|
||||
<Image
|
||||
alt="Early CanSat Concept"
|
||||
src="/aboutphoto/thermal_map_concept.png"
|
||||
/>
|
||||
</Tooltip>
|
||||
|
||||
<Tooltip
|
||||
color="danger"
|
||||
content="Semi-Final Design"
|
||||
offset={5}
|
||||
placement="bottom"
|
||||
>
|
||||
<Image
|
||||
alt="Early CanSat Concept"
|
||||
src="/aboutphoto/design_concept.png"
|
||||
/>
|
||||
</Tooltip>
|
||||
</div>
|
||||
<Divider />
|
||||
<div className="p-10">
|
||||
<span className={title({ color: "blue" })}>FAQ</span>
|
||||
</div>
|
||||
<div className="w-full md:w-3/4 mx-auto">
|
||||
<Accordion className="max-w-15" variant="shadow">
|
||||
<AccordionItem
|
||||
key="1"
|
||||
aria-label="FAQ Page 1"
|
||||
title="What is CanSat?"
|
||||
>
|
||||
{defaultContent}
|
||||
</AccordionItem>
|
||||
<AccordionItem
|
||||
key="2"
|
||||
aria-label="FAQ Page 2"
|
||||
title="How will your CanSat identify fires?"
|
||||
>
|
||||
{defaultContent}
|
||||
</AccordionItem>
|
||||
<AccordionItem
|
||||
key="3"
|
||||
aria-label="FAQ Page 3"
|
||||
title="What other capabilities does your CanSat have?"
|
||||
>
|
||||
{defaultContent}
|
||||
</AccordionItem>
|
||||
<AccordionItem
|
||||
key="4"
|
||||
aria-label="FAQ Page 4"
|
||||
title="What is the significance of your mission?"
|
||||
>
|
||||
{defaultContent}
|
||||
</AccordionItem>
|
||||
<AccordionItem
|
||||
key="5"
|
||||
aria-label="FAQ Page 5"
|
||||
title="What challenges do you anticipate?"
|
||||
>
|
||||
{defaultContent}
|
||||
</AccordionItem>
|
||||
<AccordionItem
|
||||
key="6"
|
||||
aria-label="FAQ Page 6"
|
||||
title="How can I stay updated on your progress?"
|
||||
>
|
||||
{defaultContent}
|
||||
</AccordionItem>
|
||||
<AccordionItem
|
||||
key="7"
|
||||
aria-label="FAQ Page 7"
|
||||
title="Can we support your team in any way?"
|
||||
>
|
||||
{defaultContent}
|
||||
</AccordionItem>
|
||||
</Accordion>
|
||||
</div>
|
||||
</section>
|
||||
</DefaultLayout>
|
||||
);
|
||||
|
@@ -1,119 +1,144 @@
|
||||
import { Link } from "@heroui/link";
|
||||
import { Snippet } from "@heroui/snippet";
|
||||
import { Code } from "@heroui/code";
|
||||
import { button as buttonStyles } from "@heroui/theme";
|
||||
import { Card, CardHeader, CardBody, CardFooter } from "@heroui/card";
|
||||
import { Divider } from "@heroui/divider";
|
||||
import { Image } from "@heroui/image";
|
||||
|
||||
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";
|
||||
|
||||
import { title, subtitle } from "@/components/primitives";
|
||||
|
||||
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 className={title()}>Adlerka Space Program</span>
|
||||
<span className={subtitle({})}>
|
||||
“The only limit to our realization of tomorrow will be our doubts of
|
||||
today.”
|
||||
</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">
|
||||
<Card className="">
|
||||
<CardHeader className="flex gap-3">
|
||||
<Image
|
||||
<Card className="">
|
||||
<CardHeader className="flex gap-3">
|
||||
<Image
|
||||
alt="heroui logo"
|
||||
height={80}
|
||||
radius="sm"
|
||||
src='/coloradl.svg'
|
||||
src="/coloradl.svg"
|
||||
width={80}
|
||||
/>
|
||||
<div className="flex flex-col">
|
||||
<p className="text-xl font-bold">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>
|
||||
/>
|
||||
<div className="flex flex-col">
|
||||
<p className="text-xl font-bold">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
|
||||
<Card className="">
|
||||
<CardHeader className="flex gap-3">
|
||||
<Image
|
||||
alt="heroui logo"
|
||||
height={80}
|
||||
radius="sm"
|
||||
src="/canasthehe.svg"
|
||||
width={80}
|
||||
/>
|
||||
<div className="flex flex-col">
|
||||
<p className="text-xl font-bold">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 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>
|
||||
<Link isExternal showAnchorIcon href="https://cansat.esa.int/about-cansat/cansat-project/" target="_self">
|
||||
Learn more about CanSat.
|
||||
</Link>
|
||||
</CardFooter>
|
||||
</Card>
|
||||
/>
|
||||
<div className="flex flex-col">
|
||||
<p className="text-xl font-bold">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 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>
|
||||
<Link
|
||||
isExternal
|
||||
showAnchorIcon
|
||||
href="https://cansat.esa.int/about-cansat/cansat-project/"
|
||||
target="_self"
|
||||
>
|
||||
Learn more about CanSat.
|
||||
</Link>
|
||||
</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}
|
||||
alt="heroui logo"
|
||||
height={80}
|
||||
radius="sm"
|
||||
src="/trophy.png"
|
||||
width={80}
|
||||
/>
|
||||
<div className="flex flex-col">
|
||||
<p className="text-xl font-bold">Our Achievements</p>
|
||||
<p className="text-small text-default-500">1st place in Cansat Slovakia 2024</p>
|
||||
<p className="text-small text-default-500">
|
||||
1st place in Cansat Slovakia 2024
|
||||
</p>
|
||||
</div>
|
||||
</CardHeader>
|
||||
<Divider />
|
||||
<CardBody className="text-xl">
|
||||
<p className="pt-5">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 className="pt-5">Partner with us in our next innovative space project and showcase your company's commitment to fostering young talent in aerospace engineering.</p>
|
||||
<p className="pt-5">
|
||||
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 className="pt-5">
|
||||
Partner with us in our next innovative space project and
|
||||
showcase your company's commitment to fostering young
|
||||
talent in aerospace engineering.
|
||||
</p>
|
||||
</CardBody>
|
||||
<Divider />
|
||||
<CardFooter>
|
||||
<Link showAnchorIcon href="/sponsor" target="_self">
|
||||
Sponsor our next Achievement
|
||||
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>
|
||||
<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"
|
||||
removeWrapper
|
||||
alt="Card background"
|
||||
className="z-0 w-full h-full object-cover"
|
||||
src="/whatwedo.png"
|
||||
/>
|
||||
</Card>
|
||||
</div>
|
||||
|
BIN
cansat/public/aboutphoto/design_concept.png
Normal file
BIN
cansat/public/aboutphoto/design_concept.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 196 KiB |
BIN
cansat/public/aboutphoto/map_fire.png
Normal file
BIN
cansat/public/aboutphoto/map_fire.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 578 KiB |
BIN
cansat/public/aboutphoto/thermal_map_concept.png
Normal file
BIN
cansat/public/aboutphoto/thermal_map_concept.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 124 KiB |
BIN
cansat/public/transparentcan.png
Normal file
BIN
cansat/public/transparentcan.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 223 KiB |
Reference in New Issue
Block a user