diff --git a/src/app/contact/ContactForm.tsx b/src/app/contact/ContactForm.tsx
index c7bd1c9..4f1f9c1 100644
--- a/src/app/contact/ContactForm.tsx
+++ b/src/app/contact/ContactForm.tsx
@@ -1,6 +1,7 @@
 'use client';
 import { useState } from 'react';
 import { FaRegCircleCheck } from "react-icons/fa6";
+import { Button } from '@/components/Button';
 
 export default function ContactForm() {
   const [formData, setFormData] = useState({
@@ -106,12 +107,11 @@ export default function ContactForm() {
               </div>
 
               <div className="mt-8">
-                <button
+                <Button
                   type="submit"
-                  className="inline-flex items-center px-6 py-2.5 bg-color-01 text-white rounded-3xl hover:opacity-90 transition-opacity placeholder:text-neutral-02"
                 >
                   Submit
-                </button>
+                </Button>
               </div>
             </>
           )}
diff --git a/src/app/event/[slug]/page.tsx b/src/app/event/[slug]/page.tsx
index 0dff7a4..64e6583 100644
--- a/src/app/event/[slug]/page.tsx
+++ b/src/app/event/[slug]/page.tsx
@@ -125,23 +125,21 @@ export default async function EventPage({
           </div>
         </div>
       </section>
-      <section className="w-full pb-30">
+      {event.photos?.length && <section className="w-full pb-30">
         <div className="container mx-auto px-4 sm:px-6 lg:px-8">
           <div className="w-full flex flex-col gap-8">
             <h3 className="text-neutral-04 text-3xl sm:text-5xl font-semibold leading-[130%] tracking-[-1.5px]">
               Event photos and highlights
             </h3>
             <div className="grid grid-cols-2 md:grid-cols-3 gap-6">
-              {[1, 2, 3, 4, 5, 6].map((value) => (
+              {event.photos.map((src) => (
                 <div
-                  key={value}
+                  key={src}
                   className="relative w-full rounded-2xl overflow-hidden"
                 >
                   <Image
-                    src={`/images/event-photo${value}.${
-                      value === 5 ? "png" : "jpg"
-                    }`}
-                    alt="event photo"
+                    src={src}
+                    alt={`Photo from ${event.name}`}
                     width={410}
                     height={504}
                     className="w-full h-full object-cover rounded-2xl"
@@ -151,7 +149,7 @@ export default async function EventPage({
             </div>
           </div>
         </div>
-      </section>
+      </section>}
     </>
   );
 }
diff --git a/src/app/events/page.tsx b/src/app/events/page.tsx
index e1ed108..ba76c71 100644
--- a/src/app/events/page.tsx
+++ b/src/app/events/page.tsx
@@ -101,9 +101,7 @@ export default async function EventsPage() {
         <StructuredData key={event.id} type="event" data={event} />
       ))}
       <Hero
-        title={
-          <span className="max-w-[538px] block">Past and Upcoming Events</span>
-        }
+        title="Past and Upcoming Events"
       />
       <section className="w-full py-30 space-y-30">
         <Suspense
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index ebb5140..c2f7f1d 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -15,7 +15,7 @@ export const Button = ({
   href,
   ...props 
 }: ButtonProps) => {
-  const baseClasses = 'inline-flex items-center justify-center px-6 py-2.5 rounded-3xl transition-opacity duration-300 disabled:opacity-50 disabled:cursor-not-allowed';
+  const baseClasses = 'inline-flex items-center justify-center px-6 py-2.5 rounded-3xl transition-opacity duration-300 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer';
   
   const variantClasses = {
     primary: 'bg-color-01 text-white hover:opacity-90 shadow-sm',