function GalleryStrip() {
  const tiles = [
    { city: "Bellevue", style: "Transitional", variant: "warmer" },
    { city: "Kirkland", style: "Modern Coastal", variant: "sage" },
    { city: "Mercer Island", style: "Classic White", variant: "cream" },
    { city: "Redmond", style: "Warm Contemporary", variant: "warm" },
    { city: "Sammamish", style: "Craftsman", variant: "warmer" },
    { city: "Issaquah", style: "Farmhouse", variant: "sage" },
    { city: "Medina", style: "Luxury Modern", variant: "cream" },
    { city: "Bothell", style: "Scandinavian", variant: "warm" },
  ];
  return (
    <section className="gallery-strip">
      <div className="container">
        <div className="gallery-strip-grid">
          {tiles.map((t, i) => (
            <a href="#gallery" className="gs-tile" key={i}>
              <Ph label={`${t.city}`} variant={t.variant} />
              <div className="gs-meta">
                <span>{t.city}</span>
                <span className="gs-style">{t.style}</span>
              </div>
            </a>
          ))}
        </div>
      </div>
    </section>
  );
}
window.GalleryStrip = GalleryStrip;