36 lines
1.5 KiB
TypeScript
36 lines
1.5 KiB
TypeScript
'use client'
|
|
|
|
import { Button } from '@/components/ui/button'
|
|
import Link from 'next/link'
|
|
import { useContent } from '@/components/layout/content-provider'
|
|
|
|
export default function CtaHome() {
|
|
const content = useContent()
|
|
const { ctaHome } = content.pages.home
|
|
|
|
return (
|
|
<section id="mozakerat" className="py-12 md:py-16 lg:py-20 border-t border-border/50">
|
|
<div className="mx-auto max-w-5xl rounded-3xl border border-border bg-card px-6 py-10 md:py-16 lg:py-20 dark:border-primary/20 dark:bg-card/50 hover:border-primary/30 dark:hover:border-primary/30 transition-colors">
|
|
<div className="text-center">
|
|
<h2 className="text-heading-2 text-balance font-semibold">{ctaHome.heading}</h2>
|
|
<p className="text-body mt-4 leading-relaxed text-muted-foreground">{ctaHome.description}</p>
|
|
|
|
<div className="mt-12 flex flex-wrap justify-center gap-4">
|
|
<Button asChild size="lg" variant="primary">
|
|
<Link href="/consultation">
|
|
<span>{ctaHome.primaryButton}</span>
|
|
</Link>
|
|
</Button>
|
|
<Button asChild size="lg" variant="secondary">
|
|
<Link href="/consultation">
|
|
<span>{ctaHome.secondaryButton}</span>
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
)
|
|
}
|
|
|