about page, images, faq TODO add faq text

This commit is contained in:
Noble
2025-01-27 23:41:49 +01:00
parent 669e0f93c2
commit 943d3e3e19
8 changed files with 544 additions and 129 deletions

252
cansat/package-lock.json generated
View File

@@ -8,6 +8,7 @@
"name": "next-pages-template", "name": "next-pages-template",
"version": "0.1.0", "version": "0.1.0",
"dependencies": { "dependencies": {
"@heroui/accordion": "^2.2.8",
"@heroui/button": "^2.2.9", "@heroui/button": "^2.2.9",
"@heroui/card": "^2.2.10", "@heroui/card": "^2.2.10",
"@heroui/code": "2.2.6", "@heroui/code": "2.2.6",
@@ -228,6 +229,192 @@
"tslib": "2" "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": { "node_modules/@heroui/aria-utils": {
"version": "2.2.7", "version": "2.2.7",
"resolved": "https://registry.npmjs.org/@heroui/aria-utils/-/aria-utils-2.2.7.tgz", "resolved": "https://registry.npmjs.org/@heroui/aria-utils/-/aria-utils-2.2.7.tgz",
@@ -1235,6 +1422,43 @@
"node": ">=6" "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": { "node_modules/@heroui/use-aria-button": {
"version": "2.2.4", "version": "2.2.4",
"resolved": "https://registry.npmjs.org/@heroui/use-aria-button/-/use-aria-button-2.2.4.tgz", "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" "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": { "node_modules/@react-stately/utils": {
"version": "3.10.5", "version": "3.10.5",
"resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.10.5.tgz", "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" "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": { "node_modules/@react-types/button": {
"version": "3.10.1", "version": "3.10.1",
"resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.10.1.tgz", "resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.10.1.tgz",

View File

@@ -9,6 +9,7 @@
"lint": "eslint . --ext .ts,.tsx -c .eslintrc.json --fix" "lint": "eslint . --ext .ts,.tsx -c .eslintrc.json --fix"
}, },
"dependencies": { "dependencies": {
"@heroui/accordion": "^2.2.8",
"@heroui/button": "^2.2.9", "@heroui/button": "^2.2.9",
"@heroui/card": "^2.2.10", "@heroui/card": "^2.2.10",
"@heroui/code": "2.2.6", "@heroui/code": "2.2.6",

View File

@@ -1,45 +1,48 @@
import { title } from "@/components/primitives"; import { Card, CardBody, CardFooter, CardHeader } from "@heroui/card";
import DefaultLayout from "@/layouts/default"; import { Image } from "@heroui/image";
import {Card, CardBody, CardFooter} from "@heroui/card"; import { Divider } from "@heroui/divider";
import {Image} from "@heroui/image"
import {Divider} from "@heroui/divider"
import { Tooltip } from "@heroui/tooltip"; import { Tooltip } from "@heroui/tooltip";
import { Accordion, AccordionItem } from "@heroui/accordion";
import DefaultLayout from "@/layouts/default";
import { title } from "@/components/primitives";
const list = [ const list = [
{ {
title: "Šimon", title: "Šimon",
img: "/headshot/simon.webp", img: "/headshot/simon.webp",
description: "Web Dev" description: "Web Dev",
}, },
{ {
title: "Tibor", title: "Tibor",
img: "/headshot/tibor.webp", img: "/headshot/tibor.webp",
description: "Structural Engineer, Return Systems " description: "Structural Engineer, Return Systems ",
}, },
{ {
title: "Samuel", title: "Samuel",
img: "/headshot/samo.webp", img: "/headshot/samo.webp",
description: "Electronics Engineer" description: "Electronics, Consulting",
}, },
{ {
title: "Adam", title: "Adam",
img: "/headshot/adam.webp", img: "/headshot/adam.webp",
description: "Radio Communications" description: "Radio Communications",
}, },
{ {
title: "Sebastián", title: "Sebastián",
img: "/headshot/sebastian.webp", img: "/headshot/sebastian.webp",
description: "PR Management" description: "PR Management",
}, },
{ {
title: "Bruno", title: "Bruno",
img: "/headshot/bruno.webp", img: "/headshot/bruno.webp",
description: "Programming Engineer" description: "Programming Engineer",
}, },
]; ];
export default function DocsPage() { 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> <DefaultLayout>
@@ -49,17 +52,27 @@ return (
<span className={title({ color: "blue" })}>Team</span> <span className={title({ color: "blue" })}>Team</span>
</div> </div>
<div className="gap-2 grid grid-cols-2 sm:grid-cols-3"> <div className="gap-5 grid grid-cols-2 sm:grid-cols-3">
{list.map((item, index) => ( {list.map((item, index) => (
/* eslint-disable no-console */ /* eslint-disable no-console */
<Card key={index} isPressable shadow="sm" onPress={() => console.log("item pressed")}> <Card
key={index}
isPressable
shadow="sm"
onPress={() => console.log("item pressed")}
>
<CardBody className="overflow-visible p-0"> <CardBody className="overflow-visible p-0">
<Tooltip content={item.description} offset={40} placement="bottom" color="primary"> <Tooltip
color="primary"
content={item.description}
offset={40}
placement="bottom"
>
<Image <Image
alt={item.title} alt={item.title}
className="w-full object-cover h-[13em]" className="w-full object-cover h-[13em]"
radius="lg" radius="lg"
shadow="sm" shadow="md"
src={item.img} src={item.img}
width="100%" width="100%"
/> />
@@ -72,8 +85,132 @@ return (
))} ))}
</div> </div>
<Divider /> <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> </section>
</DefaultLayout> </DefaultLayout>
); );

View File

@@ -1,26 +1,21 @@
import { Link } from "@heroui/link"; 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 { Card, CardHeader, CardBody, CardFooter } from "@heroui/card";
import { Divider } from "@heroui/divider"; import { Divider } from "@heroui/divider";
import { Image } from "@heroui/image"; import { Image } from "@heroui/image";
import DefaultLayout from "@/layouts/default";
import { title, subtitle } from "@/components/primitives";
export default function IndexPage() { export default function IndexPage() {
return ( return (
<DefaultLayout> <DefaultLayout>
<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10"> <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()}> <span className={title()}>Adlerka Space Program</span>
Adlerka Space Program <span className={subtitle({})}>
The only limit to our realization of tomorrow will be our doubts of
today.
</span> </span>
<span className={subtitle({})}>The only limit to our realization of tomorrow will be our doubts of today.</span>
</div> </div>
<div className="flex flex-col md:flex-row gap-4 pt-4"> <div className="flex flex-col md:flex-row gap-4 pt-4">
@@ -30,7 +25,7 @@ export default function IndexPage() {
alt="heroui logo" alt="heroui logo"
height={80} height={80}
radius="sm" radius="sm"
src='/coloradl.svg' src="/coloradl.svg"
width={80} width={80}
/> />
<div className="flex flex-col"> <div className="flex flex-col">
@@ -40,7 +35,11 @@ export default function IndexPage() {
</CardHeader> </CardHeader>
<Divider /> <Divider />
<CardBody className="text-xl"> <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 Agencys CanSat project.</p> <p>
We are a team of talented and ambitious high school students
from Adlerka electrical engineering school, representing
Slovakia in the European Space Agencys CanSat project.
</p>
</CardBody> </CardBody>
<Divider /> <Divider />
<CardFooter> <CardFooter>
@@ -61,16 +60,29 @@ export default function IndexPage() {
/> />
<div className="flex flex-col"> <div className="flex flex-col">
<p className="text-xl font-bold">About CanSat</p> <p className="text-xl font-bold">About CanSat</p>
<p className="text-small text-default-500">spaceoffice.sk/cansat</p> <p className="text-small text-default-500">
spaceoffice.sk/cansat
</p>
</div> </div>
</CardHeader> </CardHeader>
<Divider /> <Divider />
<CardBody className="text-xl"> <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> <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> </CardBody>
<Divider /> <Divider />
<CardFooter> <CardFooter>
<Link isExternal showAnchorIcon href="https://cansat.esa.int/about-cansat/cansat-project/" target="_self"> <Link
isExternal
showAnchorIcon
href="https://cansat.esa.int/about-cansat/cansat-project/"
target="_self"
>
Learn more about CanSat. Learn more about CanSat.
</Link> </Link>
</CardFooter> </CardFooter>
@@ -89,13 +101,24 @@ export default function IndexPage() {
/> />
<div className="flex flex-col"> <div className="flex flex-col">
<p className="text-xl font-bold">Our Achievements</p> <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> </div>
</CardHeader> </CardHeader>
<Divider /> <Divider />
<CardBody className="text-xl"> <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">
<p className="pt-5">Partner with us in our next innovative space project and showcase your company&apos;s commitment to fostering young talent in aerospace engineering.</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 className="pt-5">
Partner with us in our next innovative space project and
showcase your company&apos;s commitment to fostering young
talent in aerospace engineering.
</p>
</CardBody> </CardBody>
<Divider /> <Divider />
<CardFooter> <CardFooter>
@@ -107,7 +130,9 @@ export default function IndexPage() {
<Card className=""> <Card className="">
<CardHeader className="absolute z-10 top-1 flex-col !items-start"> <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> </CardHeader>
<Image <Image
removeWrapper removeWrapper

Binary file not shown.

After

Width:  |  Height:  |  Size: 196 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 578 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 223 KiB