Showing source for: https://mybiourl.com/
Duration: 0.246026s
Server: LiteSpeed
<!DOCTYPE html>
<html lang="en" class="scroll-smooth" data-theme-scheme="light">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>mybioURL - Fast URL Shortener and Bio Pages with Analytics - mybioURL</title>
<meta name="description" content="Create short links, tShorten URLs, build bio pages, track clicks, and monetize traffic with smart targeting and real-time analytics.rack clicks and monetize traffic">
<meta name="keywords" content="url shortener, short links, bio link, bio page, link in bio, qr code, click tracking, link analytics, branded links, monetization">
<meta property="og:locale" content="en" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://mybiourl.com" />
<meta property="og:title" content="mybioURL - Fast URL Shortener and Bio Pages with Analytics - mybioURL" />
<meta property="og:description" content="Create short links, tShorten URLs, build bio pages, track clicks, and monetize traffic with smart targeting and real-time analytics.rack clicks and monetize traffic" />
<meta property="og:site_name" content="mybioURL - Fast URL Shortener and Bio Pages with Analytics - mybioURL" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@">
<meta name="twitter:title" content="mybioURL - Fast URL Shortener and Bio Pages with Analytics - mybioURL">
<meta name="twitter:description" content="Create short links, tShorten URLs, build bio pages, track clicks, and monetize traffic with smart targeting and real-time analytics.rack clicks and monetize traffic">
<meta name="twitter:creator" content="@">
<meta name="twitter:domain" content="https://mybiourl.com">
<link rel="icon" type="image/png" href="https://mybiourl.com/content/F6.png" sizes="32x32" />
<link rel="canonical" href="https://mybiourl.com">
<link rel="alternate" hreflang="pt" href="https://mybiourl.com/pt">
<link rel="alternate" hreflang="ms" href="https://mybiourl.com/ms">
<link rel="alternate" hreflang="en" href="https://mybiourl.com/en">
<link rel="alternate" hreflang="it" href="https://mybiourl.com/it">
<link rel="alternate" hreflang="no" href="https://mybiourl.com/no">
<link rel="alternate" hreflang="ro" href="https://mybiourl.com/ro">
<link rel="alternate" hreflang="nl" href="https://mybiourl.com/nl">
<link rel="alternate" hreflang="cs" href="https://mybiourl.com/cs">
<link rel="alternate" hreflang="ru" href="https://mybiourl.com/ru">
<link rel="alternate" hreflang="id" href="https://mybiourl.com/id">
<link rel="alternate" hreflang="hi" href="https://mybiourl.com/hi">
<link rel="alternate" hreflang="de" href="https://mybiourl.com/de">
<link rel="alternate" hreflang="sv" href="https://mybiourl.com/sv">
<link rel="alternate" hreflang="fr" href="https://mybiourl.com/fr">
<link rel="alternate" hreflang="hu" href="https://mybiourl.com/hu">
<link rel="alternate" hreflang="vi" href="https://mybiourl.com/vi">
<link rel="alternate" hreflang="bn" href="https://mybiourl.com/bn">
<link rel="alternate" hreflang="ja" href="https://mybiourl.com/ja">
<link rel="alternate" hreflang="ko" href="https://mybiourl.com/ko">
<link rel="alternate" hreflang="ur" href="https://mybiourl.com/ur">
<link rel="alternate" hreflang="zh" href="https://mybiourl.com/zh">
<link rel="alternate" hreflang="tr" href="https://mybiourl.com/tr">
<link rel="alternate" hreflang="pl" href="https://mybiourl.com/pl">
<link rel="alternate" hreflang="ar" href="https://mybiourl.com/ar">
<link rel="alternate" hreflang="el" href="https://mybiourl.com/el">
<link rel="alternate" hreflang="uk" href="https://mybiourl.com/uk">
<link rel="alternate" hreflang="es" href="https://mybiourl.com/es">
<link rel="alternate" hreflang="th" href="https://mybiourl.com/th">
<link rel="alternate" hreflang="he" href="https://mybiourl.com/he">
<link rel="alternate" hreflang="fa" href="https://mybiourl.com/fa">
<link rel="alternate" hreflang="x-default" href="https://mybiourl.com/en">
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://mybiourl.com/#organization","name":"mybioURL","url":"https://mybiourl.com","description":"Create short links, tShorten URLs, build bio pages, track clicks, and monetize traffic with smart targeting and real-time analytics.rack clicks and monetize traffic","logo":{"@type":"ImageObject","@id":"https://mybiourl.com/#logo","url":"https://mybiourl.com/content/LOGO26V2.png"},"image":{"@id":"https://mybiourl.com/#logo"},"email":"[email protected]","contactPoint":{"@type":"ContactPoint","contactType":"customer support","email":"[email protected]","url":"https://mybiourl.com/contact"}},{"@type":"WebSite","@id":"https://mybiourl.com/#website","url":"https://mybiourl.com","name":"mybioURL","publisher":{"@id":"https://mybiourl.com/#organization"},"inLanguage":"en"}]}</script>
<link rel="stylesheet" type="text/css" href="https://mybiourl.com/static/libraries/cookieconsent/cookieconsent.css">
<link rel="stylesheet" href="https://mybiourl.com/static/style.css?v=2.8" id="stylesheet">
<script>
!function(){var e=document.documentElement,t=e.getAttribute("data-theme-scheme")||"default",a=localStorage.getItem("theme"),m=window.matchMedia("(prefers-color-scheme: dark)").matches,r=!1;r="darkmode"===t||"light"!==t&&("auto"===t?m:"dark"===a),"default"!==t&&localStorage.removeItem("theme"),e.classList.toggle("dark",r),r?e.setAttribute("data-scheme","dark"):e.removeAttribute("data-scheme")}();
</script>
<script>
var appurl = 'https://mybiourl.com/';
</script>
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="48x48" href="/content/F6.png">
<link rel="apple-touch-icon" href="/content/F6.png">
<link rel="stylesheet" href="/content/mybiourl-custom.min.css?v=20260820-1"> <link href="https://mybiourl.com/blog/feed/all" rel="alternate" type="application/rss+xml" />
</head>
<body class="bg-neutral-50 text-black dark:bg-neutral-950 dark:text-white antialiased overflow-x-hidden">
<header class="border-b border-black/5 dark:border-white/10 sticky top-0 z-50 bg-neutral-50/95 dark:bg-neutral-950/95 backdrop-blur-sm">
<div class="max-w-7xl mx-auto px-4 sm:px-0">
<div class="flex items-center justify-between min-h-16 md:min-h-20 gap-4">
<a href="https://mybiourl.com" class="flex items-center gap-2.5 shrink-0" title="mybioURL">
<img alt="mybioURL" src="https://mybiourl.com/content/LOGO26V2.png" class="h-8 w-auto dark:hidden">
<img alt="mybioURL" src="https://mybiourl.com/content/LOGO-v-3-DARK.png" class="h-8 w-auto hidden dark:block">
</a>
<nav class="hidden md:flex items-center gap-8" aria-label="Main">
<div class="group/nav relative" data-nav-dropdown>
<button type="button" data-nav-dropdown-trigger class="inline-flex cursor-pointer items-center gap-1 border-0 bg-transparent p-0 text-sm font-medium text-black/60 dark:text-white/60 transition hover:text-black dark:hover:text-white focus:text-black dark:focus:text-white focus:outline-none group-[.is-open]/nav:text-black dark:group-[.is-open]/nav:text-white" id="products-menu-button" aria-expanded="false" aria-controls="products-menu" aria-haspopup="true">
Platform <svg class="size-3.5 shrink-0 transition-transform duration-200 group-hover/nav:rotate-180 group-focus-within/nav:rotate-180 group-[.is-open]/nav:rotate-180" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
</svg>
</button>
<div id="products-menu" data-nav-dropdown-panel class="absolute top-full left-1/2 z-50 w-[min(40rem,calc(100vw-2rem))] -translate-x-1/2 pt-3 opacity-0 invisible pointer-events-none transition-[opacity,visibility] duration-200 group-hover/nav:opacity-100 group-hover/nav:visible group-hover/nav:pointer-events-auto group-focus-within/nav:opacity-100 group-focus-within/nav:visible group-focus-within/nav:pointer-events-auto group-[.is-open]/nav:opacity-100 group-[.is-open]/nav:visible group-[.is-open]/nav:pointer-events-auto" role="menu" aria-labelledby="products-menu-button">
<div class="translate-y-1.5 rounded-xl border border-black/5 dark:border-white/10 bg-white dark:bg-neutral-900 backdrop-blur-sm p-2 shadow-[0_24px_48px_-20px_rgba(0,0,0,0.2)] transition-transform duration-200 group-hover/nav:translate-y-0 group-focus-within/nav:translate-y-0 group-[.is-open]/nav:translate-y-0">
<div class="grid grid-cols-3">
<a href="https://mybiourl.com/link-shortener" class="flex flex-col gap-3 p-4 transition rounded-xl hover:bg-black/3 dark:hover:bg-white/4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/20 dark:focus-visible:ring-white/20" role="menuitem">
<span class="inline-flex size-10 items-center justify-center rounded-lg border border-black/5 dark:border-white/10 bg-white text-black dark:bg-black dark:text-white shadow-sm shadow-black/3" aria-hidden="true">
<svg class="size-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"/></svg>
</span>
<span class="flex flex-col gap-1">
<span class="text-sm font-semibold leading-snug">Link Shortener</span>
<span class="text-xs leading-relaxed text-black/60 dark:text-white/60">Branded short URLs with real-time click tracking and custom domains.</span>
</span>
</a>
<a href="https://mybiourl.com/bio-profiles" class="flex flex-col gap-3 p-4 transition rounded-xl hover:bg-black/3 dark:hover:bg-white/4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/20 dark:focus-visible:ring-white/20" role="menuitem">
<span class="inline-flex size-10 items-center justify-center rounded-lg border border-black/5 dark:border-white/10bg-white text-black dark:bg-black dark:text-white shadow-xs aria-hidden="true">
<svg class="size-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"/></svg>
</span>
<span class="flex flex-col gap-1">
<span class="text-sm font-semibold leading-snug">Link-in-bio</span>
<span class="text-xs leading-relaxed text-black/60 dark:text-white/60">Beautiful bio pages with themes, social links, and per-link analytics.</span>
</span>
</a>
<a href="https://mybiourl.com/qr-codes" class="flex flex-col gap-3 p-4 transition rounded-xl hover:bg-black/3 dark:hover:bg-white/4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/20 dark:focus-visible:ring-white/20" role="menuitem">
<span class="inline-flex size-10 items-center justify-center rounded-lg border border-black/5 dark:border-white/10 bg-white text-black dark:bg-black dark:text-white shadow-sm shadow-black/3" aria-hidden="true">
<svg class="size-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 013.75 9.375v-4.5zM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5zM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5zM13.5 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5z"/></svg>
</span>
<span class="flex flex-col gap-1">
<span class="text-sm font-semibold leading-snug">QR Codes</span>
<span class="text-xs leading-relaxed text-black/60 dark:text-white/60">Dynamic QR codes tied to short links — update destinations without reprinting.</span>
</span>
</a>
</div>
</div>
</div>
</div>
<a href="https://mybiourl.com/pricing" class="text-sm font-medium text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Pricing</a>
<a href="https://mybiourl.com/blog" class="text-sm font-medium text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Blog</a>
<div class="group/nav relative" data-nav-dropdown>
<button type="button" data-nav-dropdown-trigger class="inline-flex cursor-pointer items-center gap-1 border-0 bg-transparent p-0 text-sm font-medium text-black/60 dark:text-white/60 transition hover:text-black dark:hover:text-white focus:outline-none group-[.is-open]/nav:text-black dark:group-[.is-open]/nav:text-white" id="resources-menu-button" aria-expanded="false" aria-controls="resources-menu" aria-haspopup="true">
Resources <svg class="size-3.5 shrink-0 transition-transform duration-200 group-hover/nav:rotate-180 group-[.is-open]/nav:rotate-180" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
</svg>
</button>
<div id="resources-menu" data-nav-dropdown-panel class="absolute top-full left-1/2 z-50 w-72 -translate-x-1/2 p-1 opacity-0 invisible pointer-events-none transition-[opacity,visibility] duration-200 group-hover/nav:opacity-100 group-hover/nav:visible group-hover/nav:pointer-events-auto group-focus-within/nav:opacity-100 group-focus-within/nav:visible group-focus-within/nav:pointer-events-auto group-[.is-open]/nav:opacity-100 group-[.is-open]/nav:visible group-[.is-open]/nav:pointer-events-auto" role="menu" aria-labelledby="resources-menu-button">
<div class="translate-y-1.5 rounded-xl border border-black/5 dark:border-white/10 bg-white dark:bg-neutral-900 p-1.5 shadow-[0_24px_48px_-20px_rgba(0,0,0,0.2)] transition-transform duration-200 group-hover/nav:translate-y-0 group-[.is-open]/nav:translate-y-0">
<a href="https://mybiourl.com/help" class="flex items-start gap-3 rounded-lg px-3 py-2.5 transition hover:bg-black/3 dark:hover:bg-white/4" role="menuitem">
<span class="inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-black/5 dark:border-white/10 bg-white text-black dark:bg-black dark:text-white shadow-sm shadow-black/3" aria-hidden="true">
<svg class="size-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="1.5" fill="none"/>
<circle cx="12" cy="12" r="5" stroke="currentColor" stroke-width="1.5" fill="none"/>
<path stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M12 3v3M12 18v3M3 12h3M18 12h3"/>
<path stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M5.64 5.64l2.12 2.12M16.24 16.24l2.12 2.12M5.64 18.36l2.12-2.12M16.24 7.76l2.12-2.12"/>
</svg>
</span>
<span class="min-w-0">
<span class="block text-sm font-semibold leading-snug">Help Center</span>
<span class="mt-0.5 block text-xs leading-relaxed text-black/55 dark:text-white/55">Answers, troubleshooting, and support.</span>
</span>
</a>
<a href="https://mybiourl.com/developers" class="flex items-start gap-3 rounded-lg px-3 py-2.5 transition hover:bg-black/3 dark:hover:bg-white/4" role="menuitem">
<span class="inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-black/5 dark:border-white/10 bg-white text-black dark:bg-black dark:text-white shadow-sm shadow-black/3" aria-hidden="true">
<svg class="size-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5"/></svg>
</span>
<span class="min-w-0">
<span class="block text-sm font-semibold leading-snug">Developer API</span>
<span class="mt-0.5 block text-xs leading-relaxed text-black/55 dark:text-white/55">Build with our API.</span>
</span>
</a>
</div>
</div>
</div>
<a href="https://brodlin.com" class="text-sm font-medium text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Brodlin Tools</a>
<a href="https://mybiourl.com/bio-profiles/directory" class="text-sm font-medium text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Bio Directory</a>
</nav>
<div class="flex items-center gap-2 sm:gap-3">
<a href="https://mybiourl.com/user/login" class="hidden md:inline-flex text-sm font-medium text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Log in</a>
<a href="https://mybiourl.com/user/register" class="hidden md:inline-flex items-center justify-center rounded-lg bg-black dark:bg-white px-3 sm:px-4 py-2 text-sm font-semibold text-white dark:text-black hover:bg-black/90 dark:hover:bg-white/90 transition-colors whitespace-nowrap">
Get Started </a>
<button type="button" id="menu-toggle" class="md:hidden flex size-9 items-center justify-center rounded-lg border border-black/5 dark:border-white/10 hover:bg-black/5 dark:hover:bg-white/5 transition-colors" aria-label="Open menu" aria-expanded="false" aria-controls="mobile-nav">
<svg data-icon-open class="size-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"/></svg>
<svg data-icon-close class="hidden size-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>
</button>
</div>
</div>
<nav id="mobile-nav" class="hidden md:hidden border-t border-black/5 dark:border-white/10 pb-4" aria-label="Mobile">
<div class="flex flex-col gap-1 pt-3">
<div data-mobile-products>
<button type="button" data-mobile-products-trigger class="flex w-full items-center justify-between rounded-lg px-3 py-2.5 text-sm font-medium text-black/70 dark:text-white/70 hover:bg-black/5 dark:hover:bg-white/5 transition-colors" aria-expanded="false" aria-controls="mobile-products-panel">
Products <svg class="size-4 shrink-0 transition-transform duration-200" data-mobile-products-chevron fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>
</button>
<div id="mobile-products-panel" class="hidden pl-3 pt-1 pb-2 space-y-0.5" role="group">
<a href="https://mybiourl.com/link-shortener" class="block rounded-lg px-3 py-2 text-sm text-black/60 dark:text-white/60 hover:bg-black/5 dark:hover:bg-white/5 transition-colors">Link Shortener</a>
<a href="https://mybiourl.com/bio-profiles" class="block rounded-lg px-3 py-2 text-sm text-black/60 dark:text-white/60 hover:bg-black/5 dark:hover:bg-white/5 transition-colors">Link-in-bio</a>
<a href="https://mybiourl.com/qr-codes" class="block rounded-lg px-3 py-2 text-sm text-black/60 dark:text-white/60 hover:bg-black/5 dark:hover:bg-white/5 transition-colors">QR Codes</a>
</div>
</div>
<a href="https://mybiourl.com/pricing" class="rounded-lg px-3 py-2.5 text-sm font-medium text-black/70 dark:text-white/70 hover:bg-black/5 dark:hover:bg-white/5 transition-colors">Pricing</a>
<a href="https://mybiourl.com/blog" class="rounded-lg px-3 py-2.5 text-sm font-medium text-black/70 dark:text-white/70 hover:bg-black/5 dark:hover:bg-white/5 transition-colors">Blog</a>
<div data-mobile-resources>
<button type="button" data-mobile-resources-trigger class="flex w-full items-center justify-between rounded-lg px-3 py-2.5 text-sm font-medium text-black/70 dark:text-white/70 hover:bg-black/5 dark:hover:bg-white/5 transition-colors" aria-expanded="false" aria-controls="mobile-resources-panel">
Resources <svg class="size-4 shrink-0 transition-transform duration-200" data-mobile-resources-chevron fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>
</button>
<div id="mobile-resources-panel" class="hidden pl-3 pt-1 pb-2 space-y-0.5" role="group">
<a href="https://mybiourl.com/help" class="block rounded-lg px-3 py-2 text-sm text-black/60 dark:text-white/60 hover:bg-black/5 dark:hover:bg-white/5 transition-colors">Help Center</a>
<a href="https://mybiourl.com/developers" class="block rounded-lg px-3 py-2 text-sm text-black/60 dark:text-white/60 hover:bg-black/5 dark:hover:bg-white/5 transition-colors">API</a>
</div>
</div>
<a href="https://mybiourl.com/user/login" class="rounded-lg px-3 py-2.5 text-sm font-medium text-black/70 dark:text-white/70 hover:bg-black/5 dark:hover:bg-white/5 transition-colors">Log in</a>
<a href="https://mybiourl.com/user/register" class="mt-2 inline-flex items-center justify-center rounded-lg bg-black dark:bg-white px-4 py-2.5 text-sm font-semibold text-white dark:text-black">Get started free</a>
</div>
</nav>
</div>
</header>
<main>
<section id="hero" class="border-b border-black/5 dark:border-white/10">
<div class="max-w-7xl mx-auto border-x border-black/5 dark:border-white/10 lg:pl-8">
<div class="grid lg:grid-cols-2 lg:divide-x lg:divide-black/10 dark:divide-white/10">
<div class="flex flex-col justify-center border-b border-black/5 px-4 py-12 dark:border-white/10 sm:px-6 md:py-16 lg:border-b-0 lg:px-0 lg:py-20 lg:pr-12 xl:pr-16">
<h1 class="text-4xl sm:text-5xl lg:text-7xl font-bold tracking-tight leading-none">
The all-in-one platform made for every single link </h1>
<p class="mt-5 text-lg text-black/60 dark:text-white/60 leading-relaxed max-w-lg">
Short links, link-in-bio pages, and QR codes — create, share, and measure every campaign from one dashboard. </p>
<form method="post" action="https://mybiourl.com/shorten" data-trigger="shorten-form" class="mt-8 max-w-lg">
<input type="hidden" name="_token" value="$2y$10$7hTtNY15oqTblG.SzyF2kO5txoDRjcrLW.TDUzfXUchEw.wBjfgUq" />
<label for="url" class="sr-only">Long URL</label>
<div class="flex flex-col sm:flex-row sm:items-center gap-2 rounded-lg border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900/20 p-1.5 shadow-sm focus-within:border-black/25 dark:focus-within:border-white/25 transition-colors">
<input type="text" id="url" name="url" placeholder="Paste a long URL" class="min-w-0 w-full flex-1 bg-transparent px-2.5 py-2 text-sm text-black dark:text-white placeholder:text-black/40 dark:placeholder:text-white/40 outline-none" required>
<div class="flex items-center gap-1 shrink-0">
<button type="button" data-copy-short data-lang="Copied" class="hidden w-full sm:w-auto shrink-0 items-center justify-center gap-1.5 rounded-lg border border-black/5 dark:border-white/10 px-4 py-2 text-sm font-semibold hover:bg-black/5 dark:hover:bg-white/5 transition-colors">Copy</button>
<button type="submit" class="w-auto shrink-0 inline-flex items-center justify-center gap-1.5 rounded-md bg-black dark:bg-white px-4 py-2 text-sm font-semibold text-white dark:text-black hover:bg-black/90 dark:hover:bg-white/90 transition-colors"><span data-shorten-label>Shorten</span></button>
</div>
</div>
<div data-id="tpNQRtvrLfXXdFs" class="mb-3"></div><script src="https://www.google.com/recaptcha/api.js?hl=en&render=6LcwO28rAAAAAOnf6HTLV85jA6H9m2qMWzmC70Jz"></script>
<script>
var recaptcha = () => {
grecaptcha.execute('6LcwO28rAAAAAOnf6HTLV85jA6H9m2qMWzmC70Jz', {action: 'shorten'}).then(function(token) {
var box = document.querySelector('[data-id=tpNQRtvrLfXXdFs]');
if (box) box.innerHTML = '<input type="hidden" name="g-recaptcha-response" value="'+token+'" />';
});
}
grecaptcha.ready('recaptcha');
</script> </form>
<div id="output-result" class="hidden mt-4 max-w-lg rounded-lg border border-emerald-500/30 bg-emerald-50 dark:bg-emerald-950/20 p-4">
<div class="flex items-start gap-3">
<div id="qr-result" class="shrink-0"></div>
<div id="text-result">
<p class="text-sm text-black/70 dark:text-white/70">Your link has been successfully shortened. Want to more customization options?</p>
<a href="https://mybiourl.com/user/register" class="mt-2 inline-flex items-center justify-center rounded-lg bg-black dark:bg-white px-4 py-2 text-sm font-semibold text-white dark:text-black hover:bg-black/90 dark:hover:bg-white/90 transition-colors">Get Started</a>
</div>
</div>
</div>
<div class="mt-8 flex flex-wrap items-center gap-3">
<a href="https://mybiourl.com/user/register" class="inline-flex items-center justify-center rounded-lg bg-black dark:bg-white px-6 py-3 text-sm font-semibold text-white dark:text-black hover:bg-black/90 dark:hover:bg-white/90 transition-colors">Get started free</a>
<a href="https://mybiourl.com/contact" class="inline-flex items-center justify-center rounded-lg border border-black/5 dark:border-white/10 px-6 py-3 text-sm font-semibold hover:bg-black/5 dark:hover:bg-white/5 transition-colors">Contact Us</a>
</div>
<p class="mt-6 text-xs text-black/40 dark:text-white/40">No credit card required · Free plan forever</p>
</div>
<div class="bg-noise flex items-center justify-center bg-gradient-to-tr from-blue-700 to-indigo-700 px-4 py-12 sm:px-6 md:py-16 lg:p-12 xl:p-16">
<div class="relative z-10 h-auto min-h-96 w-full max-w-sm pb-24 sm:max-w-md sm:pb-8 lg:h-96 lg:pb-0" aria-hidden="true">
<div class="pointer-events-none absolute inset-0 -m-8 rounded-full bg-white/10 blur-3xl"></div>
<div class="absolute top-2 left-0 w-40 sm:w-44 -rotate-6 rounded-2xl bg-white p-3.5 shadow-2xl ring-1 ring-black/5 transition-transform duration-500 hover:-rotate-3 hover:scale-105">
<div class="flex items-center gap-2 mb-3">
<span class="size-7 rounded-xl bg-orange-50 text-orange-600 flex items-center justify-center shadow-sm">
<svg class="size-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"/></svg>
</span>
<span class="text-xs font-bold tracking-tight text-black">Shortener</span>
</div>
<div class="rounded-lg border border-black/5 bg-neutral-50 px-2.5 py-1.5 mb-2">
<p class="text-xs text-black/35 truncate">https://shop.example.com/sale…</p>
</div>
<div class="rounded-lg bg-black px-2.5 py-1.5 flex items-center justify-between gap-1.5">
<span class="text-xs font-bold text-white truncate">mybiourl.com/sale</span>
<span class="text-xs font-semibold text-white/45 shrink-0 uppercase tracking-wide">Copy</span>
</div>
</div>
<div class="absolute top-0 right-1 sm:right-4 w-40 sm:w-44 rotate-6 rounded-2xl bg-white p-3.5 shadow-2xl ring-1 ring-black/5 transition-transform duration-500 hover:rotate-3 hover:scale-105">
<div class="flex items-center gap-2 mb-3">
<span class="size-7 rounded-xl bg-sky-50 text-sky-600 flex items-center justify-center shadow-sm">
<svg class="size-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 013.75 9.375v-4.5zM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5zM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5z"/></svg>
</span>
<span class="text-xs font-bold tracking-tight text-black">QR Codes</span>
</div>
<div class="mx-auto rounded-md overflow-hidden bg-white p-1 ring-1 ring-black/5">
<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0iI2ZmZmZmZiIvPjxnIHRyYW5zZm9ybT0ic2NhbGUoMS40MjkpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDApIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDBMOCAxTDkgMUw5IDBaTTExIDBMMTEgMUwxMCAxTDEwIDJMOSAyTDkgM0w4IDNMOCA4TDYgOEw2IDlMNSA5TDUgOEw0IDhMNCAxMEwzIDEwTDMgOUwxIDlMMSA4TDAgOEwwIDlMMSA5TDEgMTBMMiAxMEwyIDExTDMgMTFMMyAxMkw0IDEyTDQgMTNMNyAxM0w3IDEyTDYgMTJMNiAxMUw4IDExTDggMTVMOSAxNUw5IDEyTDEwIDEyTDEwIDEzTDExIDEzTDExIDEyTDEwIDEyTDEwIDExTDggMTFMOCA5TDkgOUw5IDEwTDExIDEwTDExIDExTDEyIDExTDEyIDEwTDE0IDEwTDE0IDExTDE1IDExTDE1IDEyTDEyIDEyTDEyIDE1TDExIDE1TDExIDE0TDEwIDE0TDEwIDE1TDExIDE1TDExIDE3TDEyIDE3TDEyIDE4TDExIDE4TDExIDE5TDEwIDE5TDEwIDIwTDEyIDIwTDEyIDIxTDE0IDIxTDE0IDIwTDEyIDIwTDEyIDE4TDEzIDE4TDEzIDE5TDE0IDE5TDE0IDE4TDE1IDE4TDE1IDE5TDE4IDE5TDE4IDIwTDE3IDIwTDE3IDIxTDE5IDIxTDE5IDIwTDIwIDIwTDIwIDIxTDIxIDIxTDIxIDE5TDE5IDE5TDE5IDE3TDIwIDE3TDIwIDE4TDIxIDE4TDIxIDE3TDIwIDE3TDIwIDE2TDIxIDE2TDIxIDE1TDIwIDE1TDIwIDE0TDIxIDE0TDIxIDEyTDE5IDEyTDE5IDEzTDE4IDEzTDE4IDExTDE3IDExTDE3IDEwTDE5IDEwTDE5IDlMMTggOUwxOCA4TDEzIDhMMTMgNkwxMiA2TDEyIDVMMTMgNUwxMyAzTDEyIDNMMTIgNUw5IDVMOSA0TDExIDRMMTEgMkwxMyAyTDEzIDBaTTkgNkw5IDdMMTAgN0wxMCA4TDkgOEw5IDlMMTEgOUwxMSA3TDEyIDdMMTIgNkwxMSA2TDExIDdMMTAgN0wxMCA2Wk0xMiA4TDEyIDlMMTMgOUwxMyA4Wk0yMCA4TDIwIDExTDIxIDExTDIxIDhaTTYgOUw2IDEwTDQgMTBMNCAxMkw1IDEyTDUgMTFMNiAxMUw2IDEwTDcgMTBMNyA5Wk0xNiA5TDE2IDEwTDE1IDEwTDE1IDExTDE2IDExTDE2IDEzTDE1IDEzTDE1IDE0TDE0IDE0TDE0IDEzTDEzIDEzTDEzIDE0TDE0IDE0TDE0IDE1TDEzIDE1TDEzIDE2TDEyIDE2TDEyIDE3TDEzIDE3TDEzIDE4TDE0IDE4TDE0IDE2TDE1IDE2TDE1IDE1TDE2IDE1TDE2IDE3TDE1IDE3TDE1IDE4TDE3IDE4TDE3IDExTDE2IDExTDE2IDEwTDE3IDEwTDE3IDlaTTE4IDE1TDE4IDE2TDIwIDE2TDIwIDE1Wk04IDE2TDggMTdMOSAxN0w5IDE4TDEwIDE4TDEwIDE2Wk04IDIwTDggMjFMOSAyMUw5IDIwWk0xNSAyMEwxNSAyMUwxNiAyMUwxNiAyMFpNMCAwTDcgMEw3IDdMMCA3Wk0xIDFMMSA2TDYgNkw2IDFaTTIgMkw1IDJMNSA1TDIgNVpNMTQgMEwyMSAwTDIxIDdMMTQgN1pNMTUgMUwxNSA2TDIwIDZMMjAgMVpNMTYgMkwxOSAyTDE5IDVMMTYgNVpNMCAxNEw3IDE0TDcgMjFMMCAyMVpNMSAxNUwxIDIwTDYgMjBMNiAxNVpNMiAxNkw1IDE2TDUgMTlMMiAxOVoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9nPjwvc3ZnPgo=" class="rounded-md w-full h-full object-cover">
</div>
</div>
<div class="absolute bottom-4 left-2 sm:left-6 w-36 sm:w-40 rotate-6 rounded-2xl bg-white p-3.5 shadow-2xl ring-1 ring-black/5 transition-transform duration-500 hover:rotate-2 hover:scale-105 z-10">
<div class="flex items-center gap-2 mb-3">
<span class="size-7 rounded-xl bg-emerald-50 text-emerald-600 flex items-center justify-center shadow-sm">
<svg class="size-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"/></svg>
</span>
<span class="text-xs font-bold tracking-tight text-black">Link-in-bio</span>
</div>
<div class="flex flex-col items-center">
<div class="size-8 rounded-full bg-gradient-to-br from-emerald-200 to-teal-400 mb-1.5 ring-2 ring-white shadow-sm"></div>
<p class="text-xs font-bold text-black mb-2">@creator</p>
<div class="w-full space-y-1.5">
<div class="rounded-lg border border-black/10 bg-neutral-50 py-1.5 text-center text-xs font-semibold text-black/65">Portfolio</div>
<div class="rounded-lg bg-black py-1.5 text-center text-xs font-semibold text-white">Shop now</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="border-b border-black/5 dark:border-white/10" aria-label="Platform statistics">
<div class="max-w-7xl mx-auto border-x border-black/5 dark:border-white/10">
<div class="grid grid-cols-1 sm:grid-cols-3 gap-2">
<div class="px-6 py-8 md:px-8 md:py-10 text-center">
<p class="text-3xl sm:text-4xl font-extrabold tracking-tight tabular-nums">41133+</p>
<p class="mt-2 text-sm font-semibold text-black/40 dark:text-white/40">Links & QR Codes</p>
</div>
<div class="px-6 py-8 md:px-8 md:py-10 text-center border-y sm:border-y-0 sm:border-x border-black/5 dark:border-white/10">
<p class="text-3xl sm:text-4xl font-extrabold tracking-tight tabular-nums">193685+</p>
<p class="mt-2 text-sm font-semibold text-black/40 dark:text-white/40">Clicks & Scans</p>
</div>
<div class="px-6 py-8 md:px-8 md:py-10 text-center">
<p class="text-3xl sm:text-4xl font-extrabold tracking-tight tabular-nums">4208+</p>
<p class="mt-2 text-sm font-semibold text-black/40 dark:text-white/40">Amazing Customers</p>
</div>
</div>
</div>
</section>
<section id="core-features" class="border-b border-black/5 dark:border-white/10" aria-labelledby="core-features-heading">
<div class="max-w-7xl mx-auto border-x border-black/5 dark:border-white/10">
<div class="py-10 md:py-14 px-4 sm:px-6 lg:px-8 max-w-4xl">
<h2 id="core-features-heading" class="text-3xl sm:text-4xl font-bold tracking-tight">The complete product suite for your marketing needs. <span class="text-black/50 dark:text-white/60">Links, Link-in-bio and QR Codes all in one platform.</span></h2>
</div>
<div class="grid grid-cols-1 sm:grid-cols-3 gap-2 border-t border-black/5 dark:border-white/10 p-1">
<article id="link-shortener" class="group relative flex flex-col min-h-80 sm:min-h-96 overflow-hidden rounded-xl shadow-sm scroll-mt-24 bg-white dark:bg-neutral-900/20 transition-shadow duration-300 hover:shadow-md">
<div class="relative z-10 flex flex-col flex-1">
<div class="flex-1 flex items-center justify-center p-6 sm:p-8 md:p-10 overflow-hidden relative">
<div class="absolute inset-0 rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none bg-gradient-to-br from-orange-300 to-red-300 m-1 z-0" aria-hidden="true"></div>
<div class="relative z-10 group/shortener w-full max-w-sm rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900/40 p-4 shadow-xl overflow-hidden" data-shortener-demo>
<p class="text-xs font-semibold uppercase tracking-wider text-black/40 dark:text-white/40 mb-2">Long URL</p>
<div class="rounded-lg border border-black/5 dark:border-white/10 px-3 py-2 text-xs flex items-center gap-2 min-h-9">
<span class="truncate flex-1 min-w-0 text-black/50 dark:text-white/50">https://shop.example.com/summer-sale-2026</span>
<svg class="hidden size-3.5 shrink-0 animate-spin text-black/40 dark:text-white/40 group-[.is-loading]/shortener:block" fill="none" viewBox="0 0 24 24" aria-hidden="true">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="3"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
</div>
<div class="grid grid-rows-[0fr] transition-[grid-template-rows] duration-300 ease-out group-[.is-expanded]/shortener:grid-rows-[1fr]">
<div class="min-h-0 overflow-hidden">
<div class="flex justify-center my-2 pt-3 opacity-30 transition-opacity duration-300 group-[.is-expanded]/shortener:opacity-100" aria-hidden="true">
<svg class="size-4 text-black/30 dark:text-white/30" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19 14l-7 7m0 0l-7-7m7 7V3"/></svg>
</div>
<div class="opacity-0 translate-y-1 transition-all duration-300 delay-75 group-[.is-expanded]/shortener:opacity-100 group-[.is-expanded]/shortener:translate-y-0">
<p class="text-xs font-semibold uppercase tracking-wider text-black/40 dark:text-white/40 mb-2">Short link</p>
<div class="flex items-center justify-between gap-2 rounded-lg bg-black dark:bg-white px-3 py-2.5">
<span class="text-sm font-bold text-white dark:text-black truncate">mybiourl.com/summer26</span>
<span class="shrink-0 text-xs font-semibold text-white/60 dark:text-black/60">Copy</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-6 sm:p-8 md:p-10">
<h3 class="text-xl font-bold tracking-tight">Link Shortener</h3>
<p class="mt-2 text-sm text-black/60 dark:text-white/60 leading-relaxed">Turn long URLs into branded short links in seconds. Custom slugs, custom domains, and click tracking on every link.</p>
<a href="https://mybiourl.com/link-shortener" class="group/link mt-4 inline-flex items-center gap-1.5 text-sm font-semibold">
Learn more <svg class="size-3.5 transition-transform duration-200 group-hover/link:translate-x-0.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"/></svg>
</a>
</div>
</div>
</article>
<article id="link-in-bio" class="group relative flex flex-col min-h-80 sm:min-h-96 overflow-hidden rounded-xl shadow-sm scroll-mt-24 bg-white dark:bg-neutral-900/20 transition-shadow duration-300 hover:shadow-md">
<div class="relative z-10 flex flex-col flex-1">
<div class="flex-1 flex items-center justify-center p-6 sm:p-8 md:p-10 overflow-hidden relative">
<div class="absolute inset-0 rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none bg-gradient-to-br from-green-300 to-lime-300 m-1 z-0" aria-hidden="true"></div>
<div class="relative z-10 group/bio w-full max-w-44 min-h-56 rounded-2xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900/40 p-4 shadow-xl" data-bio-demo>
<div class="mx-auto size-10 rounded-full bg-black/10 dark:bg-white/10 mb-3" aria-hidden="true"></div>
<p class="text-center text-xs font-bold tracking-tight mb-0.5">@creator</p>
<p class="text-center text-xs text-black/40 dark:text-white/40 mb-3">Designer & founder</p>
<div class="space-y-1.5">
<div class="rounded-lg border border-black/10 dark:border-white/10 py-2 text-center text-xs font-semibold">Portfolio</div>
<div class="grid grid-rows-[0fr] transition-[grid-template-rows] duration-300 ease-out group-[.is-step-3]/bio:grid-rows-[1fr]">
<div class="min-h-0 overflow-hidden">
<div class="rounded-lg bg-black dark:bg-white overflow-hidden opacity-0 -translate-y-1 transition-all duration-300 group-[.is-step-3]/bio:opacity-100 group-[.is-step-3]/bio:translate-y-0">
<p class="py-2 text-center text-xs font-semibold text-white dark:text-black">Shop now</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-6 sm:p-8 md:p-10">
<h3 class="text-xl font-bold tracking-tight">Link-in-bio</h3>
<p class="mt-2 text-sm text-black/60 dark:text-white/60 leading-relaxed">Build beautiful bio pages with themes, social links, and analytics. Showcase all your important links in one place.</p>
<a href="https://mybiourl.com/bio-profiles" class="group/link mt-4 inline-flex items-center gap-1.5 text-sm font-semibold">
Learn more <svg class="size-3.5 transition-transform duration-200 group-hover/link:translate-x-0.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"/></svg>
</a>
</div>
</div>
</article>
<article id="qr-codes" class="group relative flex flex-col min-h-80 sm:min-h-96 overflow-hidden rounded-xl shadow-sm scroll-mt-24 bg-white dark:bg-neutral-900/20 transition-shadow duration-300 hover:shadow-md">
<div class="relative z-10 flex flex-col flex-1">
<div class="flex-1 flex items-center justify-center p-6 sm:p-8 md:p-10 overflow-hidden relative">
<div class="absolute inset-0 rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none bg-gradient-to-br from-sky-300 to-indigo-300 m-1 z-0" aria-hidden="true"></div>
<div class="relative z-10 rounded-xl bg-white dark:bg-neutral-900/40 p-4 shadow-sm">
<div class="w-full dark:invert" aria-hidden="true">
<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0iI2ZmZmZmZiIvPjxnIHRyYW5zZm9ybT0ic2NhbGUoMS40MjkpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDApIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDBMOCAxTDkgMUw5IDBaTTExIDBMMTEgMUwxMCAxTDEwIDJMOSAyTDkgM0w4IDNMOCA4TDYgOEw2IDlMNSA5TDUgOEw0IDhMNCAxMEwzIDEwTDMgOUwxIDlMMSA4TDAgOEwwIDlMMSA5TDEgMTBMMiAxMEwyIDExTDMgMTFMMyAxMkw0IDEyTDQgMTNMNyAxM0w3IDEyTDYgMTJMNiAxMUw4IDExTDggMTVMOSAxNUw5IDEyTDEwIDEyTDEwIDEzTDExIDEzTDExIDEyTDEwIDEyTDEwIDExTDggMTFMOCA5TDkgOUw5IDEwTDExIDEwTDExIDExTDEyIDExTDEyIDEwTDE0IDEwTDE0IDExTDE1IDExTDE1IDEyTDEyIDEyTDEyIDE1TDExIDE1TDExIDE0TDEwIDE0TDEwIDE1TDExIDE1TDExIDE3TDEyIDE3TDEyIDE4TDExIDE4TDExIDE5TDEwIDE5TDEwIDIwTDEyIDIwTDEyIDIxTDE0IDIxTDE0IDIwTDEyIDIwTDEyIDE4TDEzIDE4TDEzIDE5TDE0IDE5TDE0IDE4TDE1IDE4TDE1IDE5TDE4IDE5TDE4IDIwTDE3IDIwTDE3IDIxTDE5IDIxTDE5IDIwTDIwIDIwTDIwIDIxTDIxIDIxTDIxIDE5TDE5IDE5TDE5IDE3TDIwIDE3TDIwIDE4TDIxIDE4TDIxIDE3TDIwIDE3TDIwIDE2TDIxIDE2TDIxIDE1TDIwIDE1TDIwIDE0TDIxIDE0TDIxIDEyTDE5IDEyTDE5IDEzTDE4IDEzTDE4IDExTDE3IDExTDE3IDEwTDE5IDEwTDE5IDlMMTggOUwxOCA4TDEzIDhMMTMgNkwxMiA2TDEyIDVMMTMgNUwxMyAzTDEyIDNMMTIgNUw5IDVMOSA0TDExIDRMMTEgMkwxMyAyTDEzIDBaTTkgNkw5IDdMMTAgN0wxMCA4TDkgOEw5IDlMMTEgOUwxMSA3TDEyIDdMMTIgNkwxMSA2TDExIDdMMTAgN0wxMCA2Wk0xMiA4TDEyIDlMMTMgOUwxMyA4Wk0yMCA4TDIwIDExTDIxIDExTDIxIDhaTTYgOUw2IDEwTDQgMTBMNCAxMkw1IDEyTDUgMTFMNiAxMUw2IDEwTDcgMTBMNyA5Wk0xNiA5TDE2IDEwTDE1IDEwTDE1IDExTDE2IDExTDE2IDEzTDE1IDEzTDE1IDE0TDE0IDE0TDE0IDEzTDEzIDEzTDEzIDE0TDE0IDE0TDE0IDE1TDEzIDE1TDEzIDE2TDEyIDE2TDEyIDE3TDEzIDE3TDEzIDE4TDE0IDE4TDE0IDE2TDE1IDE2TDE1IDE1TDE2IDE1TDE2IDE3TDE1IDE3TDE1IDE4TDE3IDE4TDE3IDExTDE2IDExTDE2IDEwTDE3IDEwTDE3IDlaTTE4IDE1TDE4IDE2TDIwIDE2TDIwIDE1Wk04IDE2TDggMTdMOSAxN0w5IDE4TDEwIDE4TDEwIDE2Wk04IDIwTDggMjFMOSAyMUw5IDIwWk0xNSAyMEwxNSAyMUwxNiAyMUwxNiAyMFpNMCAwTDcgMEw3IDdMMCA3Wk0xIDFMMSA2TDYgNkw2IDFaTTIgMkw1IDJMNSA1TDIgNVpNMTQgMEwyMSAwTDIxIDdMMTQgN1pNMTUgMUwxNSA2TDIwIDZMMjAgMVpNMTYgMkwxOSAyTDE5IDVMMTYgNVpNMCAxNEw3IDE0TDcgMjFMMCAyMVpNMSAxNUwxIDIwTDYgMjBMNiAxNVpNMiAxNkw1IDE2TDUgMTlMMiAxOVoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9nPjwvc3ZnPgo=" class="rounded-md w-full h-full object-cover">
</div>
<p class="mt-3 text-center text-xs font-semibold text-black/40 dark:text-white/40 uppercase tracking-wider">Dynamic · Scannable</p>
</div>
</div>
<div class="p-6 sm:p-8 md:p-10">
<h3 class="text-xl font-bold tracking-tight">QR Codes</h3>
<p class="mt-2 text-sm text-black/60 dark:text-white/60 leading-relaxed">Generate dynamic QR codes for any link. Update destinations anytime without reprinting — track every scan.</p>
<a href="https://mybiourl.com/qr-codes" class="group/link mt-4 inline-flex items-center gap-1.5 text-sm font-semibold">
Learn more <svg class="size-3.5 transition-transform duration-200 group-hover/link:translate-x-0.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"/></svg>
</a>
</div>
</div>
</article>
</div>
</div>
</section>
<section id="features" class="border-b border-black/5 dark:border-white/10">
<div class="max-w-7xl mx-auto border-x border-black/5 dark:border-white/10">
<div class="py-10 md:py-14 px-4 sm:px-6 lg:px-8 max-w-4xl">
<h2 class="text-3xl sm:text-4xl font-bold tracking-tight">Everything you need to manage links. <span class="text-black/50 dark:text-white/60">From shortening to analytics, branded domains to team collaboration — built for speed and simplicity.</span></h2>
</div>
<div class="border-t border-black/5 dark:border-white/10 p-1" data-feature-slider>
<div class="grid lg:grid-cols-2 gap-2 lg:items-stretch">
<div class="relative min-h-88 sm:min-h-104 lg:min-h-128 overflow-hidden rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm" aria-hidden="true">
<div data-feature-visual="branded" class="is-active">
<div class="absolute inset-0 bg-gradient-to-br from-orange-100/80 via-transparent to-red-50/60 dark:from-orange-950/25 dark:to-red-950/10"></div>
<div class="relative w-full max-w-sm mx-auto space-y-3">
<div class="feature-visual-in rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900 p-4 shadow-xl">
<p class="text-xs font-semibold uppercase tracking-wider text-black/40 dark:text-white/40 mb-3">Branded short links</p>
<div class="flex items-stretch rounded-lg border border-black/10 dark:border-white/10 overflow-hidden">
<span class="px-3 py-2 text-xs font-semibold bg-black/4 dark:bg-white/5 text-black/70 dark:text-white/70 shrink-0 flex items-center">mybiourl.com</span>
<span class="px-2 text-xs text-black/30 dark:text-white/30 flex items-center">/</span>
<span class="flex-1 px-2 py-2 text-xs font-bold truncate">summer-sale</span>
</div>
<div class="mt-3 flex items-center justify-between gap-2 rounded-lg bg-black dark:bg-white px-3 py-2.5">
<span class="text-sm font-bold text-white dark:text-black truncate">mybiourl.com/summer-sale</span>
<span class="shrink-0 text-xs font-semibold text-white/50 dark:text-black/50">Copy</span>
</div>
</div>
<div class="feature-visual-in rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900 p-3.5 shadow-lg" style="animation-delay:80ms">
<div class="space-y-2.5">
<div class="flex items-center justify-between gap-3 text-xs">
<span class="font-semibold truncate">mybiourl.com/launch</span>
<span class="tabular-nums text-black/40 dark:text-white/40">12.4k</span>
</div>
<div class="flex items-center justify-between gap-3 text-xs">
<span class="font-semibold truncate">mybiourl.com/shop</span>
<span class="tabular-nums text-black/40 dark:text-white/40">8.1k</span>
</div>
<div class="flex items-center justify-between gap-3 text-xs">
<span class="font-semibold truncate">mybiourl.com/bio</span>
<span class="tabular-nums text-black/40 dark:text-white/40">3.6k</span>
</div>
</div>
</div>
</div>
</div>
<div data-feature-visual="channels">
<div class="absolute inset-0 bg-gradient-to-br from-fuchsia-100/80 via-transparent to-violet-50/50 dark:from-fuchsia-950/20 dark:to-violet-950/10"></div>
<div class="relative w-full max-w-sm mx-auto space-y-3">
<div class="feature-visual-in rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900 p-4 shadow-xl">
<div class="flex items-start justify-between gap-3 mb-3">
<div class="min-w-0">
<p class="text-sm font-bold tracking-tight truncate">Summer Sale</p>
<p class="mt-0.5 text-[11px] font-semibold text-black/40 dark:text-white/40 truncate">mybiourl.com/r/summer</p>
</div>
<span class="inline-flex items-center gap-1.5 shrink-0 rounded-full bg-emerald-50 dark:bg-emerald-950/40 px-2 py-0.5 text-[10px] font-bold uppercase tracking-wide text-emerald-700 dark:text-emerald-400">
<span class="size-1.5 rounded-full bg-emerald-500"></span>
Active </span>
</div>
<div class="flex items-center gap-1.5 mb-3">
<span class="h-1.5 flex-1 rounded-full bg-black dark:bg-white"></span>
<span class="h-1.5 flex-1 rounded-full bg-black/20 dark:bg-white/20"></span>
<span class="h-1.5 flex-1 rounded-full bg-black/20 dark:bg-white/20"></span>
</div>
<div class="grid grid-cols-2 gap-2">
<div class="rounded-lg border border-black/5 dark:border-white/10 px-3 py-2">
<p class="text-[10px] font-semibold uppercase tracking-wider text-black/40 dark:text-white/40">Links</p>
<p class="mt-0.5 text-lg font-bold tabular-nums">12</p>
</div>
<div class="rounded-lg border border-black/5 dark:border-white/10 px-3 py-2">
<p class="text-[10px] font-semibold uppercase tracking-wider text-black/40 dark:text-white/40">Views</p>
<p class="mt-0.5 text-lg font-bold tabular-nums">8.4k</p>
</div>
</div>
</div>
<div class="feature-visual-in rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900 p-3.5 shadow-lg" style="animation-delay:80ms">
<p class="text-[10px] font-semibold uppercase tracking-wider text-black/40 dark:text-white/40 mb-2.5">Channels</p>
<div class="space-y-2">
<div class="flex items-center gap-3">
<span class="size-2.5 rounded-full bg-fuchsia-500 shrink-0"></span>
<span class="flex-1 min-w-0 text-sm font-semibold truncate">Marketing</span>
<span class="text-[11px] tabular-nums text-black/40 dark:text-white/40">8 items</span>
</div>
<div class="flex items-center gap-3">
<span class="size-2.5 rounded-full bg-sky-500 shrink-0"></span>
<span class="flex-1 min-w-0 text-sm font-semibold truncate">Product</span>
<span class="text-[11px] tabular-nums text-black/40 dark:text-white/40">5 items</span>
</div>
<div class="flex items-center gap-3">
<span class="size-2.5 rounded-full bg-amber-500 shrink-0"></span>
<span class="flex-1 min-w-0 text-sm font-semibold truncate">Social</span>
<span class="text-[11px] tabular-nums text-black/40 dark:text-white/40">11 items</span>
</div>
</div>
</div>
</div>
</div>
<div data-feature-visual="qr">
<div class="absolute inset-0 bg-gradient-to-br from-sky-100/80 via-transparent to-indigo-50/60 dark:from-sky-950/25 dark:to-indigo-950/10"></div>
<div class="relative w-full max-w-xs mx-auto">
<div class="feature-visual-in rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900 p-5 shadow-xl text-center">
<div class="mx-auto w-36 dark:invert">
<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0iI2ZmZmZmZiIvPjxnIHRyYW5zZm9ybT0ic2NhbGUoMS40MjkpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDApIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDBMOCAxTDkgMUw5IDBaTTExIDBMMTEgMUwxMCAxTDEwIDJMOSAyTDkgM0w4IDNMOCA4TDYgOEw2IDlMNSA5TDUgOEw0IDhMNCAxMEwzIDEwTDMgOUwxIDlMMSA4TDAgOEwwIDlMMSA5TDEgMTBMMiAxMEwyIDExTDMgMTFMMyAxMkw0IDEyTDQgMTNMNyAxM0w3IDEyTDYgMTJMNiAxMUw4IDExTDggMTVMOSAxNUw5IDEyTDEwIDEyTDEwIDEzTDExIDEzTDExIDEyTDEwIDEyTDEwIDExTDggMTFMOCA5TDkgOUw5IDEwTDExIDEwTDExIDExTDEyIDExTDEyIDEwTDE0IDEwTDE0IDExTDE1IDExTDE1IDEyTDEyIDEyTDEyIDE1TDExIDE1TDExIDE0TDEwIDE0TDEwIDE1TDExIDE1TDExIDE3TDEyIDE3TDEyIDE4TDExIDE4TDExIDE5TDEwIDE5TDEwIDIwTDEyIDIwTDEyIDIxTDE0IDIxTDE0IDIwTDEyIDIwTDEyIDE4TDEzIDE4TDEzIDE5TDE0IDE5TDE0IDE4TDE1IDE4TDE1IDE5TDE4IDE5TDE4IDIwTDE3IDIwTDE3IDIxTDE5IDIxTDE5IDIwTDIwIDIwTDIwIDIxTDIxIDIxTDIxIDE5TDE5IDE5TDE5IDE3TDIwIDE3TDIwIDE4TDIxIDE4TDIxIDE3TDIwIDE3TDIwIDE2TDIxIDE2TDIxIDE1TDIwIDE1TDIwIDE0TDIxIDE0TDIxIDEyTDE5IDEyTDE5IDEzTDE4IDEzTDE4IDExTDE3IDExTDE3IDEwTDE5IDEwTDE5IDlMMTggOUwxOCA4TDEzIDhMMTMgNkwxMiA2TDEyIDVMMTMgNUwxMyAzTDEyIDNMMTIgNUw5IDVMOSA0TDExIDRMMTEgMkwxMyAyTDEzIDBaTTkgNkw5IDdMMTAgN0wxMCA4TDkgOEw5IDlMMTEgOUwxMSA3TDEyIDdMMTIgNkwxMSA2TDExIDdMMTAgN0wxMCA2Wk0xMiA4TDEyIDlMMTMgOUwxMyA4Wk0yMCA4TDIwIDExTDIxIDExTDIxIDhaTTYgOUw2IDEwTDQgMTBMNCAxMkw1IDEyTDUgMTFMNiAxMUw2IDEwTDcgMTBMNyA5Wk0xNiA5TDE2IDEwTDE1IDEwTDE1IDExTDE2IDExTDE2IDEzTDE1IDEzTDE1IDE0TDE0IDE0TDE0IDEzTDEzIDEzTDEzIDE0TDE0IDE0TDE0IDE1TDEzIDE1TDEzIDE2TDEyIDE2TDEyIDE3TDEzIDE3TDEzIDE4TDE0IDE4TDE0IDE2TDE1IDE2TDE1IDE1TDE2IDE1TDE2IDE3TDE1IDE3TDE1IDE4TDE3IDE4TDE3IDExTDE2IDExTDE2IDEwTDE3IDEwTDE3IDlaTTE4IDE1TDE4IDE2TDIwIDE2TDIwIDE1Wk04IDE2TDggMTdMOSAxN0w5IDE4TDEwIDE4TDEwIDE2Wk04IDIwTDggMjFMOSAyMUw5IDIwWk0xNSAyMEwxNSAyMUwxNiAyMUwxNiAyMFpNMCAwTDcgMEw3IDdMMCA3Wk0xIDFMMSA2TDYgNkw2IDFaTTIgMkw1IDJMNSA1TDIgNVpNMTQgMEwyMSAwTDIxIDdMMTQgN1pNMTUgMUwxNSA2TDIwIDZMMjAgMVpNMTYgMkwxOSAyTDE5IDVMMTYgNVpNMCAxNEw3IDE0TDcgMjFMMCAyMVpNMSAxNUwxIDIwTDYgMjBMNiAxNVpNMiAxNkw1IDE2TDUgMTlMMiAxOVoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9nPjwvc3ZnPgo=" alt="" class="rounded-md w-full h-full object-cover">
</div>
<p class="mt-3 text-xs font-semibold uppercase tracking-wider text-black/40 dark:text-white/40">Dynamic · Scannable</p>
<div class="mt-4 flex items-center justify-center gap-2">
<span class="size-6 rounded-full bg-black dark:bg-white ring-2 ring-black/10 dark:ring-white/10"></span>
<span class="size-6 rounded-full bg-sky-500 ring-2 ring-black/5 dark:ring-white/10"></span>
<span class="size-6 rounded-full bg-orange-400 ring-2 ring-black/5 dark:ring-white/10"></span>
</div>
</div>
<div class="feature-visual-in mt-3 rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900 px-4 py-3 shadow-lg flex items-center justify-between gap-3" style="animation-delay:90ms">
<span class="text-xs font-semibold">mybiourl.com/menu</span>
<span class="inline-flex items-center rounded-full bg-black dark:bg-white px-2 py-0.5 text-[10px] font-bold uppercase tracking-wide text-white dark:text-black">Live</span>
</div>
</div>
</div>
<div data-feature-visual="protection">
<div class="absolute inset-0 bg-gradient-to-br from-amber-100/80 via-transparent to-orange-50/50 dark:from-amber-950/20 dark:to-orange-950/10"></div>
<div class="relative w-full max-w-sm mx-auto">
<div class="feature-visual-in rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900 p-4 shadow-xl">
<p class="text-xs font-semibold uppercase tracking-wider text-black/40 dark:text-white/40 mb-4">Link protection</p>
<div class="space-y-3">
<div class="flex items-center justify-between gap-3">
<span class="text-sm font-semibold">Password Protection</span>
<span class="relative h-5 w-9 rounded-full bg-black dark:bg-white"><span class="absolute top-0.5 right-0.5 size-4 rounded-full bg-white dark:bg-neutral-900 shadow-sm"></span></span>
</div>
<div class="rounded-lg border border-black/10 dark:border-white/10 bg-black/3 dark:bg-white/5 px-3 py-2 text-sm tracking-[0.35em] text-black/50 dark:text-white/50">••••••••</div>
<div class="flex items-center justify-between gap-3 pt-1">
<span class="text-sm font-semibold">Expiration</span>
<span class="relative h-5 w-9 rounded-full bg-black dark:bg-white"><span class="absolute top-0.5 right-0.5 size-4 rounded-full bg-white dark:bg-neutral-900 shadow-sm"></span></span>
</div>
<div class="rounded-lg border border-black/10 dark:border-white/10 px-3 py-2 text-xs font-semibold text-black/60 dark:text-white/60">Apr 30, 2026 · 18:00</div>
<div class="flex items-center justify-between gap-3 pt-1">
<span class="text-sm font-semibold">Block bots</span>
<span class="relative h-5 w-9 rounded-full bg-black/15 dark:bg-white/15"><span class="absolute top-0.5 left-0.5 size-4 rounded-full bg-white dark:bg-neutral-900 shadow-sm"></span></span>
</div>
</div>
</div>
</div>
</div>
<div data-feature-visual="teams">
<div class="absolute inset-0 bg-gradient-to-br from-emerald-100/80 via-transparent to-teal-50/50 dark:from-emerald-950/20 dark:to-teal-950/10"></div>
<div class="relative w-full max-w-sm mx-auto">
<div class="feature-visual-in rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900 p-4 shadow-xl">
<div class="flex items-center justify-between gap-3 mb-4">
<p class="text-sm font-bold tracking-tight">Team workspaces</p>
<span class="text-[10px] font-semibold uppercase tracking-wider text-black/40 dark:text-white/40">3 members</span>
</div>
<div class="space-y-2.5">
<div class="flex items-center gap-3 rounded-lg border border-black/5 dark:border-white/10 px-3 py-2.5">
<span class="size-8 rounded-full bg-black text-white dark:bg-white dark:text-black flex items-center justify-center text-xs font-bold">AM</span>
<span class="flex-1 min-w-0">
<span class="block text-sm font-semibold truncate">Alex Morgan</span>
<span class="block text-[11px] text-black/40 dark:text-white/40">Owner</span>
</span>
</div>
<div class="flex items-center gap-3 rounded-lg border border-black/5 dark:border-white/10 px-3 py-2.5">
<span class="size-8 rounded-full bg-emerald-600 text-white flex items-center justify-center text-xs font-bold">JL</span>
<span class="flex-1 min-w-0">
<span class="block text-sm font-semibold truncate">Jordan Lee</span>
<span class="block text-[11px] text-black/40 dark:text-white/40">Editor</span>
</span>
</div>
<div class="flex items-center gap-3 rounded-lg border border-black/5 dark:border-white/10 px-3 py-2.5">
<span class="size-8 rounded-full bg-sky-600 text-white flex items-center justify-center text-xs font-bold">SK</span>
<span class="flex-1 min-w-0">
<span class="block text-sm font-semibold truncate">Sam Kim</span>
<span class="block text-[11px] text-black/40 dark:text-white/40">Viewer</span>
</span>
</div>
</div>
</div>
</div>
</div>
<div data-feature-visual="targeting">
<div class="absolute inset-0 bg-gradient-to-br from-blue-100/80 via-transparent to-slate-50/60 dark:from-blue-950/25 dark:to-slate-950/10"></div>
<div class="relative w-full max-w-sm mx-auto space-y-3">
<div class="feature-visual-in rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900 p-4 shadow-xl">
<p class="text-xs font-semibold uppercase tracking-wider text-black/40 dark:text-white/40 mb-3">Link protection & targeting</p>
<div class="space-y-2.5">
<div class="rounded-lg border border-black/10 dark:border-white/10 p-3">
<p class="text-[10px] font-semibold uppercase tracking-wider text-black/35 dark:text-white/35 mb-1.5">If</p>
<p class="text-sm font-semibold">Country · US, CA</p>
<p class="mt-2 text-[10px] font-semibold uppercase tracking-wider text-black/35 dark:text-white/35 mb-1.5">Then</p>
<p class="text-xs font-bold truncate">mybiourl.com/us-offer</p>
</div>
<div class="rounded-lg border border-black/10 dark:border-white/10 p-3">
<p class="text-[10px] font-semibold uppercase tracking-wider text-black/35 dark:text-white/35 mb-1.5">If</p>
<p class="text-sm font-semibold">Device · iOS</p>
<p class="mt-2 text-[10px] font-semibold uppercase tracking-wider text-black/35 dark:text-white/35 mb-1.5">Then</p>
<p class="text-xs font-bold truncate">apps.apple.com/app</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="flex flex-col gap-2" data-feature-tabs role="tablist" aria-label="Platform features">
<button type="button" class="is-active" data-feature-tab="branded" role="tab" aria-selected="true" id="feature-tab-branded">
<span class="feature-tab-progress" aria-hidden="true"><span class="feature-tab-progress-bar"></span></span>
<span class="flex items-start gap-3">
<span class="feature-tab-icon size-9 shrink-0 rounded-lg border border-black/5 dark:border-white/10 flex items-center justify-center">
<svg class="size-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"/></svg>
</span>
<span class="min-w-0 flex-1 pt-0.5">
<span class="feature-tab-title">Branded short links</span>
<span class="feature-tab-body"><span><p class="feature-tab-desc">Create branded short links on your own custom domain so every share looks professional and builds trust. Replace generic shorteners with memorable slugs that reinforce your brand across social media, email, SMS, and ads — keeping clicks on-brand, easy to remember, and fully trackable.</p></span></span>
</span>
</span>
</button>
<button type="button" data-feature-tab="channels" role="tab" aria-selected="false" id="feature-tab-channels" tabindex="-1">
<span class="feature-tab-progress" aria-hidden="true"><span class="feature-tab-progress-bar"></span></span>
<span class="flex items-start gap-3">
<span class="feature-tab-icon size-9 shrink-0 rounded-lg border border-black/5 dark:border-white/10 flex items-center justify-center">
<svg class="size-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 018.25 20.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z"/></svg>
</span>
<span class="min-w-0 flex-1 pt-0.5">
<span class="feature-tab-title">Channels & Campaigns</span>
<span class="feature-tab-body"><span><p class="feature-tab-desc">Organize short links, bio pages, and QR codes into channels so campaigns stay tidy as you scale. Launch marketing campaigns with aggregated click statistics, compare performance across assets, and keep every team member aligned on what is live and what is converting.</p></span></span>
</span>
</span>
</button>
<button type="button" data-feature-tab="qr" role="tab" aria-selected="false" id="feature-tab-qr" tabindex="-1">
<span class="feature-tab-progress" aria-hidden="true"><span class="feature-tab-progress-bar"></span></span>
<span class="flex items-start gap-3">
<span class="feature-tab-icon size-9 shrink-0 rounded-lg border border-black/5 dark:border-white/10 flex items-center justify-center">
<svg class="size-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 013.75 9.375v-4.5zM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5zM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5zM13.5 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5z"/></svg>
</span>
<span class="min-w-0 flex-1 pt-0.5">
<span class="feature-tab-title">QR codes</span>
<span class="feature-tab-body"><span><p class="feature-tab-desc">Generate dynamic QR codes for every short link and print them on packaging, posters, menus, or business cards. Update the destination URL anytime without reprinting — ideal for events, retail, and offline-to-online tracking with full click analytics behind each scan.</p></span></span>
</span>
</span>
</button>
<button type="button" data-feature-tab="protection" role="tab" aria-selected="false" id="feature-tab-protection" tabindex="-1">
<span class="feature-tab-progress" aria-hidden="true"><span class="feature-tab-progress-bar"></span></span>
<span class="flex items-start gap-3">
<span class="feature-tab-icon size-9 shrink-0 rounded-lg border border-black/5 dark:border-white/10 flex items-center justify-center">
<svg class="size-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"/></svg>
</span>
<span class="min-w-0 flex-1 pt-0.5">
<span class="feature-tab-title">Link protection</span>
<span class="feature-tab-body"><span><p class="feature-tab-desc">Password-protect sensitive short links, set expiration dates, and automatically block bots and scrapers. Control who can open private content, retire outdated campaigns on a schedule, and keep branded URLs secure without changing how you share them.</p></span></span>
</span>
</span>
</button>
<button type="button" data-feature-tab="teams" role="tab" aria-selected="false" id="feature-tab-teams" tabindex="-1">
<span class="feature-tab-progress" aria-hidden="true"><span class="feature-tab-progress-bar"></span></span>
<span class="flex items-start gap-3">
<span class="feature-tab-icon size-9 shrink-0 rounded-lg border border-black/5 dark:border-white/10 flex items-center justify-center">
<svg class="size-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z"/></svg>
</span>
<span class="min-w-0 flex-1 pt-0.5">
<span class="feature-tab-title">Team workspaces</span>
<span class="feature-tab-body"><span><p class="feature-tab-desc">Collaborate in shared workspaces with role-based access, shared folders, and audit logs. Assign editors and viewers, keep branded links organized by project, and stay accountable as a team without handing over full account control.</p></span></span>
</span>
</span>
</button>
<button type="button" data-feature-tab="targeting" role="tab" aria-selected="false" id="feature-tab-targeting" tabindex="-1">
<span class="feature-tab-progress" aria-hidden="true"><span class="feature-tab-progress-bar"></span></span>
<span class="flex items-start gap-3">
<span class="feature-tab-icon size-9 shrink-0 rounded-lg border border-black/5 dark:border-white/10 flex items-center justify-center">
<svg class="size-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 119 0v3.75M3.75 21.75h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H3.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"/></svg>
</span>
<span class="min-w-0 flex-1 pt-0.5">
<span class="feature-tab-title">Link protection & targeting</span>
<span class="feature-tab-body"><span><p class="feature-tab-desc">Apply geo, language, and device targeting so each visitor lands on the right destination. Route users by country or language, send iOS visitors to the App Store and desktop users to your site, and deliver localized offers from a single branded short link.</p></span></span>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</section>
<section id="analytics" class="border-b border-black/5 dark:border-white/10 bg-black text-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 border-x border-white/10">
<div class="grid lg:grid-cols-2 py-10 md:py-20">
<div class="py-12 md:py-16 lg:py-20 lg:pr-12 xl:pr-16 border-b border-white/10 lg:border-b-0 flex flex-col justify-center">
<h2 class="text-3xl sm:text-4xl font-extrabold tracking-tight">Analytics that tell the full story</h2>
<p class="mt-4 text-white/60 leading-relaxed max-w-md">Every click is an insight. See where your audience comes from, what devices they use, and how your campaigns perform over time.</p>
<ul class="mt-8 space-y-4">
<li class="flex items-start gap-3">
<span class="mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full bg-white text-black">
<svg class="size-3" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
</span>
<span class="text-sm text-white/80">Geographic breakdown by country and city</span>
</li>
<li class="flex items-start gap-3">
<span class="mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full bg-white text-black">
<svg class="size-3" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
</span>
<span class="text-sm text-white/80">UTM parameter tracking built in</span>
</li>
<li class="flex items-start gap-3">
<span class="mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full bg-white text-black">
<svg class="size-3" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
</span>
<span class="text-sm text-white/80">Export reports as CSV or connect via API</span>
</li>
</ul>
<div class="mt-8">
<a href="https://mybiourl.com/user/register" class="inline-flex items-center justify-center rounded-lg bg-white px-6 py-3 text-sm font-semibold text-black hover:bg-white/90 transition-colors">Get Started</a>
</div>
</div>
<div class="py-12 md:py-16 lg:py-20 lg:pl-12 xl:pl-16 flex items-center text-black">
<div class="w-full rounded-xl bg-white border border-black/10 overflow-hidden shadow-xl">
<div class="grid grid-cols-2 divide-x divide-black/10 border-b border-black/10">
<div class="p-5">
<p class="text-xs font-semibold uppercase tracking-wider text-black">Total clicks</p>
<p class="mt-1 text-3xl font-bold tabular-nums">48,291</p>
<p class="mt-1 text-xs text-black">↑ 23% this month</p>
</div>
<div class="p-5">
<p class="text-xs font-semibold uppercase tracking-wider text-black">Unique visitors</p>
<p class="mt-1 text-3xl font-bold tabular-nums">31,047</p>
<p class="mt-1 text-xs text-black">↑ 18% this month</p>
</div>
</div>
<div class="p-5">
<p class="text-xs font-semibold uppercase tracking-wider text-black mb-4">Clicks over time</p>
<div class="flex items-end gap-1 sm:gap-1.5 h-24 sm:h-28" aria-hidden="true">
<div class="flex-1 rounded-sm bg-black/20" style="height:35%"></div>
<div class="flex-1 rounded-sm bg-black/20" style="height:52%"></div>
<div class="flex-1 rounded-sm bg-black/20" style="height:45%"></div>
<div class="flex-1 rounded-sm bg-black/20" style="height:68%"></div>
<div class="flex-1 rounded-sm bg-black/20" style="height:55%"></div>
<div class="flex-1 rounded-sm bg-black/20" style="height:78%"></div>
<div class="flex-1 rounded-sm bg-black/20" style="height:62%"></div>
<div class="flex-1 rounded-sm bg-black" style="height:92%"></div>
<div class="flex-1 rounded-sm bg-black/20" style="height:70%"></div>
<div class="flex-1 rounded-sm bg-black/20" style="height:85%"></div>
<div class="flex-1 rounded-sm bg-black/20" style="height:58%"></div>
<div class="flex-1 rounded-sm bg-black/20" style="height:74%"></div>
</div>
</div>
<div class="grid grid-cols-3 divide-x divide-black/10 border-t border-black/10">
<div class="p-4 text-center"><p class="text-lg font-bold">US</p><p class="text-xs text-black/40 uppercase tracking-wide mt-0.5">42%</p></div>
<div class="p-4 text-center"><p class="text-lg font-bold">UK</p><p class="text-xs text-black/40 uppercase tracking-wide mt-0.5">21%</p></div>
<div class="p-4 text-center"><p class="text-lg font-bold">DE</p><p class="text-xs text-black/40 uppercase tracking-wide mt-0.5">14%</p></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="integrations" class="border-b border-black/5 dark:border-white/10" aria-labelledby="integrations-heading">
<div class="max-w-7xl mx-auto border-x border-black/5 dark:border-white/10 pb-1">
<div class="py-10 md:py-14 px-4 sm:px-6 lg:px-8 max-w-4xl">
<h2 id="integrations-heading" class="text-3xl sm:text-4xl font-bold tracking-tight">Integrations that plug into your stack. <span class="text-black/50 dark:text-white/60">Connect your links to third-party apps so they can share traffic, analytics, and notifications.</span></h2>
</div>
<div class="grid grid-cols-3 sm:grid-cols-4 lg:grid-cols-8 gap-2 border-t border-black/5 dark:border-white/10 p-1">
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/slack.svg" alt="Slack" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">Slack</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/zapier.svg" alt="Zapier" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">Zapier</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/gtm.svg" alt="Tag Manager" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">Tag Manager</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/facebook.svg" alt="Facebook" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">Facebook</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/wp.svg" alt="WordPress" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">WordPress</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/shortcuts.svg" alt="Shortcuts" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">Shortcuts</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/x.svg" alt="X" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">X</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/snapchat.svg" alt="Snapchat" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">Snapchat</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/bing.svg" alt="Bing" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">Bing</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/reddit.svg" alt="Reddit" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">Reddit</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/ga.svg" alt="Analytics" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">Analytics</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/linkedin.svg" alt="LinkedIn" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">LinkedIn</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/pinterest.svg" alt="Pinterest" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">Pinterest</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/quora.svg" alt="Quora" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">Quora</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/tiktok.svg" alt="TikTok" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">TikTok</span>
</div>
<div class="flex flex-col items-center justify-center gap-2.5 rounded-xl bg-white dark:bg-neutral-900/20 shadow-sm px-3 py-6">
<span class="flex size-10 items-center justify-center rounded-full bg-white dark:bg-neutral-900/20 shadow-sm p-2 ring-1 ring-black/5 dark:ring-white/10">
<img src="https://mybiourl.com/static/images/aroll.svg" alt="Adroll" class="size-full object-contain" width="24" height="24" loading="lazy">
</span>
<span class="text-xs font-semibold text-black/60 dark:text-white/60 text-center leading-tight">Adroll</span>
</div>
</div>
<div class="grid md:grid-cols-2 gap-2 mt-1 px-1">
<article class="p-8 md:p-10 rounded-xl shadow-sm bg-white dark:bg-neutral-900/20">
<div class="size-10 rounded-lg border border-black/5 dark:border-white/10 flex items-center justify-center mb-5">
<svg class="size-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 018.25 20.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z"/></svg>
</div>
<h3 class="text-lg font-bold tracking-tight">Tracking Pixels</h3>
<p class="mt-2 text-sm text-black/60 dark:text-white/60 leading-relaxed">Add your custom pixel from providers such as Facebook & Google Tag Manager and track events right when they are happening.</p>
</article>
<article class="p-8 md:p-10 rounded-xl shadow-sm bg-white dark:bg-neutral-900/20">
<div class="size-10 rounded-lg border border-black/5 dark:border-white/10 flex items-center justify-center mb-5">
<svg class="size-5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"/></svg>
</div>
<h3 class="text-lg font-bold tracking-tight">Notifications</h3>
<p class="mt-2 text-sm text-black/60 dark:text-white/60 leading-relaxed">Get notified when users use your links via various channels such as Slack and webhook services like Zapier.</p>
</article>
</div>
</div>
</section>
<section id="cta" class="border-b border-black/5 dark:border-white/10">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 border-x border-black/5 dark:border-white/10">
<div class="py-16 md:py-24 text-center">
<h2 class="text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tight max-w-2xl mx-auto">
Ready to try mybioURL? </h2>
<p class="mt-4 text-black/60 dark:text-white/60 max-w-lg mx-auto leading-relaxed">
Join thousands of teams using mybioURL to create, share, and track links that drive results. </p>
<div class="mt-8 flex flex-col sm:flex-row items-center justify-center gap-3 max-w-md mx-auto">
<a href="https://mybiourl.com/user/register" class="w-full sm:w-auto shrink-0 inline-flex items-center justify-center rounded-lg bg-black dark:bg-white px-8 py-3 text-sm font-semibold text-white dark:text-black hover:bg-black/90 dark:hover:bg-white/90 transition-colors whitespace-nowrap">
Get started free </a>
</div>
<p class="mt-4 text-xs text-black/40 dark:text-white/40">Free forever plan · No credit card required</p>
</div>
</div>
</section>
</main>
<footer>
<div class="max-w-7xl mx-auto border-x border-black/5 dark:border-white/10 relative">
<div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-8 py-12 md:py-16 border-b border-black/5 dark:border-white/10 px-4 sm:px-6 lg:px-8">
<div class="col-span-2 md:col-span-4 lg:col-span-1">
<a href="https://mybiourl.com" class="flex items-center gap-2.5">
<img alt="mybioURL" src="https://mybiourl.com/content/LOGO26V2.png" class="h-8 w-auto dark:hidden">
<img alt="mybioURL" src="https://mybiourl.com/content/LOGO-v-3-DARK.png" class="h-8 w-auto hidden dark:block">
</a>
<p class="mt-4 text-sm text-black/50 dark:text-white/50 leading-relaxed max-w-xs">
Create short links, tShorten URLs, build bio pages, track clicks, and monetize traffic with smart targeting and real-time analytics.rack clicks and monetize traffic </p>
<div class="mt-4 flex items-center gap-4">
</div>
</div>
<div>
<h3 class="text-xs font-semibold uppercase tracking-wider text-black/40 dark:text-white/40 mb-4">Platform</h3>
<ul class="space-y-3">
<li><a href="https://mybiourl.com/link-shortener" class="text-sm text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Link Shortener</a></li>
<li><a href="https://mybiourl.com/bio-profiles" class="text-sm text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Link-in-bio</a></li>
<li><a href="https://mybiourl.com/qr-codes" class="text-sm text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">QR Codes</a></li>
</ul>
</div>
<div>
<h3 class="text-xs font-semibold uppercase tracking-wider text-black/40 dark:text-white/40 mb-4">Resources</h3>
<ul class="space-y-3">
<li><a href="https://mybiourl.com/pricing" class="text-sm text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Pricing</a></li>
<li><a href="https://mybiourl.com/help" class="text-sm text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Help Center</a></li>
<li><a href="https://mybiourl.com/developers" class="text-sm text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Developer API</a></li>
<li><a href="https://mybiourl.com/affiliate" class="text-sm text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Affiliate</a></li>
</ul>
</div>
<div>
<h3 class="text-xs font-semibold uppercase tracking-wider text-black/40 dark:text-white/40 mb-4">Company</h3>
<ul class="space-y-3">
<li><a href="https://mybiourl.com/contact" class="text-sm text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Contact</a></li>
<li><a href="https://mybiourl.com/blog" class="text-sm text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Blog</a></li>
</ul>
</div>
<div>
<h3 class="text-xs font-semibold uppercase tracking-wider text-black/40 dark:text-white/40 mb-4">Legal</h3>
<ul class="space-y-3">
<li><a href="https://mybiourl.com/report" class="text-sm text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Report</a></li>
<li><a href="#cookie-settings" data-cc="c-settings" class="text-sm text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors">Cookie Settings</a></li>
</ul>
</div>
</div>
<div class="flex flex-col sm:flex-row items-center justify-between gap-4 py-6 px-4 sm:px-6 lg:px-8">
<p class="text-xs text-black/40 dark:text-white/40">
© 2026 mybioURL. All Rights Reserved </p>
<div class="group/nav relative" data-nav-dropdown>
<button type="button" data-nav-dropdown-trigger id="lang-menu-footer-button" aria-expanded="false" aria-controls="lang-menu-footer" aria-haspopup="true" aria-label="Language: English" class="inline-flex cursor-pointer items-center gap-1.5 border-0 bg-transparent p-0 text-xs text-black/40 transition hover:text-black focus:outline-none dark:text-white/40 dark:hover:text-white">
<svg class="size-3.5 shrink-0" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"/>
</svg>
<span class="">English</span>
<svg class="size-3 shrink-0 transition-transform duration-200 group-hover/nav:rotate-180 group-focus-within/nav:rotate-180 group-[.is-open]/nav:rotate-180" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
</svg>
</button>
<div id="lang-menu-footer" data-nav-dropdown-panel class="absolute bottom-full end-0 pb-2 z-50 min-w-44 opacity-0 invisible pointer-events-none transition-[opacity,visibility] duration-200 group-hover/nav:opacity-100 group-hover/nav:visible group-hover/nav:pointer-events-auto group-focus-within/nav:opacity-100 group-focus-within/nav:visible group-focus-within/nav:pointer-events-auto group-[.is-open]/nav:opacity-100 group-[.is-open]/nav:visible group-[.is-open]/nav:pointer-events-auto" role="menu" aria-labelledby="lang-menu-footer-button">
<div class="-translate-y-1.5 group-hover/nav:translate-y-0 group-focus-within/nav:translate-y-0 group-[.is-open]/nav:translate-y-0 max-h-64 overflow-y-auto rounded-xl border border-black/5 bg-white p-1.5 shadow-[0_24px_48px_-20px_rgba(0,0,0,0.2)] transition-transform duration-200 dark:border-white/10 dark:bg-neutral-900">
<a href="https://mybiourl.com/pt" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Portuguese</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">pt</span>
</span>
</a>
<a href="https://mybiourl.com/ms" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Malay</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">ms</span>
</span>
</a>
<a href="https://mybiourl.com/en" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 bg-black/4 font-semibold dark:bg-white/6" role="menuitem" aria-current="true">
<span class="min-w-0 truncate">English</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">en</span>
<svg class="size-3.5 text-black dark:text-white" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
</span>
</a>
<a href="https://mybiourl.com/it" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Italian</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">it</span>
</span>
</a>
<a href="https://mybiourl.com/no" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Norwegian</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">no</span>
</span>
</a>
<a href="https://mybiourl.com/ro" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Romanian</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">ro</span>
</span>
</a>
<a href="https://mybiourl.com/nl" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Dutch</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">nl</span>
</span>
</a>
<a href="https://mybiourl.com/cs" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Czech</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">cs</span>
</span>
</a>
<a href="https://mybiourl.com/ru" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Russian</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">ru</span>
</span>
</a>
<a href="https://mybiourl.com/id" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Indonesian</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">id</span>
</span>
</a>
<a href="https://mybiourl.com/hi" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Hindi</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">hi</span>
</span>
</a>
<a href="https://mybiourl.com/de" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">German</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">de</span>
</span>
</a>
<a href="https://mybiourl.com/sv" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Swedish</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">sv</span>
</span>
</a>
<a href="https://mybiourl.com/fr" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">French</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">fr</span>
</span>
</a>
<a href="https://mybiourl.com/hu" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Hungarian</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">hu</span>
</span>
</a>
<a href="https://mybiourl.com/vi" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Vietnamese</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">vi</span>
</span>
</a>
<a href="https://mybiourl.com/bn" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Bengali</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">bn</span>
</span>
</a>
<a href="https://mybiourl.com/ja" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Japanese</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">ja</span>
</span>
</a>
<a href="https://mybiourl.com/ko" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Korean</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">ko</span>
</span>
</a>
<a href="https://mybiourl.com/ur" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Urdu</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">ur</span>
</span>
</a>
<a href="https://mybiourl.com/zh" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Chinese Simplified</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">zh</span>
</span>
</a>
<a href="https://mybiourl.com/tr" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Turkish</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">tr</span>
</span>
</a>
<a href="https://mybiourl.com/pl" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Polish</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">pl</span>
</span>
</a>
<a href="https://mybiourl.com/ar" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Arabic</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">ar</span>
</span>
</a>
<a href="https://mybiourl.com/el" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Greek</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">el</span>
</span>
</a>
<a href="https://mybiourl.com/uk" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Ukrainian</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">uk</span>
</span>
</a>
<a href="https://mybiourl.com/es" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Spanish</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">es</span>
</span>
</a>
<a href="https://mybiourl.com/th" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Thai</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">th</span>
</span>
</a>
<a href="https://mybiourl.com/he" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Hebrew</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">he</span>
</span>
</a>
<a href="https://mybiourl.com/fa" class="flex items-center justify-between gap-3 rounded-lg px-3 py-2 text-sm transition hover:bg-black/4 dark:hover:bg-white/6 font-medium" role="menuitem">
<span class="min-w-0 truncate">Persian</span>
<span class="flex shrink-0 items-center gap-2">
<span class="text-[10px] font-semibold uppercase tracking-wide text-black/35 dark:text-white/35">fa</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
var lang = {"error":"Please enter a valid URL.","couponinvalid":"The coupon enter is not valid","minurl":"You must select at least 1 URL.","minsearch":"Keyword must be more than 3 characters!","nodata":"No data is available for this request.","datepicker":{"7d":"Last 7 Days","3d":"Last 30 Days","tm":"This Month","lm":"Last Month"},"cookie":{"title":"Cookie Preferences","description":"We use cookies to improve performance, analyze traffic and deliver relevant content.","button":" <button type=\"button\" data-cc=\"c-settings\" class=\"cc-link\" aria-haspopup=\"dialog\">Let me choose<\/button>","accept_all":"Accept All","accept_necessary":"Accept Necessary","close":"Close","save":"Save Settings","necessary":{"title":"Strictly Necessary Cookies","description":"These cookies are required for the correct functioning of our service and without these cookies you will not be able to use our product."},"analytics":{"title":"Targeting and Analytics","description":"Providers such as Google use these cookies to measure and provide us with analytics on how you interact with our website. All of the data is anonymized and cannot be used to identify you."},"ads":{"title":"Advertisement","description":"These cookies are set by our advertisers so they can provide you with relevant ads."},"extra":{"title":"Additional Functionality","description":"We use various providers to enhance our products and they may or may not set cookies. Enhancement can include Content Delivery Networks, Google Fonts, etc"},"privacy":{"title":"Privacy Policy","description":"You can view our privacy policy <a target=\"_blank\" class=\"cc-link\" href=\"\/privacy\">here<\/a>. If you have any questions, please do not hesitate to <a href=\"https:\/\/mybiourl.com\/contact\" target=\"_blank\" class=\"cc-link\">Contact Us<\/a>"}}}</script>
<script src="https://mybiourl.com/static/app.js?v=2.3"></script>
<script id="cookieconsent-script" src="https://mybiourl.com/static/libraries/cookieconsent/cookieconsent.js"></script>
<script src="https://mybiourl.com/static/libraries/typedjs/typed.min.js"></script>
<script src="https://mybiourl.com/static/server.min.js?v=1.7"></script>
<script id="mbu-ui-v3-js">
(function () {
'use strict';
function ready(fn) {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', fn, { once: true });
} else {
fn();
}
}
ready(function () {
var html = document.documentElement;
var body = document.body;
var header = document.querySelector('body > header');
html.setAttribute('data-mbu-ui', 'v3');
/* =====================================================
REAL CURRENT HEADER
===================================================== */
if (header) {
header.setAttribute('data-mbu-header', 'v3');
function updateHeaderState() {
if (window.scrollY > 10) {
header.classList.add('mbu-header-scrolled');
} else {
header.classList.remove('mbu-header-scrolled');
}
}
updateHeaderState();
window.addEventListener(
'scroll',
updateHeaderState,
{ passive: true }
);
}
/* =====================================================
DIRECTORY DETECTION
Does not depend on locale prefix.
===================================================== */
var directoryForm = document.querySelector(
'main form[action*="/bio-profiles/directory"]'
);
if (!directoryForm) {
return;
}
body.classList.add('mbu-directory-v3');
body.setAttribute('data-mbu-page', 'bio-directory');
/* =====================================================
HERO
===================================================== */
var hero = directoryForm.closest('.py-10');
if (hero) {
var title = hero.querySelector('h2');
if (title) {
title.textContent = 'Bio Directory';
if (!hero.querySelector('.mbu-directory-kicker')) {
var kicker = document.createElement('p');
kicker.className = 'mbu-directory-kicker';
kicker.textContent = 'Discover · MyBioURL';
title.parentNode.insertBefore(kicker, title);
}
if (!hero.querySelector('.mbu-directory-subtitle')) {
var subtitle = document.createElement('p');
subtitle.className = 'mbu-directory-subtitle';
subtitle.textContent =
'Explore public bio pages created with MyBioURL. Find a profile, open it, or copy its public address.';
title.insertAdjacentElement('afterend', subtitle);
}
}
}
/* =====================================================
SEARCH
===================================================== */
var searchInput = directoryForm.querySelector(
'input[name="q"]'
);
if (searchInput) {
searchInput.placeholder = 'Search public bio pages...';
searchInput.setAttribute(
'aria-label',
'Search public bio pages'
);
}
var searchButton = directoryForm.querySelector(
'button[type="submit"]'
);
if (searchButton) {
searchButton.textContent = '';
var searchText = document.createElement('span');
searchText.textContent = 'Search profiles';
var searchArrow = document.createElement('span');
searchArrow.className = 'mbu-search-arrow';
searchArrow.setAttribute('aria-hidden', 'true');
searchArrow.textContent = '→';
searchButton.appendChild(searchText);
searchButton.appendChild(searchArrow);
}
/* =====================================================
DIRECTORY GRID
===================================================== */
var section = directoryForm.closest('section');
if (!section) {
return;
}
var container = section.querySelector(':scope > .container');
if (!container) {
return;
}
var grid = container.querySelector('.row.mt-4');
if (!grid) {
return;
}
grid.setAttribute('data-mbu-grid', 'profiles');
/* =====================================================
LIST HEADING + REAL VISIBLE COUNT
Count is current page only.
===================================================== */
var listHeading = container.querySelector(':scope > h3');
var cards = Array.prototype.slice.call(
grid.querySelectorAll(':scope > .col-sm-6')
);
if (listHeading) {
listHeading.textContent = 'Public bio pages';
var count = document.createElement('span');
count.className = 'mbu-directory-count';
count.textContent =
cards.length +
(cards.length === 1
? ' profile on this page'
: ' profiles on this page');
listHeading.appendChild(count);
}
/* =====================================================
PROFILE CARDS
Only presentation enhancement.
No business logic.
===================================================== */
cards.forEach(function (column, index) {
column.setAttribute(
'data-mbu-profile-index',
String(index + 1)
);
var card = column.querySelector('.card');
if (!card) {
return;
}
card.setAttribute('data-mbu-profile-card', 'true');
/* Avatar hardening */
var image = card.querySelector('img.icon-45');
if (image) {
image.setAttribute('loading', 'lazy');
image.setAttribute('decoding', 'async');
if (!image.getAttribute('width')) {
image.setAttribute('width', '52');
}
if (!image.getAttribute('height')) {
image.setAttribute('height', '52');
}
}
/* Current profile title */
var titleLink = card.querySelector(
'.card-body > .d-flex > div:last-child > a.mt-1'
);
if (!titleLink) {
return;
}
titleLink.setAttribute(
'aria-label',
'Open profile: ' + titleLink.textContent.trim()
);
/* Existing metadata/actions row */
var meta = titleLink.nextElementSibling;
if (!meta) {
return;
}
meta.classList.add('mbu-profile-actions');
/* Add Open Profile once */
if (!meta.querySelector('.mbu-profile-open')) {
var open = document.createElement('a');
open.className = 'mbu-profile-open';
open.href = titleLink.href;
if (titleLink.target) {
open.target = titleLink.target;
}
if (titleLink.rel) {
open.rel = titleLink.rel;
}
open.innerHTML =
'<span>Open profile</span>' +
'<span class="mbu-profile-open-arrow" aria-hidden="true">→</span>';
meta.appendChild(open);
}
/* Existing Copy enhancement */
var copy = meta.querySelector('.copy');
if (copy) {
copy.setAttribute(
'aria-label',
'Copy profile URL'
);
copy.addEventListener('click', function () {
var old = copy.textContent;
window.setTimeout(function () {
copy.textContent = 'Copied';
window.setTimeout(function () {
copy.textContent = old;
}, 1300);
}, 0);
});
}
});
/* =====================================================
PAGINATION
===================================================== */
var pagination = container.querySelector('ul.pagination');
if (pagination) {
pagination.setAttribute(
'aria-label',
'Bio Directory pages'
);
}
/* =====================================================
DEBUG / UPDATE MARKER
===================================================== */
html.setAttribute(
'data-mybiourl-enhancement',
'directory-v3'
);
});
})();
</script>
<script id="mbu-register-ad-300x250">
(function () {
'use strict';
if (!/(^|\/)user\/register\/?$/.test(window.location.pathname)) {
return;
}
/*
* Создаём рекламный блок во время загрузки,
* чтобы код Adsterra отрабатывал штатно.
*/
document.write(
'<div id="mbu-register-ad-slot" ' +
'style="' +
'width:300px;' +
'max-width:100%;' +
'margin:0 auto 24px;' +
'text-align:center;' +
'box-sizing:border-box;' +
'">' +
'<div style="' +
'margin:0 0 8px;' +
'font-family:Arial,sans-serif;' +
'font-size:9px;' +
'font-weight:700;' +
'line-height:1;' +
'letter-spacing:.14em;' +
'color:#9a9aa0;' +
'text-align:center;' +
'">ADVERTISEMENT</div>' +
'<div id="mbu-register-ad-inner" ' +
'style="' +
'width:300px;' +
'height:250px;' +
'max-width:100%;' +
'margin:0 auto;' +
'overflow:hidden;' +
'border-radius:12px;' +
'">' +
'<script>' +
'atOptions={' +
'"key":"755ecd0ffc896fd8d304998633fb6572",' +
'"format":"iframe",' +
'"height":250,' +
'"width":300,' +
'"params":{}' +
'};' +
'<\/script>' +
'<script src="https://www.highperformanceformat.com/755ecd0ffc896fd8d304998633fb6572/invoke.js"><\/script>' +
'</div>' +
'</div>'
);
})();
</script>
<script id="mbu-register-ad-position">
(function () {
'use strict';
function moveRegisterAd() {
if (!/(^|\/)user\/register\/?$/.test(window.location.pathname)) {
return;
}
var slot = document.getElementById('mbu-register-ad-slot');
if (!slot) {
return;
}
/*
* VERIFIED DOM:
* #navbar-logo находится внутри ссылки-логотипа.
* Сразу после этой ссылки начинается карточка регистрации.
*/
var logoImage = document.getElementById('navbar-logo');
var logoLink = logoImage ? logoImage.closest('a') : null;
if (logoLink) {
/*
* Точное место:
*
* LOGO
* ↓
* AD 300x250
* ↓
* REGISTRATION CARD
*/
logoLink.insertAdjacentElement('afterend', slot);
} else {
/*
* Безопасный fallback:
* ставим перед карточкой регистрации.
*/
var registerCard = document.querySelector(
'section.min-h-screen > div.w-full.max-w-md'
);
if (registerCard) {
registerCard.insertAdjacentElement('beforebegin', slot);
}
}
/*
* Если сеть / AdBlock не создали iframe,
* через 5 секунд убираем пустое место.
*/
window.setTimeout(function () {
var inner = document.getElementById(
'mbu-register-ad-inner'
);
if (
inner &&
!inner.querySelector('iframe')
) {
slot.style.display = 'none';
}
}, 5000);
}
if (document.readyState === 'loading') {
document.addEventListener(
'DOMContentLoaded',
moveRegisterAd,
{ once:true }
);
} else {
moveRegisterAd();
}
})();
</script> <script type="text/plain" data-cookiecategory="analytics" async src='https://www.googletagmanager.com/gtag/js?id=G-SPXW17R671'></script>
<script type="text/plain" data-cookiecategory="analytics" >window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-SPXW17R671');</script>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://mybiourl.com/ |
|
2026-10-17 15:48:44 |
| 2 |
https://michaely950pcq2.dekaronwik… |
|
2026-10-17 15:48:44 |
| 3 |
https://congresonayarit.gob.mx/ |
|
2026-10-17 15:48:44 |
| 4 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 15:48:44 |
| 5 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 15:48:43 |
| 6 |
https://www.twitch.tv/efbetrocom |
|
2026-10-17 15:48:42 |
| 7 |
https://livesgpt.xyz/ |
|
2026-10-17 15:48:42 |
| 8 |
https://377project.com/en/contact/ |
|
2026-10-17 15:48:41 |
| 9 |
https://www.shopping4net.se/ |
|
2026-10-17 15:48:41 |
| 10 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 15:48:41 |
| 11 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 15:48:41 |
| 12 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 15:48:41 |
| 13 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 15:48:41 |
| 14 |
https://griffinvskeu.yomoblog.com/ |
|
2026-10-17 15:48:39 |
| 15 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 15:48:39 |
| 16 |
https://paujazz.fr/ |
|
2026-10-17 15:48:39 |
| 17 |
https://richaescort.net/kota/ |
|
2026-10-17 15:48:39 |
| 18 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-17 15:48:38 |
| 19 |
https://Www.Bookmust@lavozdelriota… |
|
2026-10-17 15:48:38 |
| 20 |
https://hack.allmende.io/s/3XsDgWo… |
|
2026-10-17 15:48:38 |