/* bloo.app — shared site chrome: links, icons, style tokens, nav, footer. Loaded before each page's own script; exports via window.Site so other babel-scoped page scripts can read it. */ (function () { const { Button } = window.BlooAppDesignSystem_ab7292; const { useT } = window.I18n; const SITE_CONFIG = window.BlooSiteConfig; if (!SITE_CONFIG) throw new Error('site-config.js must load before shared.jsx'); const REGION = SITE_CONFIG.regions[SITE_CONFIG.regionKeyFromPath(window.location.pathname)]; function routeHref(routeKey, suffix = '', regionKey = REGION.key) { return `${SITE_CONFIG.pathForRoute(routeKey, regionKey)}${suffix}`; } function equivalentRegionHref(regionKey) { const url = new URL(window.location.href); url.searchParams.delete('lang'); url.searchParams.delete('market'); const routeKey = SITE_CONFIG.routeKeyFromPath(url.pathname); const query = url.searchParams.toString(); return `${SITE_CONFIG.pathForRoute(routeKey, regionKey)}${query ? `?${query}` : ''}${url.hash}`; } /* ---- one product/release source of truth ---- */ const PRODUCT = window.BlooProductConfig; if (!PRODUCT) throw new Error('product-config.js must load before shared.jsx'); const PRODUCT_ROUTES = new Set(['ai-code-review', 'benchmark', 'docs', 'changelog', 'license']); /* ---- edit destinations here, not in individual pages ---- */ const LINKS = { checkoutApi: '/api/checkout', freeRepo: PRODUCT.freeRepoUrl, license: routeHref('license'), book: 'https://cal.com/bruno-luigi-wnqfwi/30min?overlayCalendar=true', companyEmail: 'contato@bloo.app', personalEmail: 'bruno@bloo.app', linkedin: 'https://www.linkedin.com/in/blooapp/', medium: 'https://medium.com/@blooapp', youtube: 'https://www.youtube.com/@FlutterUX', }; const EXT = { target: '_blank', rel: 'noopener noreferrer' }; /* ---- attribution: first-touch UTM capture, persisted, attached to every event ---- Launch channels (LinkedIn/TabNews/HN/PH/paid) tag links with utm_*; we keep the first campaign that brought each visitor and stamp it on every event so paid vs. community vs. organic can be told apart later. Browser-only; no server, no PII. */ const ATTR_KEY = 'bloo_attribution'; function getAttribution() { try { return JSON.parse(localStorage.getItem(ATTR_KEY) || '{}'); } catch (_) { return {}; } } function captureAttribution() { const a = getAttribution(); const p = new URLSearchParams(window.location.search); const utm = {}; ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content', 'utm_term'].forEach((k) => { const v = p.get(k); if (v) utm[k] = v; }); let changed = false; if (Object.keys(utm).length && !a.utm_source) { Object.assign(a, utm); changed = true; } // first-touch, once if (!a.first_seen) { a.first_seen = new Date().toISOString(); changed = true; } if (!a.referrer && document.referrer) { a.referrer = document.referrer; changed = true; } if (Object.keys(utm).length) { a.last = Object.assign({}, utm, { seen: new Date().toISOString() }); changed = true; } // last-touch if (changed) { try { localStorage.setItem(ATTR_KEY, JSON.stringify(a)); } catch (_) {} } return a; } try { captureAttribution(); } catch (_) {} /** Fire a Vercel Analytics custom event, enriched with first-touch attribution. */ function trackEvent(name, data) { try { const a = getAttribution(); const payload = Object.assign({ product_version: PRODUCT.version, product_stage: PRODUCT.stage, region: REGION.key, market: REGION.market, }, data || {}); ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content'].forEach((k) => { if (a[k] != null && payload[k] == null) payload[k] = a[k]; }); if (typeof window.va === 'function') { window.va('event', Object.keys(payload).length ? { name, data: payload } : { name }); } } catch (_) { /* analytics must never break UX */ } } /** Fire an event at most once per browser — for activation milestones (installation_confirmed, first_review_completed, second_review_completed). */ function trackOnce(key, name, data) { try { const k = 'bloo_evt_' + key; if (localStorage.getItem(k)) return false; localStorage.setItem(k, new Date().toISOString()); } catch (_) {} trackEvent(name, data); return true; } /* ---- inline icons (Lucide-style paths) ---- */ const Icon = ({ d, size = 22, sw = 1.75 }) => ( {d} ); const IconCode = (p) => } />; const IconLayers = (p) => } />; const IconUsers = (p) => } />; const IconSpark = (p) => } />; const IconArrow = (p) => } />; const IconCheck = (p) => } />; const IconExternal = (p) => } />; const IconMail = (p) => } />; const IconPackage = (p) => } />; const IconTarget = (p) => } />; const IconTrendUp = (p) => } />; const IconGlobe = (p) => } />; const IconBrazilFlag = ({ width = 21, height = 15 }) => ( ); const Icons = { IconCode, IconLayers, IconUsers, IconSpark, IconArrow, IconCheck, IconExternal, IconMail, IconPackage, IconTarget, IconTrendUp, IconGlobe, IconBrazilFlag }; /* ---- shared style tokens (spread/reused by each page's own style object) ---- */ const S = { container: { maxWidth: 1120, margin: '0 auto', padding: '0 var(--space-8)' }, nav: { position: 'sticky', top: 0, zIndex: 20, background: 'rgba(255,255,255,.85)', backdropFilter: 'blur(10px)', borderBottom: '1px solid var(--border-subtle)' }, navInner: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', height: 64, gap: 24 }, brand: { fontFamily: 'var(--font-display)', fontWeight: 600, fontSize: 20, letterSpacing: '-.03em', color: 'var(--text-strong)', textDecoration: 'none', flex: 'none' }, navLinks: { display: 'flex', gap: 26, flex: 1, justifyContent: 'center' }, navLink: { fontSize: 14, color: 'var(--text-body)', textDecoration: 'none', fontWeight: 500, whiteSpace: 'nowrap' }, navLinkActive: { color: 'var(--brand)' }, section: { padding: 'var(--space-21) 0' }, sectionHead: { textAlign: 'center', maxWidth: 640, margin: '0 auto var(--space-12)', display: 'flex', flexDirection: 'column', gap: 12, alignItems: 'center' }, sectionHeadLeft: { textAlign: 'left', maxWidth: 680, margin: '0 0 var(--space-12)', display: 'flex', flexDirection: 'column', gap: 12, alignItems: 'flex-start' }, eyebrow: { fontFamily: 'var(--font-mono)', fontSize: 12, letterSpacing: '.1em', color: 'var(--text-accent)', whiteSpace: 'nowrap' }, h1: { fontFamily: 'var(--font-display)', fontWeight: 500, fontSize: 52, lineHeight: 1.08, letterSpacing: '-.03em', color: 'var(--text-strong)', margin: 0 }, h2: { fontFamily: 'var(--font-display)', fontWeight: 500, fontSize: 40, lineHeight: 1.1, letterSpacing: '-.02em', color: 'var(--text-strong)', margin: 0 }, h3: { fontFamily: 'var(--font-display)', fontWeight: 600, fontSize: 20, letterSpacing: '-.01em', color: 'var(--text-strong)', margin: 0 }, sectionSub: { fontSize: 17, lineHeight: 1.55, color: 'var(--text-muted)', margin: 0 }, cardBody: { fontSize: 14.5, lineHeight: 1.6, color: 'var(--text-body)', margin: 0, flex: 1 }, cardLink: { fontSize: 14, fontWeight: 500, color: 'var(--text-link)', textDecoration: 'none', display: 'inline-flex', gap: 6, alignItems: 'center' }, serviceIcon: { display: 'inline-flex', width: 44, height: 44, borderRadius: 'var(--radius-md)', background: 'var(--blue-50)', color: 'var(--brand)', alignItems: 'center', justifyContent: 'center', flex: 'none' }, checkDot: { flex: 'none', width: 22, height: 22, borderRadius: '50%', background: 'var(--success-bg)', color: 'var(--success)', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', marginTop: 1 }, metricsBand: { background: 'var(--surface-sunken)', borderTop: '1px solid var(--border-subtle)', borderBottom: '1px solid var(--border-subtle)', padding: 'var(--space-10) 0' }, metricsInner: { display: 'flex', justifyContent: 'space-around', gap: 24, flexWrap: 'wrap' }, metricNum: { fontFamily: 'var(--font-display)', fontWeight: 600, fontSize: 40, letterSpacing: '-.02em', color: 'var(--brand)' }, metricLabel: { fontSize: 14, color: 'var(--text-muted)', marginTop: 4, maxWidth: 150 }, cta: { background: 'var(--surface-inverse)', padding: 'var(--space-21) 0' }, ctaInner: { textAlign: 'center', display: 'flex', flexDirection: 'column', gap: 18, alignItems: 'center' }, footer: { padding: 'var(--space-14) 0 var(--space-8)', background: 'var(--surface-card)', borderTop: '1px solid var(--border-subtle)' }, footHead: { fontFamily: 'var(--font-mono)', fontSize: 11, letterSpacing: '.08em', color: 'var(--text-subtle)', marginBottom: 12, textTransform: 'uppercase' }, footLink: { display: 'flex', alignItems: 'center', gap: 5, fontSize: 14, color: 'var(--text-body)', textDecoration: 'none', marginBottom: 8, width: 'fit-content', whiteSpace: 'nowrap' }, }; /* ---- nav ---- */ const PAGE_LABELS = { 'ai-code-review': { en: 'AI Code Review', pt: 'AI Code Review' }, benchmark: { en: 'Benchmark', pt: 'Benchmark' }, docs: { en: 'Docs', pt: 'Docs' }, changelog: { en: 'Changelog', pt: 'Changelog' }, services: { en: 'Services', pt: 'Serviços' }, 'case-studies': { en: 'Case studies', pt: 'Estudos de caso' }, products: { en: 'Products', pt: 'Produtos' }, about: { en: 'About', pt: 'Sobre' }, contact: { en: 'Contact', pt: 'Contato' }, }; function RegionSelector() { const { t } = useT(); const label = t('Region, language, and currency', 'Região, idioma e moeda'); function changeRegion(event, nextRegion) { if (nextRegion === REGION.key) { event.preventDefault(); return; } trackEvent('switch_region', { from_region: REGION.key, to_region: nextRegion }); } return ( ); } function SiteNav({ active }) { const { t, locale } = useT(); const items = [ [routeHref('case-studies'), t('Work', 'Trabalhos'), 'case-studies'], [routeHref('products'), PAGE_LABELS.products[locale], 'products'], [routeHref('services'), PAGE_LABELS.services[locale], 'services'], [routeHref('about'), PAGE_LABELS.about[locale], 'about'], ]; const productItems = [ [routeHref('ai-code-review'), t('Overview', 'Visão geral'), 'ai-code-review'], [routeHref('benchmark'), PAGE_LABELS.benchmark[locale], 'benchmark'], [routeHref('docs'), PAGE_LABELS.docs[locale], 'docs'], [routeHref('changelog'), PAGE_LABELS.changelog[locale], 'changelog'], [routeHref('license'), t('License', 'Licença'), 'license'], ]; const inProduct = PRODUCT_ROUTES.has(active); return (
bloo.app
{inProduct && (
)}
); } /* ---- footer ---- */ function SiteFooter() { const { t, locale } = useT(); return ( ); } /* ---- reusable bottom CTA band ---- */ function CTASection({ heading, body, primaryLabel, primaryHref = LINKS.book, secondary }) { const { t } = useT(); const label = primaryLabel || t('Book a call', 'Agendar uma call'); return (

{heading}

{body &&

{body}

}
{secondary && ( )}
); } window.Site = { PRODUCT, SITE_CONFIG, REGION, LINKS, EXT, Icons, Icon, S, SiteNav, SiteFooter, CTASection, PAGE_LABELS, routeHref, equivalentRegionHref, trackEvent, trackOnce, getAttribution, }; })();