Aarni Halinen
94 lines
2.4 KiB
TypeScript
94 lines
2.4 KiB
TypeScript
import React from "react";
|
||
import Image from "next/image";
|
||
import styled from "styled-components";
|
||
import breakpoints from "@theme/breakpoints";
|
||
import { Event } from "@models/Event";
|
||
import { Post } from "@models/Feed";
|
||
|
||
import {
|
||
Divider, CTASection, TextSection, Accordion,
|
||
} from "@components/index";
|
||
import ActualPageHero from "./ActualPageHero";
|
||
import EventCalendar from "./EventCalendar";
|
||
import News from "./News";
|
||
|
||
interface ActualPageViewProps {
|
||
events: Event[];
|
||
feed: Post[];
|
||
}
|
||
|
||
const Gallery = styled.div`
|
||
display: flex;
|
||
flex-flow: row nowrap;
|
||
|
||
@media screen and (max-width: ${breakpoints.mobile}) {
|
||
flex-flow: column;
|
||
}
|
||
|
||
div {
|
||
flex: 1 0;
|
||
}
|
||
`;
|
||
|
||
const ActualPageView: React.FC<ActualPageViewProps> = ({ events, feed }) => (
|
||
<>
|
||
<ActualPageHero />
|
||
|
||
<EventCalendar events={events} />
|
||
|
||
<Divider />
|
||
|
||
<News feed={feed} />
|
||
|
||
<CTASection
|
||
bgColor="lightTurquoise"
|
||
link="sik.kuvat.fi"
|
||
linkText="Kuvagalleria ›"
|
||
>
|
||
Kuvia tapahtumista.
|
||
</CTASection>
|
||
|
||
<Gallery>
|
||
<Image src="https://placehold.it/400x400" alt="TODO" layout="responsive" objectFit="cover" width={400} height={400} />
|
||
<Image src="https://placehold.it/400x400" alt="TODO" layout="responsive" objectFit="cover" width={400} height={400} />
|
||
<Image src="https://placehold.it/400x400" alt="TODO" layout="responsive" objectFit="cover" width={400} height={400} />
|
||
</Gallery>
|
||
|
||
<CTASection
|
||
bgColor="blue1"
|
||
link="#"
|
||
linkText="Tule mukaan kiltatoimintaan ›"
|
||
>
|
||
Sinustako kilta-aktiivi?
|
||
</CTASection>
|
||
|
||
<TextSection>
|
||
<h3>Yritystapahtumia ja vastapainoa opiskelulle</h3>
|
||
<div>
|
||
<p>
|
||
Toimintaa ylläpitää ja järjestää jaokset ja toimikunnat.
|
||
</p>
|
||
<div>
|
||
<Accordion title="Rakenna kaikkea elektroniikkaan liittyvää">
|
||
Jotain elepajasta
|
||
</Accordion>
|
||
<Accordion title="Urheilua ja lajikokeiluja">
|
||
Jotain elepajasta
|
||
</Accordion>
|
||
<Accordion title="Kulttuuria kulinarismista teatteriin">
|
||
Jotain elepajasta
|
||
</Accordion>
|
||
<Accordion title="Yhteistyö yritysten kanssa">
|
||
Jotain elepajasta
|
||
</Accordion>
|
||
<Accordion title="Kansainvälisty ja luo suhteita">
|
||
Jotain elepajasta
|
||
</Accordion>
|
||
</div>
|
||
</div>
|
||
</TextSection>
|
||
</>
|
||
);
|
||
|
||
export default ActualPageView;
|