95 lines
3 KiB
TypeScript
95 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='16rem' 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 où 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>
|
|
</>
|
|
)
|
|
}
|