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 { MemberCard, memberMock } from ':components/MemberCard.tsx'
|
|
import { ProjectCard, projectMock } from ':components/ProjectCard.tsx'
|
|
import { SponsorCards } from ':components/SponsorCards.tsx'
|
|
import BlogCardList from ':islands/BlogCardList.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' }}>
|
|
<>
|
|
{memberMock.slice(0, 4).map(MemberCard)}
|
|
<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>
|
|
</>
|
|
)
|
|
}
|