feat: add two conference photos (#99)

## Overview

💖

src/components/FunInfo.astro

@@ -94,7 +94,6 @@ const sections = [
 
 	@media (min-width: 1017px) {
 		.secondary-info {
-			margin-left: -1rem;
 			width: calc(100% + 2rem);
 		}
 

src/components/VenuePhotos.astro

@@ -0,0 +1,42 @@
+---
+import simonsTheaterLecture from "~/assets/photos/simons-theater-lecture.jpg";
+import simonsTheaterLobby from "~/assets/photos/simons-theatre-lobby.jpg";
+import BodyText from "./BodyText.astro";
+import HeadingFlanked from "./HeadingFlanked.astro";
+
+interface Props {
+	class?: string;
+}
+
+const { class: className, ...rest } = Astro.props;
+---
+
+<div class="venue-photos">
+	<img
+		alt="Audience view of the Simons Theater showing a giant screen and people seated in the movie theater seats. Two people are sitting on Q&A seats in front of the screen."
+		class="venue-photo"
+		src={simonsTheaterLecture.src}
+	/>
+	<BodyText>
+		Experience the tech conference with the most comfortable theater seats, the
+		best viewing angle, and the most spectacular IMAX screen.
+		<br />
+		Also a penguin exhibit next door.
+	</BodyText>
+</div>
+
+<style>
+	.venue-photos {
+		align-items: center;
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+		max-width: var(--widthBodyFull);
+		text-align: center;
+		width: 100%;
+	}
+
+	.venue-photo {
+		max-width: 100%;
+	}
+</style>

src/pages/index.astro

@@ -1,14 +1,15 @@
 ---
+import FunInfo from "~/components/FunInfo.astro";
+import MCs from "~/components/MCs.astro";
+import Newsletter from "~/components/Newsletter.astro";
 import Partners from "~/components/Partners.astro";
-import Sponsors from "~/components/Sponsors.astro";
 import PrimaryContents from "~/components/PrimaryContents.astro";
 import PrimaryHero from "~/components/PrimaryHero.astro";
+import PrimaryInfo from "~/components/PrimaryInfo.astro";
 import SpeakersContent from "~/components/SpeakersContent.astro";
+import Sponsors from "~/components/Sponsors.astro";
+import VenuePhotos from "~/components/VenuePhotos.astro";
 import ContentLayout from "~/layouts/ContentLayout.astro";
-import MCs from "~/components/MCs.astro";
-import Newsletter from "~/components/Newsletter.astro";
-import FunInfo from "~/components/FunInfo.astro";
-import PrimaryInfo from "~/components/PrimaryInfo.astro";
 ---
 
 <ContentLayout>
@@ -22,6 +23,7 @@ import PrimaryInfo from "~/components/PrimaryInfo.astro";
 			<Partners />
 			<Newsletter class="newsletter" />
 			<FunInfo />
+			<VenuePhotos />
 		</div>
 	</PrimaryContents>
 </ContentLayout>