pages/press.tsx
import Link from 'next/link';
import Head from 'components/head';
import HeroBanner from 'components/HeroBanner/HeroBanner';
import Content from 'components/Content/Content';
import { Videos, Photos, Links } from 'components/Press';
import styles from 'styles/press.module.css';
const pageTitle = 'Press';
function Press() {
return (
<div className={styles.Press}>
<Head title={pageTitle} />
<HeroBanner title={pageTitle}>
<p>
This page is designed to make a journalist's job easy in writing, blogging, or
documenting Operation Code. Below you will find targeted information corresponding to
common representative visitors, videos, photos, press releases, and branding details.
</p>
</HeroBanner>
<Content
theme="white"
columns={[
<aside>
<p>
If you are looking for our mission statement or our values, please{' '}
<Link href="/about">
<a>go to the About page</a>
</Link>
. On other pages of our website you can{' '}
<Link href="/faq">
<a>see answers to frequently asked questions</a>
</Link>
,{' '}
<Link href="/history">
<a>view our history</a>
</Link>
, and{' '}
<Link href="/team">
<a>learn more about our staff</a>
</Link>
. Lastly, if you are seeking information not located on our website, please do not
hesitate to email us at{' '}
<a href="mailto:staff@operationcode.org?subject=Press Inquiry">
staff@operationcode.org
</a>
.
</p>
</aside>,
<div className={styles.row}>
<div className={styles.column}>
<div className={styles.textGrouping}>
<h4>Code Schools</h4>
<p>
If your school has recently partnered with our organization and is seeking
information to write about it in a blog post, we recommend joining our Slack team
to receive personal recommendations from our members, many of whom have attended
various coding schools - perhaps yours!
</p>
</div>
</div>
<div className={styles.column}>
<div className={styles.textGrouping}>
<h4>Partnered Organizations</h4>
<p>
We have long-standing, productive partnerships with some amazing companies, and
yours could be one of them! Organizations that put our members and our open source
work on a pedastal, can look forward to receive social media blasts and the
appreciation of America's military veterans. If you are thinking about a
partnership with Operation Code, but are unsure of what to offer our members,{' '}
<a href="mailto:staff@operationcode.org?subject=Partnership">let's talk</a>.
If you're seeking information to display in announcing the partnership,
please see below!
</p>
</div>
</div>
<div className={styles.column}>
<div className={styles.textGrouping}>
<h4>Media Outlets</h4>
<p>
The staff at Operation Code thank you for taking your time to represent us in your
work. If your piece has a specific theme or target, and you'd like some
custom contributions, please join our organization to receive a Slack team invite.
There you'll likely find many Operation Code members willing and able to
offer personal anecdotes and first-hand interviews!
</p>
</div>
</div>
</div>,
]}
/>
<Content title="Videos" hasTitleUnderline columns={[<Videos />]} />
<Content title="Photos" hasTitleUnderline theme="white" columns={[<Photos />]} />
<Content title="In The News" hasTitleUnderline columns={[<Links />]} />
<Content
title="Branding"
hasTitleUnderline
theme="white"
columns={[
<div className={styles.logos}>
<Link href="/branding">
<a>View Our Branding</a>
</Link>
</div>,
]}
/>
</div>
);
}
export default Press;