spb/phi-conseil

1import { home } from "@/lib/content";2import { Button } from "@/components/ui/Button";3import { GoldenSpiral } from "@/components/graphics/GoldenSpiral";4import { BotanicalMotif } from "@/components/graphics/BotanicalMotif";56export function CallToAction() {7  const { callToAction: cta } = home;8  if (!cta.visible) return null;9  return (10    <section11      aria-labelledby="cta-title"12      className="relative isolate overflow-hidden bg-slate-600 text-white"13    >14      <svg15        className="pointer-events-none absolute inset-x-0 -top-px h-10 w-full md:h-16"16        viewBox="0 0 1440 80"17        preserveAspectRatio="none"18        aria-hidden="true"19      >20        <path21          d="M0 0 L1440 0 L1440 10 C 1200 70, 900 70, 660 30 C 420 -5, 200 10, 0 50 Z"22          fill="var(--color-ivory-50)"23        />24      </svg>25      <GoldenSpiral26        className="text-gold-400/80 pointer-events-none absolute top-[4%] -right-[6%] h-[120%] w-auto max-lg:opacity-40"27        strokeWidth={0.1}28        flipX29      />30      <BotanicalMotif className="pointer-events-none absolute -right-2 bottom-0 h-[92%] w-auto max-lg:opacity-30" />31      <div className="container-site relative py-16 md:py-20 lg:py-24">32        <div className="max-w-[36rem]">33          <h2 id="cta-title" className="text-h2 text-white">34            {cta.title}35          </h2>36          <p className="mt-3 text-lg text-white">{cta.subtitle}</p>37          <div className="mt-7">38            <Button href={cta.cta.href} variant="ivory" size="lg">39              {cta.cta.label}40            </Button>41          </div>42        </div>43      </div>44    </section>45  );46}47