// LongtailIQ marketing, feature sections (Peec-style: light, minimal) // Strings route through window.LTQM.t; data arrays are built at RENDER time // (not module scope) so they resolve after the i18n dictionary has loaded. (function init(){ if(!window.LongtailIQDesignSystem_ae8f12){return setTimeout(init,30);} const React = window.React; const DS = window.LongtailIQDesignSystem_ae8f12; const { Icon } = DS; function PillLabel({ icon, children }) { return {children}; } function Wrap({ children, style, id }) { return
{children}
; } function Head({ pill, pillIcon, title, gray, sub, gradient }) { return (
{pill}

{gradient ? {title} : title}{gray && <>
{gray}}

{sub &&

{sub}

}
); } function SourceCard({ s }) { const [hover, setHover] = React.useState(false); const onMove = window.LTQM.useSpotlight(); return (
setHover(true)} onMouseLeave={()=>setHover(false)} style={{ position: "relative", border: "1px solid var(--border-subtle)", borderRadius: 14, padding: 18, background: "var(--paper)", transition: "border-color var(--dur-base), transform var(--dur-base)", borderColor: hover ? "var(--ink-200)" : "var(--border-subtle)", transform: hover ? "translateY(-2px)" : "none" }}>
{s.t}
{s.d}
); } function Sources() { const t = window.LTQM.t; const SOURCES = [ { icon: "globe", t: t("src.google.t"), d: t("src.google.d") }, { icon: "sparkles", t: t("src.aio.t"), d: t("src.aio.d") }, { icon: "sparkle", t: t("src.chatgpt.t"), d: t("src.chatgpt.d") }, { icon: "message-circle", t: t("src.reddit.t"), d: t("src.reddit.d") }, { icon: "monitor-play", t: t("src.youtube.t"), d: t("src.youtube.d") }, { icon: "music-2", t: t("src.tiktok.t"), d: t("src.tiktok.d") }, { icon: "shopping-bag", t: t("src.shopify.t"), d: t("src.shopify.d") }, { icon: "map-pin", t: t("src.local.t"), d: t("src.local.d") }, ]; return (
{SOURCES.map((s,i)=>)}
); } function HowSearch() { const t = window.LTQM.t; const rows = [ { icon: "message-square-text", t: t("hs.1.t"), d: t("hs.1.d") }, { icon: "git-compare", t: t("hs.2.t"), d: t("hs.2.d") }, { icon: "sparkles", t: t("hs.3.t"), d: t("hs.3.d") }, ]; return (
{rows.map((r,i)=>(
{r.t}
{r.d}
))}
); } // ---- How it works: the product's 3-step workflow (staggered via RevealGroup) ---- function HowItWorks() { const M = window.LTQM; const t = M.t; const STEPS = [ { n: "01", icon: "search", t: t("hiw.1.t"), d: t("hiw.1.d") }, { n: "02", icon: "sparkles", t: t("hiw.2.t"), d: t("hiw.2.d") }, { n: "03", icon: "file-pen-line", t: t("hiw.3.t"), d: t("hiw.3.d") }, ]; const RevealGroup = (M && M.RevealGroup) || (({ children, className, style }) =>
{children}
); return (
{STEPS.map((s, i) => (
{s.n}
{s.t}

{s.d}

))}
); } // ---- Platform features: SQSEO's real capabilities (honest; links into the app/docs) ---- function FeatureCard({ f }) { const [hover, setHover] = React.useState(false); const onMove = window.LTQM.useSpotlight(); return ( setHover(true)} onMouseLeave={()=>setHover(false)} style={{ display: "block", height: "100%", position: "relative", border: "1px solid var(--border-subtle)", borderRadius: 14, padding: 18, background: "var(--paper)", textDecoration: "none", transition: "border-color var(--dur-base), transform var(--dur-base)", borderColor: hover ? "var(--ink-200)" : "var(--border-subtle)", transform: hover ? "translateY(-2px)" : "none" }}>
{f.t}
{f.d}
 ); } function PlatformFeatures() { const M = window.LTQM; const t = M.t, h = M.href; const PLATFORM = [ { icon: "radar", t: t("pf.1.t"), d: t("pf.1.d"), href: h("/app/register.html") }, { icon: "sparkles", t: t("pf.2.t"), d: t("pf.2.d"), href: h("/app/register.html") }, { icon: "file-pen-line", t: t("pf.3.t"), d: t("pf.3.d"), href: h("/app/register.html") }, { icon: "git-compare", t: t("pf.4.t"), d: t("pf.4.d"), href: h("/app/register.html") }, { icon: "gauge", t: t("pf.5.t"), d: t("pf.5.d"), href: h("/app/register.html") }, { icon: "list-checks", t: t("pf.6.t"), d: t("pf.6.d"), href: h("/app/register.html") }, { icon: "download", t: t("pf.7.t"), d: t("pf.7.d"), href: h("/app/register.html") }, { icon: "code", t: t("pf.8.t"), d: t("pf.8.d"), href: h("/api") }, ]; const RevealGroup = (M && M.RevealGroup) || (({ children, className, style }) =>
{children}
); return ( {PLATFORM.map((f, i) => )} ); } window.LTQM = window.LTQM || {}; Object.assign(window.LTQM, { Sources, HowSearch, HowItWorks, PlatformFeatures }); })();