feat(ui): 💄 center cta buttons in home page cards lists

This commit is contained in:
Julien Oculi 2024-07-02 11:18:56 +02:00
parent 84236d633f
commit ec90d92f46

View file

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