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>
  );
}