https://replit-partners.replit.app/assets/App-T4VMOeaH.js

1import{j as e,r as p}from"./index-CMYq_1e9.js";import{H as x,a as m}from"./index.esm-BJZ4XhJA.js";import{m as i}from"./proxy-BMfBXtvi.js";const t={accentTeal:"#20808D",heroSub:"Sonar API turns every Replit app into a search-grounded answer engine. Cite your sources, ground your AI, ship in one conversation.",ctaPrimary:{label:"Build with Sonar",url:"https://replit.com/new/perplexity-blueprint"},ctaSecondary:{label:"Get a Sonar API key",url:"https://www.perplexity.ai/api-platform"},sonarHeadline:"What is Sonar?",sonarParaOne:"Sonar is Perplexity's developer API for search-grounded answers. Every response is a search-augmented LLM completion with citations baked in — sources surface as part of the response itself, not appended after the fact, and they can be filtered, weighted, and time-boxed via parameters you control.",sonarParaTwo:"Three production tiers cover any shape of app: fast Sonar for chat-style Q&A, Sonar Pro for production-grade depth where citation quality matters, and Sonar Deep Research for long-running, multi-section investigative reports. Same JSON shape across all three; same Replit Secrets-managed API key; pick a tier per call.",sonarTiers:[{name:"Sonar",tagline:"Fast, low-latency answers with citations.",bestFor:"Chat, lightweight Q&A, quick lookups",latency:"Low",cost:"Lowest"},{name:"Sonar Pro",tagline:"Production-grade depth and source weighting.",bestFor:"Customer-facing tools, knowledge bases, research apps",latency:"Medium",cost:"Higher"},{name:"Sonar Deep Research",tagline:"Long-running, multi-section investigative reports.",bestFor:"Analyst memos, overnight reports, competitive briefs",latency:"Async (minutes)",cost:"Per-run"}],blueprintEyebrow:"The Perplexity Blueprint on Replit",blueprintHeadline:"From a prompt to a cited answer engine.",blueprintBody:`Blueprints are Replit Agent's structured scaffolds for common app shapes. The Perplexity Blueprint encodes the right defaults — model selection, citation parsing, error handling, and Secrets-based key management — so going from "I want a research tool" to "I have a deployed app with cited answers" is a single Agent conversation. The blueprint shipped through evals at a 90% pass rate and is live for every builder on Replit.`,blueprintPrompt:"Build a research assistant that pulls cited answers from Perplexity Sonar — let me ask follow-up questions in the same thread.",blueprintAttribution:"Blueprint engineering led by Replit's AI team. Covers Sonar, Sonar Pro, and Sonar Deep Research — Agent picks the right tier based on the app you describe.",useCasesHeadline:"What builders ship with Sonar",useCasesSub:"Five shapes of app the Perplexity Blueprint scaffolds well. Each card is one Agent prompt away.",useCases:[{title:"Research assistant",body:"Ask a question, get a cited answer. Follow-ups stay in the same thread, sources stay clickable.",prompt:"Build a research assistant that pulls cited answers from Perplexity Sonar — let me ask follow-ups in the same thread."},{title:"Ask my docs",body:"Pair Sonar Pro with your own documents to give grounded answers across internal knowledge and the live web.",prompt:"Make a 'chat with my docs' tool that uses Sonar Pro for the search-augmented answer step. My docs are in this folder."},{title:"Citation-driven drafting",body:"Generate copy where every claim links back to a real source — hover any sentence, see the citation.",prompt:"Build a content drafter that grounds every claim with Perplexity citations. Hover a sentence, see the source."},{title:"Competitive intel",body:"Type a company name, get a Sonar-grounded brief on funding, leadership, recent news, and competitive moves.",prompt:"Create a competitive intel dashboard. Add a company name, fetch a Perplexity-grounded brief with citations."},{title:"Deep Research reports",body:"Kick off async Sonar Deep Research runs and get a full multi-section, multi-source memo back in minutes.",prompt:"Add a Sonar Deep Research workflow — kick off overnight reports for each topic in my list and email me a summary."}],promptsHeadline:"Try a prompt",promptsSub:"Open a fresh Repl, paste any of these into Replit Agent, and let the Perplexity Blueprint do the wiring.",prompts:["Build a research assistant that pulls cited answers from Perplexity Sonar — let me ask follow-up questions in the same thread.","Create a competitive intelligence dashboard. When I add a company name, fetch a Perplexity-groun

1ded brief covering funding, leadership, recent news, and competitive moves — with citations.","Make a 'chat with my docs' tool that uses Sonar Pro for the search-augmented answer step. My docs are in this folder.","Build a citation-checker that takes a draft document and verifies every factual claim against Sonar. Flag claims that can't be substantiated.","Spin up a journalist research desk that takes a story angle and returns a cited brief, a list of expert sources to call, and a timeline of relevant events."],comparisonHeadline:"Pick the right Sonar tier",comparisonSub:"Same API shape across all three. Pick per call based on how much depth and latency you need.",resourcesHeadline:"Resources",resourcesSub:"Docs, model references, and the Replit-side surfaces for shipping a Sonar app to production.",resources:[{group:"Perplexity",title:"Perplexity API Platform overview",url:"https://www.perplexity.ai/api-platform"},{group:"Perplexity",title:"Sonar API docs",url:"https://docs.perplexity.ai"},{group:"Perplexity",title:"Sonar Pro — introducing the production tier",url:"https://www.perplexity.ai/hub/blog/introducing-the-sonar-pro-api"},{group:"Perplexity",title:"Sonar Deep Research model reference",url:"https://docs.perplexity.ai/getting-started/models/models/sonar-deep-research"},{group:"Replit",title:"Replit AI integrations — Perplexity",url:"https://docs.replit.com/replitai/integrations"},{group:"Replit",title:"Replit Race to Revenue",url:"https://replit.com/racetorevenue"},{group:"Replit",title:"All Replit Partners",url:"https://replit.com/partners"}],closingHeadline:`Ground every answer.
2`,closingHeadlineAccent:"Cite every claim.",closingSub:"The Perplexity Blueprint makes Sonar a one-prompt build on Replit. Open Agent, describe the app, ship it.",metaTitle:"Replit × Perplexity — Build apps that answer with citations",metaDescription:"Sonar API turns every Replit app into a search-grounded answer engine. The Perplexity Blueprint scaffolds Sonar, Sonar Pro, and Sonar Deep Research in one Agent conversation."};function c({className:a,monochrome:s=null}){const r=s==="light"?"#FAF6F1":s==="dark"?"#191818":"#20808D",l=s==="light"?"#FAF6F1":"#191818";return e.jsxs("svg",{viewBox:"0 0 220 40",className:a,role:"img","aria-label":"Perplexity",preserveAspectRatio:"xMinYMid meet",children:[e.jsxs("g",{transform:"translate(0,4)",children:[e.jsx("path",{d:"M16 0 L20 9 L29 9 L22 14.5 L25 24 L16 18.5 L7 24 L10 14.5 L3 9 L12 9 Z",fill:r}),e.jsx("circle",{cx:"16",cy:"14",r:"2.5",fill:"#FAF6F1"})]}),e.jsx("g",{transform:"translate(40,28)",fill:l,style:{fontFamily:"'Diatype', system-ui, -apple-system, sans-serif",fontSize:"22px",fontWeight:500,letterSpacing:"-0.03em"},children:e.jsx("text",{children:"perplexity"})})]})}function h(){return e.jsxs("section",{className:"relative bg-[#FAF6F1] overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 pointer-events-none opacity-[0.035]",style:{backgroundImage:"linear-gradient(#191818 1px, transparent 1px), linear-gradient(90deg, #191818 1px, transparent 1px)",backgroundSize:"72px 72px"}}),e.jsxs("div",{className:"max-w-[1200px] mx-auto px-6 md:px-12 pt-36 pb-24 md:pt-40 md:pb-32 relative z-10 w-full",children:[e.jsxs(i.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{duration:.5},className:"flex items-center gap-5 mb-12",children:[e.jsx("img",{src:"https://replit-partners.replit.app/replit_brand_kit/logos/replit-primary.svg",alt:"Replit",className:"h-7 w-auto object-contain"}),e.jsx("span",{className:"text-[#C5C5C5] text-2xl font-light",children:"×"}),e.jsx(c,{className:"h-7 w-auto"})]}),e.jsxs("div",{className:"grid lg:grid-cols-[1.1fr_1fr] gap-14 lg:gap-10 items-center",children:[e.jsxs("div",{children:[e.jsxs(i.h1,{initial:{opacity:0,y:24},animate:{opacity:1,y:0},transition:{duration:.6,delay:.1,ease:[.16,1,.3,1]},className:"text-[44px] md:text-[64px] lg:text-[76px] leading-[0.95] text-[#191818]",style:{letterSpacing:"-0.04em"},children:["Build apps that answer with"," ",e.jsx("span",{style:{color:t.accentTeal},children:"citations."})]}),e.jsx(i.p,{initial:{opacity:0,y:16}

2,animate:{opacity:1,y:0},transition:{duration:.5,delay:.32},className:"mt-8 text-[#312E2E] text-lg md:text-xl leading-relaxed max-w-[540px]",children:t.heroSub}),e.jsxs(i.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.5,delay:.42},className:"mt-10 flex flex-col sm:flex-row gap-3",children:[e.jsxs("a",{href:t.ctaPrimary.url,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center justify-center gap-2 bg-[#FF3C00] hover:bg-[#FF764D] text-[#FAF6F1] rounded-full px-8 text-base font-medium transition-colors duration-200",style:{height:"52px"},children:[t.ctaPrimary.label,e.jsx("svg",{className:"w-4 h-4",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M3 8h10M9 4l4 4-4 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx("a",{href:t.ctaSecondary.url,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center justify-center gap-2 bg-[#191818] hover:bg-[#312E2E] text-[#FAF6F1] rounded-full px-8 text-base font-medium transition-colors duration-200",style:{height:"52px"},children:t.ctaSecondary.label})]}),e.jsx(i.p,{initial:{opacity:0}

2,animate:{opacity:1},transition:{duration:.5,delay:.55},className:"mt-6 text-xs text-[#767270] uppercase tracking-[0.14em]",children:"Sonar · Sonar Pro · Sonar Deep Research"})]}),e.jsx(i.div,{initial:{opacity:0,y:24},animate:{opacity:1,y:0},transition:{duration:.6,delay:.3},className:"relative",children:e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{className:"rounded-[24px] bg-[#191818] p-5 min-h-[340px] flex flex-col",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-[#FF5F57]"}),e.jsx("span",{className:"w-2 h-2 rounded-full bg-[#FEBC2E]"}),e.jsx("span",{className:"w-2 h-2 rounded-full bg-[#28C840]"}),e.jsx("span",{className:"ml-2 text-[#FAF6F1]/40 text-[10px] font-mono",children:"Replit Agent"})]}),e.jsxs("div",{className:"space-y-3 font-mono text-[11px] flex-1",children:[e.jsxs("div",{className:"flex gap-2 items-start",children:[e.jsx("div",{className:"w-5 h-5 rounded-md bg-[#FF3C00]/25 flex items-center justify-center flex-shrink-0",children:e.jsx("span",{className:"text-[#FF3C00] text-[7px] font-bold",children:"YOU"})}),e.jsx("p",{className:"text-[#FAF6F1]/65 leading-relaxed",children:"Build a research assistant powered by Perplexity Sonar."})]}),e.jsxs("div",{className:"space-y-1.5 pl-7 text-[10px] text-[#FAF6F1]/35",children:[e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("span",{className:"text-[#FF3C00]",children:"✓"})," Loaded Perplexity Blueprint"]}),e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("span",{className:"text-[#FF3C00]",children:"✓"})," Prompted for"," ",e.jsx("span",{className:"text-[#FAF6F1]/55",children:"PERPLEXITY_API_KEY"})]}),e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("span",{className:"text-[#FF3C00]",children:"✓"})," Wired Sonar request + citation parsing"]}),e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("span",{className:"text-[#FAF6F1]/25",children:"▸"})," Rendering UI…"]})]})]})]}),e.jsxs("div",{className:"rounded-[24px] bg-[#FAF6F1] border border-[#C5C5C5] p-5 min-h-[340px] flex flex-col",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx("div",{className:"w-5 h-5 rounded-md flex items-center justify-center",style:{background:t.accentTeal},children:e.jsx("svg",{viewBox:"0 0 20 20",className:"w-3 h-3",fill:"#FAF6F1",children:e.jsx("path",{d:"M10 2 L12 7 L17 7 L13 10.5 L14.5 16 L10 13 L5.5 16 L7 10.5 L3 7 L8 7 Z"})})}),e.jsx("span",{className:"text-[#767270] text-[10px] font-mono uppercase tracking-wider",children:"Sonar response"})]}),e.jsxs("p",{className:"text-[#191818] text-[12px] leading-relaxed mb-4",children:["Replit's Perplexity Blueprint scaffolds Sonar with citation parsing, Secrets-based auth, and 429 handling out of the box."," ",e.jsx("sup",{className:"text-[10px] font-mono px-1 rounded",style:{background:`${t.accentTeal}26`,color:t.accentTeal},children:"[1]"})]}),e.jsxs("div",{className:"mt-auto space-y-1.5",children:[e.jsx("div",{className:"text-[9px] uppercase tracking-[0.12em] text-[#767270] mb-1.5",children:"Sources"}),[{num:1,host:"docs.replit.com",title:"AI integrations"},{num:2,host:"docs.perplexity.ai",title:"Sonar API reference"},{num:3,host:"perplexity.ai",title:"Introducing Sonar Pro"}].map(a=>e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-[10px] font-mono w-5 h-5 rounded flex items-center justify-center flex-shrink-0",style:{background:`${t.accentTeal}1a`,color:t.accentTeal},children:a.num}),e.jsxs("div",{className:"text-[11px] leading-tight",children:[e.jsx("div",{className:"text-[#191818]",children:a.title}),e.jsx("div",{className:"text-[#767270] text-[9px]",children:a.host})]})]},a.num))]})]})]})})]})]})]})}function u(){return e.jsx("section",{id:"sonar",className:"py-24 md:py-36 bg-[#FAF6F1] scroll-mt-20",children:e.jsxs("div",{className:"max-w-[1200px] mx-auto px-6 md:px-12",children:[e.jsxs(i.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,amount:.3},transition:{duration:.55},className:"grid lg:grid-cols-[1fr_1.4fr] gap-12 lg:gap-20 mb-16",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-medium uppercase tracking-[0.14em] mb-4",style:{color:t.accentTeal},children:"What is Sonar?"}),e.jsx("h2",{className:"text-[36px] md:text-[52px] lg:text-[60px] tracking-[-0.04em] text-[#191818] leading-[0.95]",children:t.sonarHeadline})]}),e.jsxs("div",{className:"space-y-5 text-[#312E2E] text-base md:text-lg leading-relaxed",children:[e.jsx("p",{children:t.sonarParaOne}),e.jsx("p",{children:t.sonarParaTwo})]})]}),e.jsx("div",{className:"grid md:grid-cols-3 gap-4",children:t.sonarTiers.map((a,s)=>{const r=s===1;return e.jsxs(i.div,{initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:s*.08},className:r?"rounded-[28px] bg-[#191818] p-8 md:p-10 min-h-[260px] flex flex-col":"rounded-[28px] bg-[#FAF6F1] border border-[#C5C5C5] p-8 md:p-10 min-h-[260px] flex flex-col",children:[e.jsxs("div",{className:"text-[10px] font-mono uppercase tracking-[0.16em] mb

2-4",style:{color:t.accentTeal},children:["Tier ",s+1]}),e.jsx("h3",{className:`text-[24px] md:text-[28px] mb-3 ${r?"text-[#FAF6F1]":"text-[#191818]"}`,style:{letterSpacing:"-0.02em"},children:a.name}),e.jsx("p",{className:`text-[15px] leading-relaxed mb-6 ${r?"text-[#FAF6F1]/70":"text-[#312E2E]"}`,children:a.tagline}),e.jsx("div",{className:`mt-auto pt-5 border-t text-[13px] ${r?"border-[#FAF6F1]/15 text-[#FAF6F1]/60":"border-[#E2E2E2] text-[#767270]"}`,children:e.jsxs("div",{children:[e.jsxs("span",{className:r?"text-[#FAF6F1]/40":"text-[#767270]/70",children:["Best for ·"," "]}),a.bestFor]})})]},a.name)})})]})})}function g(){return e.jsx("section",{id:"blueprint",className:"py-24 md:py-36 bg-[#FAF6F1] scroll-mt-20",children:e.jsx("div",{className:"max-w-[1200px] mx-auto px-6 md:px-12",children:e.jsxs("div",{className:"grid lg:grid-cols-[1fr_1.3fr] gap-10 lg:gap-16 items-start",children:[e.jsxs(i.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,amount:.3},transition:{duration:.55},children:[e.jsx("p",{className:"text-xs font-medium uppercase tracking-[0.14em] mb-4",style:{color:t.accentTeal},children:t.blueprintEyebrow}),e.jsx("h2",{className:"text-[32px] md:text-[44px] lg:text-[52px] tracking-[-0.04em] text-[#191818] leading-[1] mb-8",children:t.blueprintHeadline}),e.jsx("p",{className:"text-[#312E2E] text-base md:text-lg leading-relaxed mb-8",children:t.blueprintBody}),e.jsx("div",{className:"space-y-3 mb-8",children:["Sonar request shape with sensible model defaults","Citation parsing — sources render as clickable references","Secrets-managed PERPLEXITY_API_KEY, never in source","Rate-limit + key-validation error handling","Adapts to Sonar, Sonar Pro, or Sonar Deep Research per call"].map((a,s)=>e.jsxs("div",{className:"flex items-start gap-2.5 text-[14px] text-[#312E2E]",children:[e.jsx("svg",{className:"w-3.5 h-3.5 mt-1 flex-shrink-0",viewBox:"0 0 14 14",fill:"none",style:{color:t.accentTeal},children:e.jsx("path",{d:"M2 7l4 4 6-7",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})}),e.jsx("span",{children:a})]},s))}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3",children:[e.jsxs("a",{href:t.ctaPrimary.url,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center justify-center gap-2 bg-[#FF3C00] hover:bg-[#FF764D] text-[#FAF6F1] rounded-full h-12 px-7 text-sm font-medium transition-colors duration-200",children:["Open the blueprint",e.jsx("svg",{className:"w-3.5 h-3.5",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M3 8h10M9 4l4 4-4 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx("a",{href:"https://docs.replit.com/replitai/integrations",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center justify-center gap-2 bg-transparent border border-[#191818] hover:bg-[#191818] hover:text-[#FAF6F1] text-[#191818] rounded-full h-12 px-7 text-sm font-medium transition-colors duration-200",children:"Read the integration docs"})]}),e.jsx("p",{className:"mt-6 text-xs text-[#767270] leading-relaxed max-w-[420px]",children:t.blueprintAttribution})]}),e.jsxs(i.div,{initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0,amount:.2},transition:{duration:.6,delay:.15},className:"rounded-[28px] bg-[#191818] overflow-hidden shadow-xl shadow-[#191818]/10",children:[e.jsxs("div",{className:"flex items-center justify-between px-5 py-4 border-b border-[#FAF6F1]/8",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-3 h-3 rounded-full bg-[#FF5F57]"}),e.jsx("span",{className:"w-3 h-3 rounded-full bg-[#FEBC2E]"}),e.jsx("span",{className:"w-3 h-3 rounded-full bg-[#28C840]"}),e.jsx("span",{className:"ml-3 text-[#FAF6F1]/35 text-xs font-mono tracking-wide",children:"Perplexity Blueprint · Replit"})]}),e.jsx("span",{className:"text-[10px] px-2 py-1 rounded-full font-mono uppercase tracking-wider",style:{background:`${t.accentTeal}26`,color:t.accentTeal},children:"90% eval"})]}),e.jsxs("div",{className:"p-6 space-y-5 font-mono text-sm",children:[e.jsxs("div",{className:"flex gap-3 items-start",children:[e.jsx("div",{className:"w-6 h-6 rounded-lg bg-[#FF3C00]/25 flex items-center justify-center flex-shrink-0 mt-0.5",children:e.jsx("span",{className:"text-[#FF3C00] text-[9px] font-bold",children:"YOU"})}),e.jsx("p",{className:"text-[#FAF6F1]/70 leading-relaxed text-[13px]",children:t.blueprintPrompt})]}),e.jsx("div",{className:"space-y-2.5 pl-9",children:["Loaded Perplexity Blueprint","Requested PERPLEXITY_API_KEY (stored 

2in Secrets)","Generated Sonar request + citation parser","Wired follow-up thread state","Running on port 3000 with live Sonar responses"].map((a,s)=>e.jsxs("div",{className:"flex items-start gap-2.5 text-xs",children:[e.jsx("span",{className:"mt-0.5 flex-shrink-0",style:{color:s===4?"#FAF6F1":t.accentTeal},children:s===4?"▸":"✓"}),e.jsx("span",{className:s===4?"text-[#FAF6F1]/80":"text-[#FAF6F1]/40",children:a})]},s))}),e.jsxs("div",{className:"border-t border-[#FAF6F1]/8 pt-5 pl-9",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-[0.14em] text-[#FAF6F1]/35 mb-3",children:"Sample answer"}),e.jsxs("p",{className:"text-[#FAF6F1]/75 leading-relaxed text-[13px] mb-4",children:["Sonar Pro is Perplexity's production tier, optimized for higher-quality answers with deeper retrieval and stronger source weighting."," ",e.jsx("sup",{className:"text-[10px] px-1 rounded",style:{background:`${t.accentTeal}33`,color:t.accentTeal},children:"[1]"})," ","It's the recommended tier for customer-facing apps."," ",e.jsx("sup",{className:"text-[10px] px-1 rounded",style:{background:`${t.accentTeal}33`,color:t.accentTeal},children:"[2]"})]}),e.jsx("div",{className:"space-y-1.5",children:[{num:1,host:"perplexity.ai/hub/blog",title:"Introducing Sonar Pro"},{num:2,host:"docs.perplexity.ai",title:"Models reference"}].map(a=>e.jsxs("div",{className:"flex items-start gap-2 text-[11px]",children:[e.jsx("span",{className:"w-4 h-4 rounded flex items-center justify-center flex-shrink-0 text-[9px]",style:{background:`${t.accentTeal}26`,color:t.accentTeal},children:a.num}),e.jsxs("span",{className:"text-[#FAF6F1]/55",children:[a.title," ",e.jsxs("span",{className:"text-[#FAF6F1]/30",children:["· ",a.host]})]})]},a.num))})]})]})]})]})})})}const o=[{bg:"bg-[#FAF6F1] border border-[#C5C5C5]",text:"text-[#191818]",body:"text-[#312E2E]",prompt:"bg-[#EDEDED] text-[#312E2E]"},{bg:"bg-[#DBD4CF]",text:"text-[#191818]",body:"text-[#312E2E]",prompt:"bg-[#FAF6F1] text-[#312E2E]"},{bg:"bg-[#191818]",text:"text-[#FAF6F1]",body:"text-[#FAF6F1]/70",prompt:"bg-[#FAF6F1]/8 text-[#FAF6F1]/85"},{bg:"bg-[#FFB199]",text:"text-[#191818]",body:"text-[#312E2E]",prompt:"bg-[#FAF6F1] text-[#312E2E]"},{bg:"bg-[#FF3C00]",text:"text-[#FAF6F1]",body:"text-[#FAF6F1]/85",prompt:"bg-[#FAF6F1]/15 text-[#FAF6F1]"}];function y(){return e.jsx("section",{id:"use-cases",className:"py-24 md:py-36 bg-[#FAF6F1] scroll-mt-20",children:e.jsxs("div",{className:"max-w-[1200px] mx-auto px-6 md:px-12",children:[e.jsxs(i.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,amount:.3},transition:{duration:.55},className:"mb-14 md:mb-18 max-w-[760px]",children:[e.jsx("p",{className:"text-xs font-medium uppercase tracking-[0.14em] mb-4",style:{color:t.accentTeal},children:"Use cases"}),e.jsx("h2",{className:"text-[32px] md:text-[52px] lg:text-[60px] tracking-[-0.04em] text-[#191818] leading-[0.95]",children:t.useCasesHeadline}),e.jsx("p",{className:"mt-6 text-[#767270] text-base md:text-lg leading-relaxed max-w-[560px]",children:t.useCasesSub})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-6 gap-4",children:t.useCases.map((a,s)=>{const r=o[s%o.length],l=s<3?"md:col-span-2":"md:col-span-3";return e.jsxs(i.div,{initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:s%3*.08},className:`${r.bg} ${l} rounded-[28px] p-8 md:p-9 flex flex-col min-h-[300px]`,children:[e.jsxs("div",{className:"flex items-center gap-2 mb-5",children:[e.jsx("div",{className:"w-7 h-7 rounded-lg flex items-center justify-center",style:{background:`${t.accentTeal}26`},children:e.jsx("svg",{viewBox:"0 0 16 16",className:"w-3.5 h-3.5",fill:t.accentTeal,children:e.jsx("path",{d:"M8 1 L10 6 L15 6 L11 9.5 L12.5 14.5 L8 11.5 L3.5 14.5 L5 9.5 L1 6 L6 6 Z"})})}),e.jsxs("span",{className:`text-[10px] uppercase tracking-[0.14em] font-mono ${r.text} opacity-60`,children:["0",s+1]})]}),e.jsx("h3",{className:`${r.text} text-[22px] md:text-[26px] mb-3`,style:{letterSpacing:"-0.02em"},children:a.title}),e.jsx("p",{className:`${r.body} text-[14px] leading-relaxed mb-5`,children:a.body}),e.jsxs("div",{className:`mt-auto rounded-2xl p-4 font-mono text-[12px] leading-relaxed ${r.prompt}`,children:[e.jsx("div",{className:"text-[9px] uppercase tracking-[0.14em] opacity-60 mb-1.5",children:"Try this prompt"}),a.prompt]})]},a.title)})})]})})}function f(){const[a,s]=p.useState(null),r=async(l,n)=>{try{await navigator.clipboard.writeText(l),s(n),setTimeout(()=>s(null),1600)}catch{}};return e.jsx("section",{id:"prompts",className:"py-24 md:py-36 bg-[#191818] scroll-mt-20",children:e.jsxs("div",{className:"max-w-[1200px] mx-auto px-6 md:px-12",children:[e.jsxs(i.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,amount:.3},transition:{duration:.55},className:"mb-14 md:mb-18 max-w-[760px]",children:[e.jsx("p",{className:"text-xs font-medium uppercase tracking-[0.14em] mb-4",style:{color:t.accentTeal},children:"Example Agent prompts"}),e.jsx("h2",{className:"text-[32px] md:text-[52px] lg:text-[60px] tracking-[-0.04em] text-[#FAF6F1] leading-[0.95]",children:t.promptsHeadline}),e.jsx("p",{className:"mt-6 text-[#FAF6F1]/60 text-base md:text-lg leading-relaxed max-w-[560px]",children:t.promptsSub})]}),e.jsx("div",{className:"space-y-3",children:t.prompts.map((l,n)=>e.jsxs(i.div,{initial:{opacity:0,x:-16},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.4,delay:n*.06},className:"rounded-2xl bg-[#FAF6F1]/5 border border-[#FAF6F1]/10 hover:border-[#FAF6F1]/20 p-5 md:p-6 flex items-start gap-4 transition-colors group",children:[e.jsxs("div",{className:"text-[10px] font-mono uppercase tracking-[0.14em] mt-0.5 flex-shrink-0 w-8",style:{color:t.accentTeal},children:["0",n+1]}),e.jsx("p",{className:"text-[#FAF6F1]/90 font-mono text-[13px] md:text-[14px] leading-relaxed flex-1",children:l}),e.jsx("button",{onClick:()=>r(l,n),className:"flex-shrink-0 inline-flex items-center gap-2 text-[11px] font-medium px-3.5 py-2 rounded-full bg-[#FAF6F1]/8 hover:bg-[#FAF6F1]/15 text-[#FAF6F1] transition-colors","aria-label":"Copy prompt",children:a===n?e.jsxs(e.Fragment,{children:[e.jsx("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",children:e.jsx("path",{d:"M2 6l3 3 5-6",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})}),"Copied"]}):e.jsxs(e.Fragment,{children:[e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",children:[e.jsx("rect",{x:"3.5",y:"3.5",width:"6",height:"6",rx:"1",stroke:"currentColor",strokeWidth:"1.2"}),e.jsx("path",{d:"M2 8V3a1 1 0 0 1 1-1h5",stroke:"currentColor",strokeWidth:"1.2",fill:"none"})]}),"Copy"]})})]},n))})]})})}function F(){return e.jsx("section",{id:"compare",className:"py-24 md:py-36 bg-[#FAF6F1] scroll-mt-20",children:e.jsxs("div",{className:"max-w-[1200px] mx-auto px-6 md:px-12",children:[e.jsxs(i.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,amount:.3},transition:{duration:.55},className:"mb-12 md:mb-16 max-w-[760px]",children:[e.jsx("p",{className:"text-xs font-medium uppercase tracking-[0.14em] mb-4",style:{color:t.accentTeal},children:"Sonar tier comparison"}),e.jsx("h2",{className:"text-[32px] md:text-[44px] lg:text-[52px] tracking-[-0.04em] text-[#191818] leading-[1]",children:t.comparisonHeadline}),e.jsx("p",{className:"mt-5 text-[#767270] text-base md:text-lg leading-relaxed max-w-[560px]",children:t.comparisonSub})]}),e.jsxs(i.div,{initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0,amount:.2},transition:{duration:.55,delay:.1},className:"rounded-[28px] border border-[#C5C5C5] overflow-hidden bg-[#FAF6F1]",children:[e.jsx("div",{className:"hidden md:grid md:grid-cols-[1.4fr_2fr_1fr_1fr] bg-[#EDEDED] border-b border-[#C5C5C5]",children:["Tier","Best for","Latency","Relative cost"].map(a=>e.jsx("div",{className:"px-6 py-4 text-[10px] font-mono uppercase tracking-[0.14em] text-[#767270]",children:a},a))}),t.sonarTiers.map((a,s)=>e.jsxs("div",{className:`grid grid-cols-1 md:grid-cols-[1.4fr_2fr_1fr_1fr] ${s<t.sonarTiers.length-1?"border-b border-[#

2E2E2E2]":""}`,children:[e.jsxs("div",{className:"px-6 py-6 md:py-7 flex items-center gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0",style:{background:`${t.accentTeal}1f`},children:e.jsx("svg",{viewBox:"0 0 16 16",className:"w-4 h-4",fill:t.accentTeal,children:e.jsx("path",{d:"M8 1 L10 6 L15 6 L11 9.5 L12.5 14.5 L8 11.5 L3.5 14.5 L5 9.5 L1 6 L6 6 Z"})})}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[17px] text-[#191818]",style:{letterSpacing:"-0.02em",fontWeight:500},children:a.name}),e.jsx("div",{className:"md:hidden text-[12px] text-[#767270] mt-1",children:a.tagline})]})]}),e.jsxs("div",{className:"px-6 py-3 md:py-7 text-[14px] text-[#312E2E] leading-relaxed flex items-center",children:[e.jsx("span",{className:"md:hidden text-[10px] uppercase tracking-[0.14em] text-[#767270] mr-2",children:"Best for ·"}),a.bestFor]}),e.jsxs("div",{className:"px-6 py-3 md:py-7 text-[14px] text-[#312E2E] flex items-center",children:[e.jsx("span",{className:"md:hidden text-[10px] uppercase tracking-[0.14em] text-[#767270] mr-2",children:"Latency ·"}),a.latency]}),e.jsxs("div",{className:"px-6 py-3 md:py-7 pb-6 text-[14px] text-[#312E2E] flex items-center",children:[e.jsx("span",{className:"md:hidden text-[10px] uppercase tracking-[0.14em] text-[#767270] mr-2",children:"Cost ·"}),a.cost]})]},a.name))]}),e.jsx("p",{className:"mt-6 text-xs text-[#767270] max-w-[760px]",children:"Same JSON shape across all three tiers. Pick per call based on the depth and latency you need; rotate via Replit Secrets without redeploying."})]})})}function j(){const a=t.resources.reduce((s,r)=>(s[r.group]=s[r.group]?[...s[r.group],r]:[r],s),{});return e.jsx("section",{id:"resources",className:"py-24 md:py-36 bg-[#FAF6F1] scroll-mt-20",children:e.jsxs("div",{className:"max-w-[1200px] mx-auto px-6 md:px-12",children:[e.jsxs(i.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,amount:.3},transition:{duration:.55},className:"mb-14 md:mb-16 max-w-[760px]",children:[e.jsx("p",{className:"text-xs font-medium uppercase tracking-[0.14em] mb-4",style:{color:t.accentTeal},children:"Resources"}),e.jsx("h2",{className:"text-[32px] md:text-[44px] lg:text-[52px] tracking-[-0.04em] text-[#191818] leading-[1]",children:t.resourcesHeadline}),e.jsx("p",{className:"mt-5 text-[#767270] text-base md:text-lg leading-relaxed max-w-[560px]",children:t.resourcesSub})]}),e.jsx("div",{className:"grid md:grid-cols-2 gap-4",children:Object.entries(a).map(([s,r],l)=>e.jsxs(i.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:l*.1},className:"rounded-[28px] border border-[#C5C5C5] bg-[#FAF6F1] overflow-hidden",children:[e.jsxs("div",{className:"px-7 py-5 border-b border-[#E2E2E2] bg-[#EDEDED]/60 flex items-center gap-3",children:[e.jsx("div",{className:"w-2 h-2 rounded-full",style:{background:s==="Perplexity"?t.accentTeal:"#FF3C00"}}),e.jsx("span",{className:"text-[11px] font-mono uppercase tracking-[0.14em] text-[#312E2E]",children:s})]}),e.jsx("ul",{children:r.map((n,d)=>e.jsx("li",{children:e.jsxs("a",{href:n.url,target:"_blank",rel:"noopener noreferrer",className:`flex items-center justify-between gap-4 px-7 py-5 hover:bg-[#EDEDED]/50 transition-colors group ${d<r.length-1?"border-b border-[#E2E2E2]":""}`,children:[e.jsx("span",{className:"text-[15px] text-[#191818] group-hover:text-[#FF3C00] transition-colors",children:n.title}),e.jsx("svg",{className:"w-4 h-4 text-[#767270] group-hover:text-[#FF3C00] flex-shrink-0 transition-colors",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M5 11l6-6M6 5h5v5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})},n.url))})]},s))})]})})}function b(){return e.jsx("section",{className:"py-24 md:py-36 bg-[#FAF6F1] px-6 md:px-12",children:e.jsx("div",{className:"max-w-[1200px] mx-auto",children:e.jsxs(i.div,{initial:{opacity:0,y:28},whileInView:{opacity:1,y:0},viewport:{once:!0,amount:.3},transition:{duration:.6,ease:[.16,1,.3,1]},className:"bg-[#191818] rounded-[48px] px-10 md:px-20 py-20 md:py-28 text-center relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 pointer-events-none opacity-[0.04]",style:{backgroundImage:"linear-gradient(#FAF6F1 1px, transparent 1px), linear-gradient(90deg, #FAF6F1 1px, transparent 1px)",backgroundSize:"72px 72px"}}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("div",{className:"flex items-center justify-center gap-5 mb-12",children:[e.jsx("img",{src:"https://replit-partners.replit.app/replit_brand_kit/logos/replit-primary.svg",alt:"Replit",className:"h-7 w-auto object-contain brightness-0 invert"}),e.jsx("span",{className:"text-[#FAF6F1]/30 text-2xl font-light",children:"×"}),e.jsx(c,{className:"h-7 w-auto",monochrome:"light"})]}),e.jsxs("h2",{className:"text-[40px] md:text-[60px] lg:text-[68px] text-[#FAF6F1] leading-[0.95] mb-8",style:{letterSpacing:"-0.04em"},children:[t.closingHeadline,e.jsx("span",{style:{color:t.accentTeal},children:t.closingHeadlineAccent})]}),e.jsx("p",{className:"text-[#FAF6F1]/55 text-lg md:text-xl leading-relaxed max-w-[540px] mx-auto mb-12",children:t.closingSub}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3 items-center justify-center",children:[e.jsxs("a",{href:t.ctaPrimary.url,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center justify-center gap-2 bg-[#FF3C00] hover:bg-[#FF764D] text-[#FAF6F1] rounded-full h-14 px-10 text-base font-medium transition-colors duration-200 w-full sm:w-auto",children:["Build a Sonar-powered a

2pp",e.jsx("svg",{className:"w-4 h-4",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M3 8h10M9 4l4 4-4 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx("a",{href:t.ctaSecondary.url,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center justify-center bg-[#FAF6F1]/8 hover:bg-[#FAF6F1]/14 border border-[#FAF6F1]/20 text-[#FAF6F1] rounded-full h-14 px-10 text-base font-medium transition-colors duration-200 w-full sm:w-auto",children:t.ctaSecondary.label})]}),e.jsx("p",{className:"mt-8 text-[#767270] text-sm",children:"Free to start on Replit · API key from perplexity.ai/api-platform"})]})]})})})}function k(){return e.jsxs(x,{children:[e.jsxs(m,{children:[e.jsx("link",{rel:"canonical",href:"https://replit.com/partners/perplexity"}),e.jsx("title",{children:t.metaTitle}),e.jsx("meta",{name:"description",content:t.metaDescription}),e.jsx("meta",{property:"og:title",content:t.metaTitle}),e.jsx("meta",{property:"og:description",content:t.metaDescription}),e.jsx("meta",{property:"og:type",content:"website"}),e.jsx("meta",{property:"og:url",content:"https://replit.com/partners/perplexity"}),e.jsx("meta",{property:"og:image",content:"https://replit.com/partners/perplexity/opengraph.jpg"}),e.jsx("meta",{property:"og:image:width",content:"1200"}),e.jsx("meta",{property:"og:image:height",content:"630"}),e.jsx("meta",{name:"twitter:card",content:"summary_large_image"}),e.jsx("meta",{name:"twitter:title",content:t.metaTitle}),e.jsx("meta",{name:"twitter:description",content:t.metaDescription}),e.jsx("meta",{name:"twitter:image",content:"https://replit.com/partners/perplexity/opengraph.jpg"})]}),e.jsxs("div",{className:"min-h-screen bg-[#FAF6F1] text-[#191818] overflow-x-hidden font-sans",children:[e.jsx(h,{}),e.jsx(u,{}),e.jsx(g,{}),e.jsx(y,{}),e.jsx(f,{}),e.jsx(F,{}),e.jsx(j,{}),e.jsx(b,{})]})]})}export{k as default};