add nav bar

This commit is contained in:
JilianaTiu 2022-09-13 16:30:25 -07:00
parent 15aa5cf975
commit 5719d19099

View file

@ -19,6 +19,7 @@ class Main extends React.Component<MainProps, MainState> {
} }
public render() { public render() {
return <> return <>
<TopBar links={ACTIVE_PAGES}></TopBar>
<Splash cta="Join the 2nd largest IEEE student branch in the US!" delay={2000} backgrounds={["img/backgrounds/fa21qp.png"]}></Splash> <Splash cta="Join the 2nd largest IEEE student branch in the US!" delay={2000} backgrounds={["img/backgrounds/fa21qp.png"]}></Splash>
<DefaultSection title="We are..." paragraphs={[ <DefaultSection title="We are..." paragraphs={[
"A diverse engineering community seeking to empower students through hands-on projects, networking opportunities, and social events. Bonus points on having an open-access project studio!", "A diverse engineering community seeking to empower students through hands-on projects, networking opportunities, and social events. Bonus points on having an open-access project studio!",
@ -36,6 +37,7 @@ class Main extends React.Component<MainProps, MainState> {
<InvolveBox boxTitle="Committees" image="img/backgrounds/gbm.png" description="Build our amazing community!"></InvolveBox> <InvolveBox boxTitle="Committees" image="img/backgrounds/gbm.png" description="Build our amazing community!"></InvolveBox>
</div> </div>
</DefaultSection> </DefaultSection>
<div id="contact-section">
<DefaultSection title="Have questions? Contact us!"> <DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{ <div className="join-scls">{
[...EMAIL, ...SOCIALS].map(n => ( [...EMAIL, ...SOCIALS].map(n => (
@ -46,6 +48,7 @@ class Main extends React.Component<MainProps, MainState> {
<DefaultSection className="contact" title="Or... Contact one of our staff!"> <DefaultSection className="contact" title="Or... Contact one of our staff!">
<Carousel items={OFFICERS} itemsPerPage={6}></Carousel> <Carousel items={OFFICERS} itemsPerPage={6}></Carousel>
</DefaultSection> </DefaultSection>
</div>
<Footer></Footer> <Footer></Footer>
</>; </>;
} }