PageSourceSearch

https://app.filxo.com/_next/static/chunks/app/page-c3d5e9072ccf8d2c.js

js filxo.com collected 2026-10-02 01:29:24 UTC 26,658 bytes, 1 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1931],{5761:function(e,t,a){Promise.resolve().then(a.bind(a,3736))},3736:function(e,t,a){"use strict";a.d(t,{HomePageClient:function(){return F}});var r=a(57437),s=a(2265),l=a(99376),i=a(76858),n=a(94508),o=a(28342);let d=[{id:"linktree",title:"See which post actually drove traffic",description:"Wrap your link. Add labels for LinkedIn, Twitter, Newsletter. Find out which one brought real readers."},{id:"resume",title:"Track your resume across companies",description:"Wrap your portfolio link in your resume. Add labels per company. Know exactly which recruiters opened it."},{id:"channel",title:"Test what works in your bio",description:"Pin one wrapped link in your Instagram or Twitter bio. See whether your audience actually clicks through."},{id:"file-send",title:"Send a file with real tracking",description:"Upload a file, share the link. See who opened it, when, and from where."},{id:"outreach",title:"Validate your cold outreach",description:"Wrap any link in your email or DM. Know it was opened before you write a follow-up."},{id:"bot-signal",title:"Filter the noise from real engagement",description:"Crawlers and previews inflate every click counter. filxo shows only real humans."}];function c(e){let{onPick:t}=e;return(0,r.jsx)("section",{id:"examples",className:"scroll-mt-20 border-t border-border-strong py-20 lg:py-28","aria-labelledby":"use-cases-heading",children:(0,r.jsxs)("div",{className:"mx-auto max-w-[1200px] px-4 sm:px-6",children:[(0,r.jsx)("h2",{id:"use-cases-heading",className:"text-center text-2xl font-semibold tracking-tight text-text-primary md:text-3xl",children:"Real things people use filxo Links for"}),(0,r.jsx)("div",{className:"mt-14 grid gap-4 sm:grid-cols-2 sm:gap-5 md:mt-16 lg:grid-cols-3",children:d.filter(e=>o.d||"file-send"!==e.id).map(e=>(0,r.jsxs)("button",{type:"button",onClick:()=>t(e.id),className:(0,n.cn)("group flex h-full min-h-[8.5rem] w-full flex-col rounded-xl border border-border-strong bg-surface p-5 text-left shadow-sm transition-colors duration-150 ease-filxo","hover:border-accent/45 hover:bg-[color-mix(in_srgb,var(--accent)_6%,var(--surface))]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring-color)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg)]"),children:[(0,r.jsx)("h3",{className:"text-base font-semibold text-text-primary",children:e.title}),(0,r.jsx)("p",{className:"mt-2 flex-1 text-sm leading-relaxed text-text-secondary",children:e.description}),(0,r.jsxs)("span",{className:"mt-auto inline-flex items-center gap-1 pt-4 text-sm font-semibold text-accent underline-offset-2 transition-colors duration-150 ease-filxo group-hover:underline group-hover:text-accent-hover",children:["Try now",(0,r.jsx)(i.Z,{className:"size-4 shrink-0 opacity-90","aria-hidden":!0,strokeWidth:2})]})]},e.id))})]})})}var m=a(62869),x=a(66070),u=a(95186);async function p(e){try{let t=await e.json();if("string"==typeof t.detail)return t.detail}catch(e){}return e.statusText||"HTTP ".concat(e.status)}function h(e){let{intent:t,onClose:a}=e,l=(0,s.useId)(),i=(0,s.useRef)(null),[n,o]=(0,s.useState)(""),[d,c]=(0,s.useState)(""),[x,h]=(0,s.use
1State)("idle"),[g,f]=(0,s.useState)(null);if((0,s.useEffect)(()=>{t&&(o(""),c(""),h("idle"),f(null))},[t]),(0,s.useEffect)(()=>{if(!t)return;let e=e=>{"Escape"===e.key&&a()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t,a]),!t)return null;let y="subdomain"===t;async function b(e){if(e.preventDefault(),!t)return;if(f(null),!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n.trim())){f("Enter a valid email.");return}if(y&&!d.trim()){f("Enter your preferred subdomain.");return}let a=function(e,t){let a=null==t?void 0:t.trim().toLowerCase().replace(/[^a-z0-9-]/g,"").slice(0,40);return"storage"===e?a?"type:storage;sub:".concat(a):"type:storage":a?"type:subdomain;sub:".concat(a):null}(t,d);if(y&&!a){f("Use letters, numbers, and hyphens only.");return}h("sending");try{let e=await fetch("/api/waitlist",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:n.trim(),name:a,source:"homepage-waitlist"})});if(429===e.status){f("Too many submissions. Please try again later."),h("idle");return}if(409===e.status){f("This email is already on the waitlist."),h("idle");return}if(!e.ok){f(await p(e)),h("idle");return}h("success")}catch(e){f("Something went wrong. Please try again."),h("idle")}}return(0,r.jsx)("div",{className:"fixed inset-0 z-50 flex items-end justify-center bg-black/45 p-4 sm:items-center",role:"presentation",onMouseDown:e=>{e.target===e.currentTarget&&a()},children:(0,r.jsx)("div",{ref:i,role:"dialog","aria-modal":"true","aria-labelledby":l,className:"w-full max-w-md rounded-xl border border-border-strong bg-surface p-6 shadow-xl",onMouseDown:e=>e.stopPropagation(),children:"success"===x?(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsx)("h2",{id:l,className:"text-lg font-semibold text-text-primary",children:"You're on the list"}),(0,r.jsx)("p",{className:"text-sm leading-relaxed text-text-secondary",children:y?"We will email you when subdomains go live. Your preferred name will be reserved if available.":"We will email you when Pro goes live — subdomain plus bigger files. We will reserve your preferred name if you entered one."}),(0,r.jsx)(m.z,{type:"button",variant:"primary",className:"w-full",onClick:a,children:"Done"})]}):(0,r.jsxs)("form",{onSubmit:e=>void b(e),className:"space-y-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{id:l,className:"text-lg font-semibold text-text-primary",children:y?"Reserve your subdomain":"Join the Pro waitlist"}),(0,r.jsx)("p",{className:"mt-2 text-sm text-text-muted",children:y?"We will email you when subdomains go live. Your preferred name will be reserved if available.":"Pro includes your own subdomain plus more storage. Add a preferred name now to lock it in if available."})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{htmlFor:"".concat(l,"-email"),className:"sr-only",children:"Email"}),(0,r.jsx)(u.I,{id:"".concat(l,"-email"),type:"email",autoComplete:"email",required:!0,placeholder:"[email protected]",value:n,onChange:e=>o(e.target.value),disabled:"sending"===x})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{htmlFor:"".concat(l,"-sub"),className:"mb-1 block text-xs font-medium text-text-secondary",children:y?"Preferred subdomain":"Preferred subdomain (optional, included in Pro)"}),(0,r.jsxs)("div",{className:"flex items-center gap-1 rounded-lg border border-border-strong bg-bg-primary px-3 py-2",children:[(0,r.jsx)(u.I,{id:"".concat(l,"-sub"),type:"text",autoComplete:"off",placeholder:"yourname",value:d,onChange:e=>c(e.target.value),disabled:"sending"===x,className:"border-0 bg-transparent px-0 py-0 shadow-none focus-visible:ring-0"}),(0,r.jsx)("span",{className:"shrink-0 text-sm text-text-muted",children:".filxo.com"})]})]}),g?(0,r.jsx)("p",{className:"text-sm text-red-600 dark:text-red-400",children:g}):null,(0,r.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row",children:[(0,r.jsx)(m.z,{type:"button",variant:"ghost",className:"w-full sm:flex-1",onClick:a,children:"Cancel"}),(0,r.jsx)(m.z,{type:"submit",variant:"primary",className:"w-full sm:flex-1",disabled:"sending"===x,children:"sending"===x?"Sending…":y?"Reserve my subdomain":"Join Pro waitlist"})]})]})})})}function g(e){let{children:t}=e;return(0,r.jsxs)("li",{className:"flex gap-2 text-sm leading-relaxed text-text-secondary sm:text-[15px]",children:[(0,r.jsx)("span",{className:"mt-0.5 shrink-0 text-accent","aria-hidden":!0,
1children:"✓"}),(0,r.jsx)("span",{children:t})]})}function f(e){let{badge:t,title:a,priceEarly:s,priceAfter:l,description:i,features:o,footnote:d,cta:c,onCta:u,highlighted:p}=e;return(0,r.jsxs)(x.Z,{className:(0,n.cn)("flex h-full flex-col p-6 sm:p-8",p&&"border-accent/45 ring-1 ring-accent/25"),children:[(0,r.jsx)("p",{className:"text-xs font-medium uppercase tracking-wide text-text-muted",children:t}),(0,r.jsx)("h3",{className:"mt-2 text-xl font-semibold tracking-tight text-text-primary",children:a}),(0,r.jsxs)("p",{className:"mt-3 flex flex-wrap items-baseline gap-x-2 gap-y-1 text-lg font-semibold text-text-primary",children:[(0,r.jsx)("span",{className:"inline-flex rounded-full bg-accent/15 px-2 py-0.5 text-[11px] font-bold uppercase tracking-wide text-accent",children:"50% off"}),(0,r.jsx)("span",{className:"text-accent",children:s}),(0,r.jsx)("span",{className:"text-sm font-normal text-text-muted",children:(0,r.jsx)("span",{className:"line-through",children:l})})]}),(0,r.jsx)("p",{className:"mt-4 text-sm leading-relaxed text-text-secondary",children:i}),(0,r.jsx)("ul",{className:"mt-5 flex-1 space-y-2.5",children:o.map(e=>(0,r.jsx)(g,{children:e},e))}),d?(0,r.jsx)("p",{className:"mt-4 text-[11px] leading-snug text-text-muted",children:d}):null,(0,r.jsx)(m.z,{type:"button",variant:"primary",className:"mt-6 w-full",onClick:u,children:c})]})}function y(e){let{pricingRegion:t}=e,[a,l]=(0,s.useState)(t),[i,n]=(0,s.useState)(null);(0,s.useEffect)(()=>{let e=!1;return(async()=>{try{let t=await fetch("/api/pricing-region",{cache:"no-store"});if(!t.ok||e)return;let a=await t.json();("inr"===a.region||"usd"===a.region)&&l(a.region)}catch(e){}})(),()=>{e=!0}},[]);let o="inr"===a,d=1e3.toLocaleString();return(0,r.jsxs)("section",{id:"early-access",className:"scroll-mt-20 border-t border-border-strong py-20 lg:py-28","aria-labelledby":"early-access-heading",children:[(0,r.jsxs)("div",{className:"mx-auto max-w-[1200px] px-4 sm:px-6",children:[(0,r.jsx)("h2",{id:"early-access-heading",className:"text-center text-2xl font-semibold tracking-tight text-text-primary md:text-3xl",children:"Two ways to upgrade. Pick what helps you."}),(0,r.jsxs)("p",{className:"mx-auto mt-4 max-w-2xl text-center text-sm leading-relaxed text-text-muted sm:text-[15px]",children:["The first ",(0,r.jsxs)("span",{className:"font-medium text-text-secondary",children:[d," people"]})," to join lock in ",(0,r.jsx)("span",{className:"font-medium text-text-secondary",children:"50% off"})," early-access pricing for life on the plan they choose. After that, standard pricing applies."]}),(0,r.jsxs)("div",{className:"mt-12 grid gap-6 lg:grid-cols-2 lg:gap-8",children:[(0,r.jsx)(f,{badge:"Early access",title:"Subdomain only",priceEarly:o?"₹499/year":"$9/year",priceAfter:o?"₹999/year":"$19/year",description:"Your links live at yourname.filxo.com. Looks personal in newsletters. Stands out in cold emails. Feels trustworthy in pitch decks.",features:["Custom subdomain (yourname.filxo.com)","All your existing links work on the new domain","Lock your name before someone else takes it","Renew at the same price forever"],footnote:"Subdomain availability checked at signup. First come, first locked.",cta:"Join waitlist — subdomain",onCta:()=>n("subdomain")}),(0,r.jsx)(f,{badge:"Best value \xb7 Early access",title:"Pro — subdomain + storage",priceEarly:o?"₹1,499/year":"$19/year",priceAfter:o?"₹2,999/year":"$39/year",description:"Everything in subdomain-only, plus room for bigger files and longer-lived shares. The default upgrade if you share files or want both.",features:["Custom subdomain included (yourname.filxo.com)","Up to 1 GB per file (free tier is 100 MB)","5 GB total storage (free tier is 500 MB)","Forever links for files under 100 MB","Export analytics as CSV"],footnote:"Includes everything in subdomain-only.",cta:"Join waitlist — Pro",onCta:()=>n("storage"),highlighted:!0})]}),(0,r.jsx)("p",{className:"mx-auto mt-10 max-w-2xl text-center text-sm leading-relaxed text-text-muted",children:"You only pay if you want a personal subdomain, more storage, or both together on Pro."})]}),(0,r.jsx)(h,{intent:i,onClose:()=>n(null)})]})}var b=a(40875);let w=[{q:"What makes filxo Links analytics different?",a:"filxo separates real human opens from bots, link previews (Slack, WhatsApp, iMessage), search crawlers, and AI agents. Your headline view count focuses on likely real people — not every automated fetch."},{q:"I run a newsletter. How does filxo help?",a:"Wrap every link individually or add channel labels (newsletter, social, thread). Each label gets its own tracked link so you can compare which channel actually drove engaged readers. Export your data anytime."},{q:"Can I import existing link analytics?",a:"Yes. In Playground, use Import external data and upload a CSV export from your previous shortener. filxo maps common columns and lets you compare that history alongside new filxo links."},{q:"What does wrapping a link actually do?",a:"You give us any URL, we give you back a filxo URL. When someone clicks your filxo URL, we record the open and send them to your original destination. They reach the page; you get the analytics."},{q:"How do channel labels work?",a:"Add labels like LinkedIn or Newsletter during link creation. Each label gives you a unique tracked link with its own analytics. Post each labeled link to the matching channel and compare what worked."},{q:"Do Slack or WhatsApp previews count as clicks?",a:"No — not in your headline view total. filxo classifies those as link previews and shows them separately in your traffic breakdown so you can see unfurls vs real human opens."},{q:"Is analytics free?",a:"Yes. Click tracking, bot filtering, country and device breakdown, and labeled links are free. Paid plans add optional subdomain, larger files, and more storage."}];
1function j(){let e=(0,s.useId)(),[t,a]=(0,s.useState)(0);return(0,r.jsx)("section",{id:"faqs",className:"scroll-mt-20 border-t border-border-strong py-20 lg:py-28","aria-labelledby":"faq-heading",children:(0,r.jsxs)("div",{className:"mx-auto max-w-[1200px] px-4 sm:px-6",children:[(0,r.jsx)("h2",{id:"faq-heading",className:"text-center text-2xl font-semibold tracking-tight text-text-primary md:text-3xl",children:"Common questions"}),(0,r.jsx)("div",{className:"mx-auto mt-14 w-full max-w-[1200px] md:mt-16",role:"list",children:w.map((s,l)=>{let i=t===l,o="".concat(e,"-panel-").concat(l),d="".concat(e,"-button-").concat(l);return(0,r.jsxs)("div",{role:"listitem",className:"border-b border-border-strong first:border-t",children:[(0,r.jsxs)("button",{id:d,type:"button","aria-expanded":i,"aria-controls":o,className:"flex w-full items-start justify-between gap-3 py-4 text-left transition-colors hover:bg-bg-secondary/40 sm:py-5",onClick:()=>a(i?-1:l),children:[(0,r.jsx)("span",{className:"text-base font-semibold text-text-primary",children:s.q}),(0,r.jsx)(b.Z,{"aria-hidden":!0,strokeWidth:2,className:(0,n.cn)("mt-0.5 size-5 shrink-0 text-text-muted transition-transform",i&&"rotate-180")})]}),(0,r.jsx)("div",{id:o,role:"region","aria-labelledby":d,hidden:!i,children:(0,r.jsx)("p",{className:"pb-5 pr-8 text-[15px] leading-relaxed text-text-secondary",children:s.a})})]},s.q)})})]})})}let k=[{title:"For newsletter writers",body:"Wrap every link in your newsletter. See which articles drove the most engaged readers across each campaign. Compare your latest send to last month's."},{title:"For solo founders",body:"Track your launch posts across LinkedIn, Twitter, and Hacker News. Find out which channel actually brought real signups vs vanity metrics."},{title:"For indie hackers",body:"Validate your distribution. Wrap your Product Hunt launch, Show HN post, and tweet thread. See which worked, then double down on what does."},{title:"For small marketing teams",body:"Get the real-time data, channel attribution, and CSV exports your team needs to make decisions, without the enterprise contract."},{title:"For freelancers",body:"Send your portfolio link to multiple clients with labeled filxo links. Know which client actually opened it before you follow up."},{title:"For job seekers",body:"Wrap your resume or portfolio link in every application. See which companies actually opened it. Stop chasing ghosts."}];function v(){return(0,r.jsx)("section",{id:"features",className:"scroll-mt-20 border-t border-border-strong py-20 lg:py-28","aria-labelledby":"features-heading",children:(0,r.jsxs)("div",{className:"mx-auto max-w-[1200px] px-4 sm:px-6",children:[(0,r.jsx)("h2",{id:"features-heading",className:"text-center text-2xl font-semibold tracking-tight text-text-primary md:text-3xl",children:"Built for how you actually share links"}),(0,r.jsx)("p",{className:"mx-auto mt-4 max-w-2xl text-center text-sm leading-relaxed text-text-muted sm:text-[15px]",children:"Real human clicks, compare side-by-side, export when you need to — made for individual creators and small teams."}),(0,r.jsx)("div",{className:"mt-14 grid gap-8 sm:grid-cols-2 sm:gap-x-10 sm:gap-y-10 lg:mt-16",children:k.map(e=>{let{title:t,body:a}=e;return(0,r.jsxs)("article",{className:"min-w-0 rounded-2xl border border-border/45 bg-bg-secondary/15 p-5 sm:p-6",children:[(0,r.jsx)("h3",{className:"text-base font-bold text-text-primary sm:text-lg",children:t}),(0,r.jsx)("p",{className:"mt-2.5 text-sm leading-relaxed text-text-secondary sm:text-[15px]",children:a})]},t)})})]})})}let N=["Newsletter writers","Solo founders","Small marketing teams","Indie hackers"];function S(){return(0,r.jsx)("section",{id:"made-for",className:"scroll-mt-20 border-t border-border-strong py-14 sm:py-16 lg:py-20","aria-labelledby":"made-for-heading",children:(0,r.jsxs)("div",{className:"mx-auto max-w-[1200px] px-4 sm:px-6",children:[(0,r.jsx)("h2",{id:"made-for-heading",className:"text-center text-xl font-semibold tracking-tight text-text-primary sm:text-2xl",children:"Made for"}),(0,r.jsx)("ul",{className:"mt-6 flex flex-wrap items-center justify-center gap-2.5 sm:gap-3",children:N.map(e=>(0,r.jsx)("li",{children:(0,r.jsx)("span",{className:"inline-flex rounded-full border border-border/60 bg-bg-secondary/40 px-3.5 py-1.5 text-sm font-medium text-text-primary sm:px-4 sm:py-2",children:e})},e))}),(0,r.jsx)("p",{className:"mx-auto mt-6 max-w-2xl text-center text-sm leading-relaxed text-text-muted sm:text-[15px]",children:"filxo g
1ives individual creators and small teams the analytics depth that bigger tools charge enterprise prices for."})]})})}var C=a(27648);function P(e){let{className:t}=e,a=[{name:"Newsletter — March",humans:142,color:"bg-teal-500"},{name:"Twitter thread",humans:89,color:"bg-teal-600"},{name:"LinkedIn post",humans:61,color:"bg-teal-400"}];return(0,r.jsxs)("div",{className:(0,n.cn)("rounded-2xl border border-border/50 bg-[linear-gradient(165deg,color-mix(in_srgb,var(--surface)_96%,var(--accent)_6%)_0%,var(--surface)_50%)] p-4 shadow-sm sm:p-5",t),"aria-hidden":!0,children:[(0,r.jsx)("p",{className:"text-[11px] font-medium uppercase tracking-wide text-text-muted",children:"Playground preview"}),(0,r.jsx)("div",{className:"mt-3 flex flex-wrap gap-2",children:a.map(e=>(0,r.jsxs)("span",{className:"inline-flex items-center gap-1.5 rounded-lg border border-border/40 bg-bg-primary/80 px-2.5 py-1 text-xs font-medium text-text-primary",children:[(0,r.jsx)("span",{className:(0,n.cn)("size-2 rounded-full",e.color)}),e.name]},e.name))}),(0,r.jsx)("div",{className:"mt-4 grid grid-cols-3 gap-2",children:a.map(e=>(0,r.jsxs)("div",{className:"rounded-xl border border-border/40 bg-bg-primary/90 px-2 py-2.5 text-center",children:[(0,r.jsx)("p",{className:"text-[10px] font-medium uppercase tracking-wide text-text-muted",children:"Real humans"}),(0,r.jsx)("p",{className:"mt-1 text-lg font-semibold tabular-nums text-text-primary",children:e.humans})]},"".concat(e.name,"-stat")))}),(0,r.jsx)("p",{className:"mt-3 text-center text-[11px] text-text-muted",children:"Compare side-by-side \xb7 import CSV"})]})}function T(){return(0,r.jsx)("section",{id:"playground",className:"scroll-mt-20 border-t border-border-strong py-20 lg:py-28","aria-labelledby":"playground-heading",children:(0,r.jsx)("div",{className:"mx-auto max-w-[1200px] px-4 sm:px-6",children:(0,r.jsxs)("div",{className:"grid items-center gap-10 lg:grid-cols-2 lg:gap-14",children:[(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("h2",{id:"playground-heading",className:"text-2xl font-semibold tracking-tight text-text-primary md:text-3xl",children:"Playground — compare your links side-by-side"}),(0,r.jsx)("p",{className:"mt-4 text-sm leading-relaxed text-text-secondary sm:text-[15px]",children:"Select multiple links. See which channel brought real humans, where they came from, when they clicked. Import a CSV export to compare alongside filxo data."}),(0,r.jsxs)(C.default,{href:"/dashboard/playground",className:(0,n.cn)((0,m.d)({variant:"secondary",size:"sm"}),"mt-6 inline-flex"),children:["Open Playground",(0,r.jsx)(i.Z,{className:"size-4","aria-hidden":!0})]})]}),(0,r.jsx)(P,{className:"w-full max-w-lg justify-self-center lg:justify-self-end"})]})})})}function E(e){let{onCreateLink:t}=e;return(0,r.jsx)("section",{className:"border-t border-border-strong py-24 lg:py-32","aria-label":"Create your first link",children:(0,r.jsxs)("div",{className:"mx-auto flex max-w-[1200px] flex-col items-center px-4 text-center sm:px-6",children:[(0,r.jsx)("h2",{className:"max-w-3xl text-2xl font-bold tracking-tight text-text-primary sm:text-3xl md:text-[2rem] md:leading-tight",children:"Your links can do so much more than you think."}),(0,r.jsx)("p",{className:"mt-5 max-w-xl text-[15px] leading-relaxed text-text-muted md:text-base",children:"Try filxo for free. Your first link is one click away."}),(0,r.jsx)(m.z,{type:"button",variant:"primary",size:"md",className:"mt-10 px-8",onClick:t,children:"Create your first link"})]})})}let W=[{title:o.d?"Wrap or upload":"Wrap your link",body:o.d?"Paste any URL or drop a file. filxo gives you a short link to share anywhere.":"Paste any URL. filxo gives you a short link to share anywhere."},{title:"Add labels (optional)",body:"Tag channels like LinkedIn or Newsletter. Each label gets its own tracked link."},{title:"See what happened",body:"Open your dashboard for opens, countries, devices, and which channels actually worked."}];function I(e){let{className:t}=e;return(0,r.jsx)("section",{id:"how-it-works",className:(0,n.cn)("scroll-mt-20 border-t border-border-strong py-20 lg:py-28",t),"aria-labelledby":"how-filxo-works-heading",children:(0,r.jsxs)("div",{className:"mx-auto max-w-[1200px] px-4 sm:px-6",children:[(0,r.jsx)("h2",{id:"how-filxo-works-heading",className:"text-center text-2xl font-semibold tracking-tight text-text-primary md:text-3xl",children:"How filxo Links works"}),(0,r.jsx)("div",{className:"mt-14 grid gap-12 md:mt-16 md:grid-cols-3 md:gap-10",children:W.map(e=>{let{title:t,body:a}=e;return(0,r.jsxs)("div",{className:"min-w-0 text-center",children:[(0,r.jsx)("h3",{className:"text-base font-bold text-text-primary",children:t}),(0,r.jsx)("p",{className:"mt-3 text-[15px] leading-relaxed text-text-secondary md:text-base",children:a})]},t)})})]})})}var L=a(19607);function R(e){let{className:t}=e;return(0,r.jsxs)("div",{id:"hero-form",className:(0,n.cn)("rounded-xl border border-border-strong bg-surface px-6 py-10 text-center sm:px-8 sm:py-12",t),children:[(0,r.jsx)("p",{className:"text-xs font-semibold uppercase tracking-wide text-accent",children:"You're signed in"}),(0,r.jsx)("h2",{className:"mt-3 text-xl font-semibold tracking-tight text-text-primary sm:text-2xl",children:"Create links in your dashboard"}),(0,r.jsx)("p",{className:"mx-auto mt-3 max-w-md text-sm leading-relaxed text-text-muted",children:"The quick form on this page is for trying filxo without an account. Your links, analytics, and advanced options live in the dashboard."}),(0,r.jsxs)("div",{className:"mt-8 flex flex-col items-stretch justify-center gap-3 sm:flex-row sm:items-center sm:justify-center",children:[(0,r.jsxs)(C.default,{href:"/dashboard/links/new",className:(0,n.cn)((0,m.d)({variant:"primary",size:"md"}),"inline-flex items-center justify-center gap-2 sm:min-w-[220px]"),children:["Create a new link",(0,r.jsx)(i.Z,{className:"size-4 shrink-0","aria-hidden":!0,strokeWidth:2})]}),(0,r.jsx)(C.default,{href:"/dashboard",className:(0,n.cn)((0,m.d)({variant:"ghost",size:"md"}),"inline-flex items-center justify-center sm:min-w-[160px]"),children:"Open dashboard"})]})]})}var q=a(79179);let z=["Real humans only — bots and crawlers filtered out","Compare links side-by-side in the Playground","Import external CSV or export anytime"];function F(e){let{earlyAccessPricing:t}=e,a=(0,l.useRouter)(),{user:i,loading:n}=(0,q.a)(),o=(0,s.useRef)(null),d=(0,s.useRef)(null),m=()=>{var e,t;let a=i?d.current:null!==(t=null===(e=o.current)||void 0===e?void 0:e.scrollTargetRef.current)&&void 0!==t?t:d.current;null==a||a.scrollIntoView({behavior:"smooth",block:"center"})},u=()=>{a.push("/dashboard/links/new")};return(0,r.jsxs)("div",{className:"pb-16 lg:pb-20",children:[(0,r.jsx)("section",{id:"hero",className:"mx-auto mb-20 w-full max-w-[1200px] px-4 sm:mb-24 sm:px-6 lg:mb-28 lg:px-0",children:(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-10 pb-2 pt-2 sm:gap-14 sm:pb-4 sm:pt-6 lg:grid-cols-[35fr_65fr] lg:items-center lg:gap-12 lg:pb-10 lg:pt-8 xl:gap-14",children:[(0,r.jsxs)("div",{className:"order-1 flex min-w-0 flex-col justify-center text-left lg:order-1 lg:pr-6",children:[(0,r.jsx)("h1",{className:"text-[1.5rem] font-bold leading-snug tracking-tight text-text-primary sm:text-[1.65rem] md:text-[1.75rem] lg:text-[1.85rem]",children:"See which channel actually brought your audience."}),(0,r.jsx)("p",{className:"mt-6 max-w-xl text-sm font-normal leading-relaxed text-text-muted sm:text-[15px] lg:mt-7 lg:max-w-none",children:"Wrap your links to see real human clicks vs bots, compare campaigns side-by-side, and export clean CSVs."}),(0,r.jsx)("ul",{className:"mt-8 space-y-3",children:z.map(e=>(0,r.jsxs)("li",{className:"flex gap-2.5 text-sm font-semibold text-accent",children:[(0,r.jsx)("span",{className:"mt-0.5 shrink-0","aria-hidden":!0,
1children:"✓"}),(0,r.jsx)("span",{children:e})]},e))})]}),(0,r.jsx)("div",{ref:d,className:"order-2 min-w-0 w-full max-w-full lg:order-2",children:(0,r.jsx)(x.Z,{className:"w-full min-w-0 max-w-full rounded-none border-0 bg-surface p-0 shadow-none",children:n?(0,r.jsx)("div",{className:"min-h-[min(420px,50vh)] animate-pulse rounded-xl border border-border-strong bg-bg-secondary/40","aria-hidden":!0}):i?(0,r.jsx)(R,{}):(0,r.jsx)(L.s,{ref:o,variant:"marketing"})})})]})}),(0,r.jsx)(S,{}),(0,r.jsx)(I,{}),(0,r.jsx)(c,{onPick:e=>{var t;if(i){u();return}null===(t=o.current)||void 0===t||t.applyExample(e)}}),(0,r.jsx)(v,{}),(0,r.jsx)(T,{}),(0,r.jsx)(j,{}),(0,r.jsx)(y,{pricingRegion:t}),(0,r.jsx)(E,{onCreateLink:()=>{if(i){u();return}m()}})]})}}},function(e){e.O(0,[2972,5292,9116,9452,9607,2971,2117,1744],function(){return e(e.s=5761)}),_N_E=e.O()}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.