Files
mr_decor/components/sections/cta/cta-14.tsx
T

39 lines
1.1 KiB
TypeScript

"use client";
import Link from "next/link";
import { cn } from "@/lib/utils";
import { Button } from "@/components/ui/button";
import { useContent } from "@/components/layout/content-provider";
interface Cta14Props {
className?: string;
}
const Cta14 = ({ className }: Cta14Props) => {
const content = useContent();
const cta = content.pages.product.abeshdeHamkar.cta14;
return (
<section className={cn("py-32", className)} dir="rtl">
<div className="container mx-auto max-w-6xl px-6">
<div className="flex min-h-[280px] items-center justify-center rounded-2xl border border-border bg-card shadow-sm">
<div className="flex flex-col gap-8 p-4 text-center">
<p className="text-body font-medium leading-[var(--line-height-body)] text-foreground">
{cta.text}
</p>
<div className="flex justify-center">
<Button asChild size="lg" variant="primary">
<Link href="/contact">{cta.button}</Link>
</Button>
</div>
</div>
</div>
</div>
</section>
);
};
export { Cta14 };