spb/phi-conseil

1import type { Metadata } from "next";2import { pages, displayableTestimonials } from "@/lib/content";3import { pageMetadata } from "@/lib/seo";4import { TestimonialSlider } from "@/components/sections/TestimonialSlider";5import { Button } from "@/components/ui/Button";67export const metadata: Metadata = pageMetadata({8  title: pages.testimonials.title,9  description: pages.testimonials.seoDescription,10  path: "/temoignages",11});1213export default function TestimonialsPage() {14  const preview = process.env.NEXT_PUBLIC_CONTENT_PREVIEW === "1";15  const { items, isPreview } = displayableTestimonials(preview);16  return (17    <>18      <section className="section-y bg-ivory-100">19        <div className="container-site">20          <h1 className="text-h2">{pages.testimonials.title}</h1>21          <p className="text-lead text-ink-700 mt-4 max-w-[40rem]">{pages.testimonials.intro}</p>22        </div>23      </section>24      <section className="section-y bg-ivory-50">25        <div className="container-site">26          {items.length > 0 ? (27            <>28              {isPreview ? (29                <p30                  role="status"31                  className="border-gold-500/60 bg-gold-300/30 text-ink-900 mb-4 rounded-md border px-4 py-2 text-sm"32                >33                  Prévisualisation : témoignage de maquette non vérifié.34                </p>35              ) : null}36              <TestimonialSlider items={items} />37            </>38          ) : (39            <div className="bg-pale-200 rounded-[var(--radius-xl)] px-8 py-12 text-center">40              <p className="text-navy-900 font-serif text-xl">{pages.testimonials.emptyMessage}</p>41              <div className="mt-6">42                <Button href="/nous-joindre">Parlons de votre projet</Button>43              </div>44            </div>45          )}46        </div>47      </section>48    </>49  );50}51