import Link from "next/link";
import { FloatingWhatsapp, Footer, Header } from "./public-ui";
import { Icon } from "./icons";
import { whatsappHref } from "../lib/business-settings";
import { readBusinessSettings } from "../lib/public-settings";

export function PageHero({ title, description, parent }: { title: string; description: string; parent?: string }) {
  return <section className="page-hero"><div className="shell"><nav className="breadcrumbs" aria-label="Breadcrumb"><Link href="/">Beranda</Link><span>/</span>{parent && <><span>{parent}</span><span>/</span></>}<strong>{title}</strong></nav><h1>{title}</h1><p>{description}</p></div></section>;
}

export function InnerLayout({ children }: { children: React.ReactNode }) {
  return <><Header /><main>{children}</main><Footer /><FloatingWhatsapp /></>;
}

export async function CompactCTA() {
  const business=await readBusinessSettings(),whatsapp=whatsappHref(business.whatsapp_number);
  return <section className="inner-section" style={{ background: "#e7eee9" }}><div className="shell empty-state"><span className="eyebrow">Konsultasi kebutuhan</span><h2>Belum yakin layanan mana yang sesuai?</h2><p>Kirim lokasi, foto kondisi, dan gambaran kebutuhan. Tim akan membantu mengarahkan pemeriksaan awal.</p><div style={{ display: "flex", justifyContent: "center", gap: 10, flexWrap: "wrap" }}><Link className="button" href="/permintaan-survei">Minta Survei</Link>{whatsapp&&<a className="button button-accent" href={whatsapp} target="_blank" rel="noreferrer"><Icon name="whatsapp" /> WhatsApp</a>}</div></div></section>;
}