// pages-home.jsx — Homepage. Dominant section titles, concept-led subheads, no kickers. function HomePage({ lang, navigate }) { const D = HP_DATA.home; return (
{/* ── HERO ───────────────────────────────────────────────── */}
Hornpiper

{D.hero.h1_a} {D.hero.h1_b}

{D.hero.sub}

{D.hero.support}

{e.preventDefault();navigate("/contact");}} className="hp-btn">{lang === "tr" ? "Görüşme Ayarla" : "Book a Call"} {e.preventDefault();navigate("/approach");}} className="hp-btn hp-btn-ghost">{HP_DATA.cta2[lang]}
{/* ── PROBLEM ────────────────────────────────────────────── */}
Büyüme problemi çoğu zaman göründüğü yerde değildir.} accent="var(--hp-ember)" />

Çoğu büyüme problemi, yüzeydeki semptomdan farklı bir katmanda kırılır. Hornpiper bir brief'i doğrudan uygulamaya almadan önce, sorunun gerçekte hangi katmanda olduğunu okur.

{D.problem.cards.map((c, i) => { return (
e.currentTarget.style.background = "var(--hp-tint-green)"} onMouseLeave={(e) => e.currentTarget.style.background = "var(--hp-bg)"}>
{(c.head || "").toUpperCase()}

{c.t}

KÖK NEDEN

{c.d}

); })}
{/* Merged close band — two columns, each with heading + CTA */}
{/* ── POSITIONING ─────────────────────────────────────────────── */}
Büyüme Mimarisi} accent="var(--hp-teal)" />
{D.positioning.body.slice(0, 2).map((p, i) =>

{p}

)}
{D.positioning.body.slice(2).map((p, i) => { const parts = p.split(/(Growth Architecture|ortak bir veri ve karar katmanında|veriyle beslenen kapalı bir karar döngüsüdür|compound eder)/g); return (

{parts.map((seg, k) => /^(Growth Architecture|ortak bir veri ve karar katmanında|veriyle beslenen kapalı bir karar döngüsüdür|compound eder)$/.test(seg) ? {seg} : seg )}

); })}
{D.positioning.cards.map((c, i) => { const hi = i === 0; return (

{c.t}

{c.d}

); })}
{e.preventDefault();navigate("/approach");}} className="hp-btn hp-btn-ghost" style={{ color: "var(--hp-green-3)" }}> Yaklaşımımızı incele
{/* ── SOLUTIONS (layers + matrix) ─────────────────────────────── */}
Çözümler} accent="var(--hp-teal)" />

Büyümeyi üç katmanda çözeriz.

Hornpiper büyümeyi tek tek hizmetlerle değil, üç katmanda ele alır: Demand, Conversion ve Systems. Sorunun hangi katmanda olduğunu teşhis eder, çözümü o katmandan kurar.

{/* Three layer tease cards — name-led, chips, what-breaks, link. */}
{[ { name: "Demand", anchor: "demand", one: "Doğru kitlede talep yaratan ve var olan talebi yakalayan katman.", chips: ["Meta", "Google", "LinkedIn", "SEO", "Content", "Outbound"], br: "Sadece hazır alıcıya odaklanılırsa talep havuzu kurur, CAC yükselir. Talep hem yaratılmalı hem yakalanmalı." }, { name: "Conversion", anchor: "conversion", one: "Trafiği ve lead'i karara çeviren katman.", chips: ["Funnel", "Landing", "Offer", "CRO", "Qualification", "Lifecycle"], br: "Funnel, offer ve qualification kurulmadan lead karara dönüşmez." }, { name: "Systems", anchor: "systems", one: "Büyümeyi ölçeklenebilir, ölçülebilir ve sürdürülebilir kılan operasyonel altyapı.", chips: ["CRM", "ERP", "Automation", "Lifecycle", "Attribution", "Data Flow"], br: "CRM, ERP ve Automation karar sistemine bağlanmadan büyüme tekrar edilemez." }]. map((l) => {e.preventDefault();navigate("/solutions");}} style={{ display: "flex", flexDirection: "column", padding: "36px 32px", background: "var(--hp-bg)", borderTop: "3px solid var(--hp-green-3)", minHeight: 360, transition: "background 140ms" }} onMouseEnter={(e) => e.currentTarget.style.background = "var(--hp-tint-green)"} onMouseLeave={(e) => e.currentTarget.style.background = "var(--hp-bg)"}>

{l.name}

{l.one}

{l.chips.map((c) => {c} )}
NE KIRILIR

{l.br}

İncele →
 )}
{/* Matrix visual — layer × phase, centered */}

Her katman dört fazdan geçer. Sorunun hangi katmanda ve hangi disiplinle çözüleceği tespit edilir. Aksiyon alınır.

{e.preventDefault();navigate("/solutions");}} className="hp-btn hp-btn-ghost" style={{ color: "var(--hp-green-3)" }}> Tüm çözümler {e.preventDefault();navigate("/approach");}} className="hp-btn hp-btn-ghost" style={{ color: "var(--hp-green-3)" }}> Yaklaşımımız
{/* ── TECHNOLOGY ─────────────────────────────────────────── */}
Teknoloji} accent="var(--hp-navy)" />

Custom tooling, danışmanlığın arkasındaki R&D katmanı.

Bazı büyüme problemleri hazır araçlarla çözülmez. Hornpiper bu noktada kendi custom tooling ve R&D katmanını geliştirir. Bu araçlar danışmanlık sürecinden doğar; büyüme sisteminin veri madenciliği, analiz ve karar kapasitesini artırır.

{D.productsPreview.items.map((p, i) => { const pac = "var(--hp-green-3)"; return ( {e.preventDefault();navigate("/teknoloji");}} style={{ padding: "40px 32px", background: "var(--hp-bg)", borderTop: `3px solid ${pac}`, display: "flex", flexDirection: "column", minHeight: 280, transition: "background 140ms" }} onMouseEnter={(e) => e.currentTarget.style.background = "var(--hp-bg-3)"} onMouseLeave={(e) => e.currentTarget.style.background = "var(--hp-bg)"}>
{p.badge}
{p.name}

{p.line}

İncele →
); })}

Harvester dış pazar sinyalini madenler, Kastelan tüm veriyi birleştirip analiz eder, Luna AI bu analizi konuşulabilir ve uygulanabilir kılar.

{e.preventDefault();navigate("/teknoloji");}} className="hp-btn hp-btn-ghost" style={{ color: "var(--hp-green-3)" }}> Tüm teknolojileri incele
{/* ── WHY HORNPIPER ──────────────────────────────────────── */}
Neden Hornpiper} accent="var(--hp-ember)" />

Her şirket için doğru yapı değiliz.

Hornpiper bir kanal hizmeti değil, büyüme mimarisi kurar. Bu, bazı şirketler için doğru, bazıları için değil. Baştan net olmak iki taraf içinde zamanı korur.

{(() => { const green = "var(--hp-green-3)"; const cols = [ { side: "fit", mark: "+", head: "Sizin için", items: [ "Büyüme stratejisi var ama uygulanabilir GTM sistemine dönüşmemiş şirketler.", "Müşteri kazanımı yapan ama conversion, CRM veya operasyon tarafında sızıntı yaşayan ekipler.", "Agency veya in-house ekip kullanan ama üst mimariyi kuramayan işletmeler.", "Yeni pazara, segmente veya ürün motion'ına girecek şirketler.", "Growth Marketing, CRM, Automation ve Analytics'i tek mimaride birleştirmek isteyen şirketler."] }, { side: "no", mark: "–", head: "Sizin için değil", items: [ "Sadece tek kanal reklam yönetimi arayan şirketler.", "Kısa vadeli growth hack bekleyen ekipler.", "Teşhis olmadan doğrudan uygulama isteyen yapılar.", "Veri, ölçüm ve süreç disiplinini kabul etmeyen ekipler.", "Garantili sonuç vaadi bekleyen şirketler."] }]; const rows = cols[0].items.length; const cells = []; cols.forEach((col, ci) => cells.push(
{col.mark} {col.head}
)); for (let i = 0; i < rows; i++) { cols.forEach((col, ci) => cells.push(
{col.items[i]}
)); } return cells; })()}

Hornpiper hızlı çalışır. Kontrolsüz hız satmaz.

{e.preventDefault();navigate("/contact");}} className="hp-btn"> İletişim
{/* ── DIAGNOSE CTA ───────────────────────────────────────── */}

Önce büyüme sisteminizin nerede tıkandığını görelim.

Diagnose, Hornpiper'ın ilk adımıdır. Amaç size hizmet listesi göndermek değil, büyüme stratejinizin hangi sistem eksiklikleri nedeniyle uygulanamadığını anlamaktır.

{e.preventDefault();navigate("/contact");}} className="hp-btn" style={{ fontSize: 16, padding: "20px 32px" }}> Teşhis Talebi Gönder
); } Object.assign(window, { HomePage }); // — FAQ accordion — function FaqSection({ D, navigate }) { const [open, setOpen] = React.useState(0); const items = D.faq || []; return (
SSS (Sık Sorulan Sorular)} accent="var(--hp-green-3)" />
{items.map((it, i) => { const isOpen = open === i; return (

{it.a}

); })}
Sorunuz mu var? {e.preventDefault();navigate("/contact");}} className="hp-btn"> Teşhis Talebi Gönder
); } Object.assign(window, { FaqSection });