diff --git a/src/components/GoogleMap.jsx b/src/components/GoogleMap.jsx
new file mode 100644
index 0000000..adf769b
--- /dev/null
+++ b/src/components/GoogleMap.jsx
@@ -0,0 +1,13 @@
+const GoogleMap = () => {
+  return (
+    <iframe
+      src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2888.656877202617!2d-116.20506237345882!3d43.61368540498516!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54aef8fb2f9e4577%3A0x51618f9ed9c28459!2sThe%20Basque%20Center!5e0!3m2!1sen!2sus!4v1711048099024!5m2!1sen!2sus"
+      width="600"
+      height="450"
+      className="h-80 w-screen"
+      loading="lazy"
+    ></iframe>
+  )
+}
+
+export default GoogleMap
diff --git a/src/pages/PartyTime.jsx b/src/pages/PartyTime.jsx
new file mode 100644
index 0000000..1e6637e
--- /dev/null
+++ b/src/pages/PartyTime.jsx
@@ -0,0 +1,38 @@
+import React, { Suspense } from "react"
+import { Link } from "react-router-dom"
+const GoogleMap = React.lazy(() => import("../components/GoogleMap"))
+
+const PartTime = () => {
+  return (
+    <>
+      <div className="m-4" id="party">
+        <Link to="/" className="hover:cursor-pointer">
+          <h2 className="m-3 text-center font-moontime text-6xl">
+            Celebration
+          </h2>
+        </Link>
+      </div>
+      <div className="mb-7">
+        <div className="m-4">
+          <p>Location: Basque Center</p>
+          <p>Address: 601 W Grove St, Boise, Idaho 83702</p>
+          <p>Time: TBA</p>
+          <p>
+            Dress code: Casual, please wear whatever makes you feel most
+            comfortable.
+          </p>
+          <p>What to bring: Yourself!</p>
+          <p>Parking: Lorem ipsum.</p>
+          <p>Transportation: Lorem ipsum.</p>
+        </div>
+        <div className="w-screen">
+          <Suspense fallback={<p>loading...</p>}>
+            <GoogleMap />
+          </Suspense>
+        </div>
+      </div>
+    </>
+  )
+}
+
+export default PartTime