first commit

src/components/CtaBand.tsx

@@ -0,0 +1,19 @@
+import Reveal from "./Reveal";
+
+export default function CtaBand() {
+  return (
+    <section className="bg-rotary-navy px-4 py-14 sm:px-6 lg:px-8">
+      <Reveal>
+        <div className="relative mx-auto max-w-4xl overflow-hidden rounded-3xl bg-gradient-to-r from-rotary-gold via-rotary-goldlight to-rotary-gold bg-[length:200%_100%] p-8 text-center shadow-xl animate-shimmer sm:p-10">
+          <p className="font-serif text-xl font-semibold text-rotary-navy sm:text-2xl">
+            Dear Rotarians, your presence is most essential.
+          </p>
+          <p className="mx-auto mt-2 max-w-md text-sm text-rotary-navy/70">
+            Join the President and Members of Rotary Club of Vellore, with
+            family, for the Installation Ceremony on 3rd July 2026.
+          </p>
+        </div>
+      </Reveal>
+    </section>
+  );
+}