// Main app for Holistic Radar — full landing page const { useState, useEffect, useMemo } = React; // ============================================================ // DATA // ============================================================ // 6-Layer Pyramid (Google's actual evaluation system, Holistic Radar's framework) const PYRAMID = [ { id: "L6", title: "Holistic Task / Need", subtitle: "MUM, Gemini , WHY is the user here?", short: "The Convergence Layer", body: "Google's MUM and Gemini model the entire user journey: the trigger that started the search, the immediate question, the follow-up questions they haven't typed yet, and the ultimate goal beneath all of it. Content that only answers the typed question ranks below content that solves the whole problem. This is the layer where Semantic SEO and persuasion psychology converge , the same dimension MUM evaluates is the one Cialdini's Unity principle operates on.", bullets: ["Ownership of featured positions and AI answer boxes", "Content that converts because it addresses the full decision journey", "Rankings that hold because users complete their goal on your page"], principle: "Unity , the deepest persuasion principle and the deepest ranking signal are the same signal.", tech: "MUM · Gemini multimodal · Holistic context scoring · 75+ language understanding" }, { id: "L5", title: "Entity Authority", subtitle: "Knowledge Graph, E-E-A-T, Trust", short: "Who Google believes you are", body: "Google ranks entities, not pages. At Layer 5, the algorithm evaluates whether your brand and author entities exist in the Knowledge Graph, whether they are verified, and whether they carry attribute-level trust. Without entity authority, even perfectly written content gets capped.", bullets: ["Verified author + brand entity in Knowledge Graph", "Schema markup across every content type", "E-E-A-T signals embedded structurally, not claimed"], principle: "Authority , demonstrated, not declared. Cialdini's principle of expertise.", tech: "Knowledge Graph · sameAs schema · E-E-A-T trust signals" }, { id: "L4", title: "Contextual Intent", subtitle: "BERT, Transformers, Attention", short: "What you actually mean", body: "BERT reads your content the way a computational linguist reads a paragraph , token by token, relationship by relationship. Layer 4 evaluates whether your content matches the actual intent behind the query, not the surface keywords. Most agencies stop at Layer 1 and never make it here.", bullets: ["Intent classification across all target queries", "Attention-aware section structuring", "Disambiguation for polysemous terms"], principle: "Liking , when content reflects the reader's exact mental model, resonance happens.", tech: "BERT · Transformer attention layers · Intent classification" }, { id: "L3", title: "Topical Completeness", subtitle: "Co-occurrence, Phrase Indexing, Semantic Clusters", short: "Does your content cover everything?", body: "Most content fills 30–40% of the semantic frames Google expects to see for a topic. The Holistic Radar architecture fills 90%+. That is the actual difference between content that ranks and content that does not , total topical coverage at the cluster level, not the page level.", bullets: ["Topical maps with full semantic coverage", "Interconnected content networks", "Phrase indexing across the entire cluster"], principle: "Commitment & Consistency , the cluster keeps the reader saying yes across pages.", tech: "Topical maps · Co-occurrence analysis · Phrase indexing" }, { id: "L2", title: "Structural Semantics", subtitle: "TF-IDF, BM25, Document Structure, Schema", short: "How your page is built", body: "Layer 2 evaluates whether your document structure communicates meaning to the algorithm. Heading hierarchy, internal linking, schema, BM25 weight distribution. The gap between page 3 and page 1 almost always lives here , and most agencies have never audited it.", bullets: ["TF-IDF and BM25 analysis vs. top 10", "Internal link architecture (pillar–cluster)", "Schema implementation across all content types"], principle: "Social Proof , structural signals tell Google other authoritative pages reference you the same way.", tech: "TF-IDF · BM25 · Schema.org · Internal link graphs" }, { id: "L1", title: "N-Grams / Tokens", subtitle: "The atomic unit , how Google reads", short: "Where most agencies stop", body: "Google's transformer-based NLP reads your page like a computational linguist. N-grams, tokens, and co-occurrence patterns are Layer 1 of a 6-layer AI evaluation system. Most agencies have never heard of Layers 2 through 6. Optimizing only at this layer is why your rankings have plateaued.", bullets: ["Token-level co-occurrence analysis", "N-gram coverage vs. competitors", "Atomic semantic unit auditing"], principle: "Reciprocity , give the algorithm the atomic clarity it needs before asking for ranking.", tech: "Tokenization · N-grams · Co-occurrence patterns" }]; const MYTHS = [ { num: "01", myth: "Keyword density determines rankings", reality: "Google's transformer-based NLP reads your page like a computational linguist. N-grams, tokens, and co-occurrence patterns are Layer 1 of a 6-layer AI evaluation system. Most agencies have never heard of Layers 2 through 6." }, { num: "02", myth: "Great content ranks on its own merit", reality: "BERT evaluates structural semantics, entity authority, and holistic task completion before ranking anything. Content without semantic architecture is invisible to Layers 3, 4, and 5 regardless of how well-written it is." }, { num: "03", myth: "SEO and conversion are separate disciplines", reality: "The same dimension MUM evaluates at Layer 6 is the exact dimension Cialdini's Unity principle operates on. The deepest ranking signal and the deepest persuasion principle are the same signal. We're the only agency that activates both." }]; const CIALDINI = [ { num: "01", name: "Reciprocity", body: "Give genuine value before asking for anything. The entire 6-layer framework section above is this principle in action.", placement: "FREE PYRAMID SCAN ON FIRST CALL. NO COMMITMENT." }, { num: "02", name: "Commitment", body: "Small agreements build toward full conversion. Each myth agreed with is a micro-commitment to the Holistic Radar worldview.", placement: "PROGRESSIVE-YES ARCHITECTURE BUILT INTO EVERY PAGE STRUCTURE." }, { num: "03", name: "Social Proof", body: "Peers who made the same decision reduce risk perception at decision moments.", placement: "CASE STUDIES PLACED IMMEDIATELY BEFORE SERVICE CTAS, NOT AT THE BOTTOM." }, { num: "04", name: "Authority", body: "Demonstrated expertise that removes doubt before it forms , not claimed expertise.", placement: "THE 6-LAYER FRAMEWORK DISPLAYED IN FULL. TECHNICAL DEPTH BEFORE ANY SALES MESSAGE." }, { num: "05", name: "Liking", body: "People commit to brands that reflect their own worldview and values, not just their preferences.", placement: "VOICE, POSITIONING, AND VISUAL IDENTITY THAT ATTRACT EXACTLY THE RIGHT CLIENTS." }, { num: "06", name: "Scarcity", body: "Real constraint creates genuine urgency. The 12-client limit is operational, not performative.", placement: "12-CLIENT HARD MAXIMUM. 3 SPOTS CURRENTLY AVAILABLE. NOT A MARKETING CLAIM." }, { num: "07", name: "Unity", body: "The highest form of influence: shared identity. Not 'we both like the same things' but 'we are the same kind of person.' Cialdini's deepest principle , and the one this entire page is built on.", placement: "THIS PAGE IS A UNITY ARCHITECTURE. YOU WERE IDENTIFIED AS SOMEONE WHO THINKS DIFFERENTLY ABOUT SEO BEFORE THE FIRST PARAGRAPH ENDED.", deepest: true }]; const SERVICES = [ { tier: "Foundation", name: "Semantic SEO Architecture", pitch: "For businesses that need the complete technical and strategic SEO foundation.", items: [ "Full 6-layer Radar Scan & gap audit", "Topical authority map & content cluster design", "Entity optimization & Knowledge Graph setup", "Schema markup across all content types", "Internal link architecture & pillar–cluster structure", "TF-IDF & BM25 analysis vs. top 10 competitors", "Monthly monitoring report"] }, { tier: "Flagship", name: "Holistic Radar Full Stack", pitch: "For brands that want the complete system , SEO architecture and conversion copy as one.", items: [ "Everything in Semantic SEO Architecture", "All 7 Cialdini principles deliberately placed per page", "Unity-architecture content brief for every deliverable", "Semantic copywriting for landing, service, and blog", "Conversion architecture review & A/B framework", "Bi-weekly strategy calls & live layer-tracking dashboard", "Dedicated lead strategist (Bilal Sameer , not delegated)"], featured: true }, { tier: "Specialist", name: "Semantic Copywriting", pitch: "For teams with SEO strategy in place who need copy that actually converts.", items: [ "Cialdini principle mapping for each page/piece", "Unity-first copy architecture for every deliverable", "Semantic keyword integration without forced placement", "Landing pages, service pages, About narrative", "Blog articles structured around topical completeness", "Email sequences with progressive-commitment architecture"] }]; const CASES = [ { tag: "Real Estate CRM · PropXPro.com", badge: "400+ Page SaaS Content Ecosystem", challenge: "An ambitious real estate CRM launching into a saturated market , Salesforce, HubSpot, Follow Up Boss as competitors. Needed a complete product narrative, 400+ pages of feature copy, onboarding flows, integration docs, and a semantic SEO system to win against incumbents 100× their size.", outcome: "Built the entire content ecosystem from zero , homepage, every feature page (Lead Management, KPIs, Campaigns, User Module, Action Assignment, Activity Tracking, PropXChat, Teams, Phone Numbers, Calls/Messaging, Dashboard), product positioning, onboarding sequences, demo CTAs, and the full topical map. Every page architected through the 6-layer Pyramid with Cialdini's 7 principles deliberately placed.", stats: [ { num: "400+", label: "Pages architected & written" }, { num: "11", label: "Core feature pages from zero" }, { num: "7/7", label: "Cialdini principles per page" }], artifact: "Sample available: full content document , homepage, features, integrations, CTAs" }, { tag: "Transportation & Logistics · VitalTransportationCorp.com", badge: "Authority-Led Website Rewrite", challenge: "A 23-year industry leader (since 2001) ranked among Top 100 carriers for Trinity, C.H. Robinson, TQL , but a digital presence that read like a contractor's site. Inconsistent voice, no founder narrative, no Authority signals, no FAQ structure for semantic SEO.", outcome: "Full site rewrite anchored on Authority (45 years combined founder experience, J.B. Hunt pedigree, named clients CVS / Famous Footwear / Old Navy) and Social Proof (Top 100 ranking). Built FAQ schema for 12 high-intent queries, restructured services around Reliability + Innovation + Exceptional Service pillars.", stats: [ { num: "40%", label: "Longer visitor engagement" }, { num: "23yr", label: "Founder story unlocked in copy" }, { num: "12", label: "Schema-ready FAQ entries" }], artifact: "Live: vitaltransportationcorp.com , About, Home, Services, FAQ all rewritten" }]; const TESTIMONIALS = [ { stars: 5, featured: true, body: "Bilal Sameer delivered excellent work on this content writing project and I truly appreciated collaborating with him. His communication was outstanding, meeting all deadlines with ease, and his writing skills were impressive. When I requested changes to better align with our target audience, he was very receptive and adapted the content accordingly. His proactive approach in ensuring the content met our standards was especially noteworthy. I enjoyed working with Bilal and am looking forward to future projects together.", who: "Verified Upwork Client", role: "Website Content Writer , Logistics Website", meta: "5.0 · May 13, 2024 · Fixed price · $4,668", source: "UPWORK · VERIFIED", href: "https://www.upwork.com/freelancers/~017b50f6cd5cf68437" }, { stars: 5, body: "Brought Bilal in to rewrite our services page after two agencies couldn't make it convert. He didn't just rewrite , he restructured the whole funnel around the actual buyer journey. Inbound calls went up the same month.", who: "Operations Director", role: "Vital Transportation Corp.", meta: "Repeat engagement · 23-year carrier", source: "LINKEDIN · ENDORSED", href: "https://www.linkedin.com/in/bilal-sameer/" }, { stars: 5, body: "We hired Bilal for the homepage and ended up giving him the entire 400-page SaaS content build. The man understands how the words, the structure, and the search engine fit together , which is rare.", who: "Founder", role: "PropXPro · Real Estate CRM", meta: "3rd consecutive engagement", source: "LINKEDIN · ENDORSED", href: "https://www.linkedin.com/in/bilal-sameer/" }]; const STATS = [ { num: "3×", label: "Average organic traffic increase within 90 days" }, { num: "6", label: "Pyramid layers satisfied on every deliverable" }, { num: "92%", label: "Of clients reach Page 1 for primary keyword in 90 days" }, { num: "7", label: "Cialdini principles embedded per page, every time" }]; const FAQ = [ { q: "We already have an SEO agency. Why would we need Holistic Radar?", a: "Most SEO agencies operate at Layers 1 and 2 only , keywords and basic structure. The gap between page 3 and page 1 lives at Layers 3, 4, and 5. Layer 6 is where you stop competing and start owning. We don't replace your agency by doing what they do better; we add the layers they cannot reach." }, { q: "We've tried content agencies. The content looked good but didn't rank.", a: "Quality of writing is not the constraint. Quality of architecture is. A perfectly written page with weak semantic frame coverage, no entity grounding, and no topical cluster will sit on page 3 forever. We engineer the architecture first, then the writing earns its rankings." }, { q: "How is this different from other 'AI SEO' services?", a: "AI tools generate; we engineer. AI content fills 30–40% of semantic frames Google expects. Our framework fills 90%+. Every output passes through 6-layer verification and 7-principle Cialdini placement before it ships." }, { q: "What's the minimum engagement timeline?", a: "We don't run multi-month retainers as the default. The Foundation engagement is scoped tightly , Radar Scan, architecture, and the first wave of deliverables. From there you decide whether to continue. No long-term lock-in." }, { q: "Why only 12 clients?", a: "Delivering a full 6-layer architecture with all 7 Cialdini principles deliberately placed requires total strategic attention. Every client receives the complete system , that requires a hard capacity limit. It is operational, not performative." }]; // ============================================================ // APP SHELL // ============================================================ function App() { const defaults = window.__TWEAKS__ || {}; const [tweaks, setTweak] = useTweaks({ showRadarPings: defaults.showRadarPings ?? true, accentHue: defaults.accentHue ?? 67, density: defaults.density ?? "comfortable" }); useEffect(() => { const h = tweaks.accentHue; document.documentElement.style.setProperty("--signal", `oklch(0.82 0.17 ${h})`); document.documentElement.style.setProperty("--signal-2", `oklch(0.68 0.15 ${Math.max(0, h - 25)})`); }, [tweaks.accentHue]); return ( <>