Build Greg Knopp CPA website
This commit is contained in:
47
src/components/CtaSection.tsx
Normal file
47
src/components/CtaSection.tsx
Normal file
@@ -0,0 +1,47 @@
|
||||
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;
|
||||
Reference in New Issue
Block a user