"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 };