Elevated Card CTA

Please implement this code in the current project and add it to (Your Desired Section, e.g. homepage hero, pricing page, dashboard). Change the primary accent color to (YOUR HEX CODE COLOR, e.g. #6366F1).

Requirements:
- Use React + Tailwind CSS (match the project's existing setup)
- Install dependencies if needed: npm install react react-dom
- Keep the layout responsive on mobile and desktop
- Replace placeholder copy with content that fits the project

The UI code:

export function ElevatedCardCta() {
  return (
    <div className="relative overflow-hidden rounded-2xl bg-white p-8 shadow-2xl ring-1 ring-zinc-200">
      <div className="absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-indigo-500 via-violet-500 to-fuchsia-500" />
      <h3 className="text-2xl font-bold text-zinc-900">Build your landing page today</h3>
      <p className="mt-2 text-zinc-600">Free components. No account required.</p>
      <button className="mt-6 w-full rounded-xl bg-indigo-600 py-3 text-sm font-semibold text-white hover:bg-indigo-500 sm:w-auto sm:px-8">
        Browse components
      </button>
    </div>
  );
}