import type { FaqContactCtaContent } from './faqContent';
import { Button } from '../base/Buttons.tsx';

interface FaqContactCtaProps {
    content: FaqContactCtaContent;
}

const FaqContactCta = ({ content }: FaqContactCtaProps) => {
    return (
        <section class="py-20 bg-gradient-to-r from-gray-900 to-gray-800 text-white">
            <div class="max-w-4xl mx-auto px-6 text-center">
                <div>
                    <h2 class="text-3xl md:text-4xl font-bold mb-4">
                        {content.title}
                    </h2>
                    <p class="mt-4 text-lg text-gray-300 max-w-2xl mx-auto">
                        {content.description}
                    </p>
                    <div class="mt-10">
                        <Button href="/kontakt" size="lg">
                            {content.buttonText}
                        </Button>
                    </div>
                </div>
            </div>
        </section>
    );
};

export default FaqContactCta;