website/routes/index.tsx

99 lines
3 KiB
TypeScript

import { Head } from '$fresh/runtime.ts'
import { AutoGrid } from ':components/AutoGrid.tsx'
import { CohabitInfoTable } from ':components/CohabitInfoTable.tsx'
import { Heros } from ':components/Heros.tsx'
import { MachineCard, machineMock } from ':components/MachineCard.tsx'
import { ProjectCard, projectMock } from ':components/ProjectCard.tsx'
import { SponsorCards } from ':components/SponsorCards.tsx'
import BlogCardList from ':islands/BlogCardList.tsx'
import MemberCardList from ':islands/MemberCardList.tsx'
export default function Home() {
return (
<>
<Head>
<title>Fablab Coh@bit</title>
</Head>
<Heros />
<section id='first-section'>
<h2>Nos actus</h2>
<AutoGrid columnWidth='15rem' style={{ alignItems: 'center' }}>
<BlogCardList
limit={4}
usePlaceholder={true}
useObserver={true}
/>
<a href='/blog' class='cta'>Voir plus</a>
</AutoGrid>
</section>
<section>
<h2>Nos machines</h2>
<p>
Vous avez besoin d'aide pour concrétiser votre projet ? Le
Fablab vous accompagnes dans vos projets, grâce à son parc
de machine...
</p>
<AutoGrid columnWidth='15rem' style={{ alignItems: 'center' }}>
<>
{machineMock.slice(0, 4).map(MachineCard)}
<a href='/machines' class='cta'>Réserver</a>
</>
</AutoGrid>
</section>
<section>
<h2>Nos projets</h2>
<AutoGrid columnWidth='30rem' style={{ alignItems: 'center' }}>
<>
{projectMock.slice(0, 4).map(ProjectCard)}
<a href='/projets' class='cta'>Participer</a>
</>
</AutoGrid>
</section>
<section>
<h2>Nos membres</h2>
<AutoGrid columnWidth='15rem' style={{ alignItems: 'center' }}>
<MemberCardList
limit={4}
usePlaceholder={true}
useObserver={true}
/>
<a href='/membres' class='cta'>Nous découvrir</a>
</AutoGrid>
</section>
<section>
<h2>Présentation</h2>
<p>
Coh@bit est un fablab de l'université de Bordeaux ouvert à
tous les publics depuis 2016. Du collégien à
l'enseignant-chercheur, l'équipe du fablab accompagne les
adhérents dans la réalisation de leurs projets de
fabrication autour du numérique.
</p>
<p>
Venez découvrir un tout nouvelle univers vous pouvez
concrétiser vos projet, découvrir des personnes avec les
même affinités que vous, cultiver votre savoir et savoir
faire, dans l'entraide et le partage.
</p>
<p>
Créer par Frédéric Bos (Directeur de l'IUT de Bordeaux) en
2014, Coh@bit (Creative Open House at Bordeaux Institut of
Technology) est une association réunissant deux entités : le
Fablab et le Technoshop.
</p>
<p>
Ouvert à tous les publics depuis 2016, allant de
l'enseignant-chercheur au collégien, l'équipe du fablab
accompagne les adhérents dans la réalisation de leurs
projets de fabrication numérique.
</p>
<CohabitInfoTable />
</section>
<section>
<h2>Nos partenaires</h2>
<SponsorCards />
</section>
</>
)
}