Fix: Footer and Hero Cermony buttons remove

src/components/EventDetails.tsx

@@ -36,27 +36,27 @@ export default function EventDetails() {
           </h2>
         </Reveal>
 
-        <div className="mt-8 grid gap-8 lg:grid-cols-2 lg:items-stretch">
+        <div className="mt-8 grid grid-cols-1 gap-8 lg:grid-cols-2 lg:items-stretch">
           {/* Left: photo + details */}
           <Reveal delay={60}>
-            <div className="flex h-full flex-col">
+            <div className="flex w-full h-full flex-col">
-              <div className="relative mx-auto overflow-hidden rounded-[1.5rem] shadow-[0_20px_50px_-20px_rgba(3,20,58,0.35)] ring-4 ring-white sm:mx-0">
+              <div className="relative w-full overflow-hidden rounded-[1.5rem] shadow-[0_20px_50px_-20px_rgba(3,20,58,0.35)] ring-4 ring-white">
-                <div className="relative h-56 w-full sm:h-64">
+                <Image
-                  <Image
+                  src="/images/meeting.png"
-                    src="/images/meeting.png"
+                  alt="Rotary Club of Vellore weekly meeting"
-                    alt="Rotary Club of Vellore weekly meeting"
+                  width={800}
-                    fill
+                  height={500}
-                    sizes="(min-width: 1024px) 560px, 100vw"
+                  sizes="(min-width: 1024px) 560px, 100vw"
-                    className="object-cover"
+                  className="block h-56 w-full object-cover sm:h-64"
-                  />
+                  priority
-                  <div className="absolute inset-x-0 bottom-0 bg-gradient-to-t from-rotary-navy/85 to-transparent px-4 pb-4 pt-10">
+                />
-                    <p className="text-[10px] uppercase tracking-widest text-rotary-goldlight">
+                <div className="pointer-events-none absolute inset-x-0 bottom-0 bg-gradient-to-t from-rotary-navy/85 to-transparent px-4 pb-4 pt-10">
-                      Fellowship, every week
+                  <p className="text-[10px] uppercase tracking-widest text-rotary-goldlight">
-                    </p>
+                    Fellowship, every week
-                    <p className="text-base font-semibold leading-tight text-white">
+                  </p>
-                      Fridays · 7:30 PM
+                  <p className="text-base font-semibold leading-tight text-white">
-                    </p>
+                    Fridays · 7:30 PM
-                  </div>
+                  </p>
                 </div>
               </div>
 
@@ -80,7 +80,7 @@ export default function EventDetails() {
 
           {/* Right: map */}
           <Reveal delay={120}>
-            <div className="h-72 overflow-hidden rounded-[1.5rem] shadow-[0_20px_50px_-20px_rgba(3,20,58,0.35)] ring-4 ring-white sm:h-full sm:min-h-[22rem]">
+            <div className="h-72 w-full overflow-hidden rounded-[1.5rem] shadow-[0_20px_50px_-20px_rgba(3,20,58,0.35)] ring-4 ring-white sm:h-full sm:min-h-[22rem]">
               <iframe
                 title="Ladies Recreation Club location map"
                 src="https://www.google.com/maps?q=12.9102532,79.1310174&hl=en&z=16&output=embed"

src/components/Footer.tsx

@@ -74,7 +74,7 @@ export default function Footer() {
           <p className="text-white/35">
             Powered by{" "}
             <a
-              href="https://www.rootxwire.com"
+              href="https://www.connectvm.com"
               target="_blank"
               rel="noopener noreferrer"
               className="font-large text-white transition-colors duration-200 hover:text-rotary-goldlight"