import Image from "next/image";
import { getServerT, getServerLocale } from "@/lib/i18n/server";

interface CultureBandProps {
  locale: string;
}

const culturePhotos = [
  "https://images.unsplash.com/photo-1542744094-3a31f272c490?w=800&q=80",
  "https://images.unsplash.com/photo-1511671782779-c97d3d27a1d4?w=800&q=80",
  "https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=800&q=80",
];

export async function CultureBand({ locale }: CultureBandProps) {
  const t = await getServerT(locale, "careers");

  return (
    <section id="culture" className="culture-band">
      <div className="wrap">
        <div className="culture-grid">
          <div className="culture-text">
            <div className="kicker">{t("culture.kicker")}</div>
            <h2>
              {t("culture.heading_before")} <em>{t("culture.heading_em")}</em>
              {t("culture.heading_after")}
            </h2>
            <p>{t("culture.p1")}</p>
            <p>{t("culture.p2")}</p>
          </div>
        </div>
      </div>
    </section>
  );
}