Skip to content

Commit

Permalink
Update advertiement page
Browse files Browse the repository at this point in the history
  • Loading branch information
@leomet07
leomet07 committed Dec 10, 2024
1 parent 816303b commit 9e987de
Show file tree
Hide file tree
Showing 2 changed files with 152 additions and 191 deletions.
301 changes: 110 additions & 191 deletions pages/about/advertise.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,13 @@
import Head from "next/head";
import styles from "../../styles/About.module.css";
import about_styles from "../../styles/About.module.css";
import styles from "../../styles/Advertise.module.css";
import { ReceivedStaff } from "../../ts_types/db_types";
import { get_staff_by_position } from "../../db";
import { generateMetaTags } from "../../utils/generateMetaTags";

interface Props {
manager: ReceivedStaff;
}

function Advertise(props: Props) {
const { name, email } = props.manager;
function Advertise() {
const email = "[email protected]";
const mailto = "mailto:" + email;

const page_title = "Advertise - The Stuyvesant Spectator";
Expand All @@ -21,195 +19,116 @@ function Advertise(props: Props) {
<Head>
{generateMetaTags(page_title, meta_description, meta_url)}
</Head>
<div id={styles.container}>
<div style={{ margin: "auto" }}>
<h1 style={{ fontSize: "var(--large-text)" }}>Advertise</h1>

<h2 style={{ fontSize: "var(--medium-text)" }}>
Local Advertising
</h2>
<p
style={{
marginTop: "1rem",
marginLeft: "2rem",
fontFamily: "Georgia",
}}
>
Local advertisers are classified as all those companies
either headquartered within New York City or whose New
York City local branch is placing an advertisement. The
best way to contact an advertising representative is to{" "}
<a
href="mainto:[email protected]"
className="link"
>
e-mail the business manager
</a>
. For information on rates and our publication schedule,
please see the advertising forms below.
</p>

<h2 style={{ fontSize: "var(--medium-text)" }}>
National Advertising
</h2>
<p
style={{
marginTop: "1rem",
marginLeft: "2rem",
fontFamily: "Georgia",
}}
>
Please direct all national advertising orders and
questions to our business desk:
<p
style={{
marginTop: "1rem",
marginLeft: "2rem",
fontFamily: "Georgia",
}}
>
Email:{" "}
<a
href="mainto:[email protected]"
className="link"
>
[email protected]
</a>
</p>
<p
style={{
marginTop: "1rem",
marginLeft: "2rem",
fontFamily: "Georgia",
}}
>
Fax: 212-587-3874, attn. The Spectator
</p>
<p
style={{
marginTop: "1rem",
marginLeft: "2rem",
fontFamily: "Georgia",
}}
>
Phone: 212-312-4800 ext. 2601
</p>
</p>

<h2 style={{ fontSize: "var(--medium-text)" }}>
Student Groups
</h2>
<p
style={{
marginTop: "1rem",
marginLeft: "2rem",
fontFamily: "Georgia",
}}
>
All Clubs and Pubs are offered discounted advertising
rates in The Spectator! In order to place an ad, a
representative (a president or cabinet member) must
email{" "}
<a
href="mainto:[email protected]"
className="link"
>
[email protected]
</a>{" "}
with the following things:
<p
style={{
marginTop: "1rem",
marginLeft: "2rem",
fontFamily: "Georgia",
}}
>
Group Name
</p>
<p
style={{
marginTop: "1rem",
marginLeft: "2rem",
fontFamily: "Georgia",
}}
>
Size of ad requested
</p>
<p
style={{
marginTop: "1rem",
marginLeft: "2rem",
fontFamily: "Georgia",
}}
>
The date they would like the advertisement to appear
</p>
<p
style={{
marginTop: "1rem",
marginLeft: "2rem",
fontFamily: "Georgia",
}}
>
A digital copy of the ad in JPG or PDF format
</p>
</p>
<p
style={{
marginTop: "1rem",
marginLeft: "2rem",
fontFamily: "Georgia",
}}
>
Large ad sizes are available. Please contact{" "}
<a
href="mainto:[email protected]"
className="link"
>
[email protected]
</a>{" "}
for more details.
</p>

<h2 style={{ fontSize: "var(--medium-text)" }}>
Contact Business Directly
</h2>
<p
style={{
marginTop: "1rem",
marginLeft: "2rem",
fontFamily: "Georgia",
}}
>
Manager: {name}
<div style={{ margin: "4px" }} />
Email:{" "}
<a href={mailto} className="link">
{email}
</a>
</p>
</div>
<div id={about_styles.container}>
<h1 className={styles.title}>Advertise</h1>
<section className={styles.place_order + " " + styles.section}>
<h3>In order to place an advertisement, please email <a href={mailto} className="link">{email}</a> with the following information:</h3>
<ol>
<li>Size/type of advertisement requested</li>
<li>Number of issues</li>
<li>The date or issue that you would like your advertisement to appear on</li>
<li>A digital copy of the ad in JPG, PNG, or PDF format in the approriate dimensions</li>
<li>For Web advertsiments: A link (preferrably with a referral/tracking code) for the advertsiment to take users to</li>
</ol>
</section>
<section className={styles.section}>
<h2>Print Pricing (Per Issue)</h2>
<table className={styles.pricing_table}>
<tr>
<th>SIZES</th>
<th>1 issue</th>
<th>2-6 issues</th>
<th>7+ issues</th>
<th>Annual Lockout (16 Issues)</th>
</tr>
<tr>
<td>Full Page (15.5in x 9.5in)</td>
<td>$500</td>
<td>$450</td>
<td>$400</td>
<td>$240</td>
</tr>
<tr>
<td>Half Page (7.5in x 9.5in)</td>
<td>$350</td>
<td>$300</td>
<td>$250</td>
<td>$130</td>
</tr>
<tr>
<td>Quarter Page (7.5in x 5in)</td>
<td>$200</td>
<td>$160</td>
<td>$120</td>
<td>$70</td>
</tr>
<tr>
<td>Eighth Page (4in x 5in)</td>
<td>$120</td>
<td>$85</td>
<td>$60</td>
<td>$40</td>
</tr>
</table>
</section>
<section className={styles.section}>
<h2>Web Pricing (Per Issue)</h2>
<table className={styles.pricing_table}>
<tr>
<th>SIZES</th>
<th>2 issues</th>
<th>4-8 issues</th>
<th>9-12 issues</th>
<th>Annual Lockout (16 Issues)</th>
</tr>
<tr>
<td>Box (375px x 500px)</td>
<td>$150</td>
<td>$135</td>
<td>$120</td>
<td>$90</td>
</tr>
<tr>
<td>Banner* (900px x 200px)</td>
<td>$125</td>
<td>$115</td>
<td>$100</td>
<td>$75</td>
</tr>
<tr>
<td>Both</td>
<td>$240</td>
<td>$215</td>
<td>$185</td>
<td>$140</td>
</tr>
</table>
<p className={styles.asterisk}>*Banners appear on top of an article page 30% of the time.</p>
</section>
<section className={styles.section}>
<h2>Student Groups</h2>
<p>All Clubs and Pubs registered groups are offered discounted advertising rates in The Spectator! A president or cabinet member must email <a href={mailto} className="link">{email}</a> for more details.</p>
</section>
</div>
</>
);
};

export async function getServerSideProps() {
let manager = await get_staff_by_position("business manager");
if (manager) {
return {
props: { manager: JSON.parse(JSON.stringify(manager)) },
};
} else
return {
props: {
manager: {
name: "Error: Not found",
email: "Error: Not found",
},
},
};
// } else { return { notFound: true } }
}
// export async function getServerSideProps() {
// let manager = await get_staff_by_position("business manager");
// if (manager) {
// return {
// props: { manager: JSON.parse(JSON.stringify(manager)) },
// };
// } else
// return {
// props: {
// manager: {
// name: "Error: Not found",
// email: "Error: Not found",
// },
// },
// };
// }

export default Advertise;
42 changes: 42 additions & 0 deletions styles/Advertise.module.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
.title {
text-align: center;
margin-bottom: 0.25rem;
}

.place_order {
font-size: 1.3rem;
margin-bottom: 2rem;
}

.section {
margin-bottom: 1rem;
width: 100%;
}

.section p {
font-size: 1.3rem;
}

.pricing_table {
font-size: 1.3rem;
border-collapse: collapse;
}


.pricing_table,
.pricing_table th,
.pricing_table td {
border: 1px solid var(--primary);
}

.pricing_table td:first-child {
font-weight: bold;
}



@media screen and (max-width: 840px) {
.pricing_table {
font-size: 1.1rem;
}
}

0 comments on commit 9e987de

Please sign in to comment.