import { Button } from "@/components/ui/button";
import { ArrowRight, Phone } from "lucide-react";

const CtaSection = () => {
  return (
    <section className="py-24 bg-gradient-hero">
      <div className="container mx-auto px-4 text-center">
        <div className="max-w-3xl mx-auto">
          <h2 className="text-display-lg font-display font-semibold text-cream mb-6">
            Ready to get started?
          </h2>
          
          <p className="text-body-lg text-cream/90 mb-8 max-w-2xl mx-auto leading-relaxed">
            Schedule your free consultation today and discover how we can bring clarity to your financial picture.
          </p>
          
          <div className="flex flex-col sm:flex-row gap-4 justify-center items-center">
            <Button 
              size="lg" 
              variant="outline"
              className="bg-cream text-forest hover:bg-cream/90 border-cream btn-shadow text-lg px-8 py-3 rounded-2xl"
            >
              Schedule Free Consultation
              <ArrowRight className="ml-2 w-5 h-5" />
            </Button>
            
            <Button 
              size="lg"
              variant="outline"
              className="border-cream/30 text-cream hover:bg-cream/10 text-lg px-8 py-3 rounded-2xl"
              onClick={() => window.open('tel:+13618543711')}
            >
              <Phone className="mr-2 w-5 h-5" />
              Call (361) 854-3711
            </Button>
          </div>
          
          <p className="text-cream/70 text-sm mt-6">
            Same-day response for urgent IRS matters
          </p>
        </div>
      </div>
    </section>
  );
};

export default CtaSection;