import { Button } from "@/components/ui/button";
import { Download } from "lucide-react";

const LeadMagnet = () => {
  return (
    <section className="py-16">
      <div className="container mx-auto px-4">
        <div className="max-w-4xl mx-auto">
          <div className="bg-cream border-2 border-brass/30 rounded-2xl p-8 md:p-12 text-center card-elevation">
            <div className="w-16 h-16 bg-brass/20 rounded-2xl flex items-center justify-center mx-auto mb-6">
              <Download className="w-8 h-8 text-brass" strokeWidth={1.5} />
            </div>
            
            <h3 className="text-display-md font-display font-semibold text-forest mb-4">
              Download the 2025 Tax Prep Checklist
            </h3>
            
            <p className="text-body-lg text-sage mb-8 max-w-2xl mx-auto">
              Get organized early with our comprehensive checklist covering all essential documents and deadlines for the upcoming tax season.
            </p>
            
            <Button 
              size="lg" 
              className="btn-shadow text-lg px-8 py-3 rounded-2xl"
            >
              <Download className="mr-2 w-5 h-5" />
              Get the PDF
            </Button>
            
            <p className="text-sm text-sage/80 mt-4">
              Free download • No spam • Unsubscribe anytime
            </p>
          </div>
        </div>
      </div>
    </section>
  );
};

export default LeadMagnet;