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'
import { define } from '../utils.ts'

export const handler = define.handlers({
	GET() {
		return { data: { title: 'Fablab Coh@bit' } }
	},
})

export default function Home() {
	return (
		<>
			<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>
		</>
	)
}
