+ {submitted ? (
+
Thank you for signing up!
+ ) : (
+
+ )}
+
+ );
+};
+export default BookEvent;
\ No newline at end of file
diff --git a/components/EventDetails.tsx b/components/EventDetails.tsx
new file mode 100644
index 0000000..f946500
--- /dev/null
+++ b/components/EventDetails.tsx
@@ -0,0 +1,94 @@
+import Image from 'next/image';
+import { notFound } from 'next/navigation';
+
+import { getEventBySlug } from '@/lib/actions/event.actions';
+
+type EventDetailsProps = {
+ slug: string;
+};
+
+const EventDetails = async ({ slug }: EventDetailsProps) => {
+ const event = await getEventBySlug(slug);
+
+ if (!event) {
+ notFound();
+ }
+
+ return (
+