Fix: Footer and Hero Cermony buttons remove

src/components/EventDetails.tsx

@@ -36,20 +36,21 @@ 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
                   src="/images/meeting.png"
                   alt="Rotary Club of Vellore weekly meeting"
-                    fill
+                  width={800}
+                  height={500}
                   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">
+                <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">
                   <p className="text-[10px] uppercase tracking-widest text-rotary-goldlight">
                     Fellowship, every week
                   </p>
@@ -58,7 +59,6 @@ export default function EventDetails() {
                   </p>
                 </div>
               </div>
-              </div>
 
               <ul className="mt-6 space-y-3">
                 {DETAILS.map((d) => (
@@ -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"