Showing source for: https://bytesize.me/
Duration: 0.371473s
Server: cloudflare

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1" data-next-head=""/><meta name="apple-mobile-web-app-capable" content="yes" data-next-head=""/><meta name="apple-mobile-web-app-status-bar-style" content="default" data-next-head=""/><title data-next-head="">Bytesize: Link-in-Bio Pages for Creators</title><meta name="description" content="Create a link-in-bio page that embeds your videos, music, posts, products, and links so fans can explore everything you make in one place." data-next-head=""/><link rel="canonical" href="https://bytesize.me" data-next-head=""/><meta property="og:title" content="Bytesize: Link-in-Bio Pages for Creators" data-next-head=""/><meta property="og:description" content="Create a link-in-bio page that embeds your videos, music, posts, products, and links so fans can explore everything you make in one place." data-next-head=""/><meta property="og:url" content="https://bytesize.me" data-next-head=""/><meta property="og:image" content="https://bytesize.me/api/og/home" data-next-head=""/><meta property="og:image:width" content="1200" data-next-head=""/><meta property="og:image:height" content="630" data-next-head=""/><meta property="og:image:alt" content="Bytesize homepage screenshot with a creator-focused link-in-bio builder interface" data-next-head=""/><meta name="twitter:image" content="https://bytesize.me/api/og/home" data-next-head=""/><meta name="twitter:image:alt" content="Bytesize homepage screenshot with a creator-focused link-in-bio builder interface" data-next-head=""/><meta name="twitter:card" content="summary_large_image" data-next-head=""/><link rel="icon" href="/favicons/favicon.ico" sizes="any"/><link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"/><link rel="apple-touch-icon" href="/favicons/apple-touch-icon.png"/><link rel="preload" href="/_next/static/media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/chunks/3ercu2jd2m0j-.css" as="style"/><link rel="preload" href="/_next/static/chunks/3neijfeeg3-g9.css" as="style"/><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://bytesize.me/#organization","name":"Bytesize","url":"https://bytesize.me","logo":"https://bytesize.me/images/bytesize-logo.png","email":"[email protected]","sameAs":["https://www.instagram.com/mylinks.ai/","https://x.com/mylinksai","https://www.facebook.com/mylinksai"]},{"@type":"WebSite","@id":"https://bytesize.me/#website","name":"Bytesize","url":"https://bytesize.me","publisher":{"@id":"https://bytesize.me/#organization"}},{"@type":"SoftwareApplication","@id":"https://bytesize.me#software","name":"Bytesize","applicationCategory":"BusinessApplication","operatingSystem":"Web","url":"https://bytesize.me","description":"Create a link-in-bio page that embeds your videos, music, posts, products, and links so fans can explore everything you make in one place.","image":"https://bytesize.me/api/og/home","publisher":{"@id":"https://bytesize.me/#organization"},"featureList":["Customizable link-in-bio pages","Embedded social, music, merch, and creator content","YouTube, Spotify, TikTok, and Instagram integrations","Creator profile analytics","Priority link placement","Creator page customization"],"offers":[{"@type":"Offer","name":"Start","url":"https://bytesize.me","price":"0","priceCurrency":"USD","availability":"https://schema.org/InStock"},{"@type":"Offer","name":"Creator Pro Monthly","url":"https://bytesize.me/pricing","price":"9","priceCurrency":"USD","availability":"https://schema.org/InStock","priceSpecification":{"@type":"UnitPriceSpecification","price":"9","priceCurrency":"USD","billingDuration":"P1M"}},{"@type":"Offer","name":"Creator Pro Yearly","url":"https://bytesize.me/pricing","price":"90","priceCurrency":"USD","availability":"https://schema.org/InStock","priceSpecification":{"@type":"UnitPriceSpecification","price":"90","priceCurrency":"USD","billingDuration":"P1Y"}}]}]}</script><link rel="stylesheet" href="/_next/static/chunks/3ercu2jd2m0j-.css" data-n-g=""/><link rel="stylesheet" href="/_next/static/chunks/3neijfeeg3-g9.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" src="/_next/static/chunks/3pvckrjasxxah.js"></script><script src="/_next/static/chunks/1uj6h890jzh51.js" defer=""></script><script src="/_next/static/chunks/2urmksz1yfq_9.js" defer=""></script><script src="/_next/static/chunks/43i1c9iosvjfk.js" defer=""></script><script src="/_next/static/chunks/2mne8ci181pp-.js" defer=""></script><script src="/_next/static/chunks/turbopack-3_cb0uxon8f10.js" defer=""></script><script src="/_next/static/chunks/2g32b36wl75h_.js" defer=""></script><script src="/_next/static/chunks/0xx75fuk-9q-4.js" defer=""></script><script src="/_next/static/chunks/117fuk599101c.js" defer=""></script><script src="/_next/static/chunks/turbopack-0g2_pqc7888my.js" defer=""></script><script src="/_next/static/vMeqpaqJJdKfuEwG0n6Nd/_buildManifest.js" defer=""></script><script src="/_next/static/vMeqpaqJJdKfuEwG0n6Nd/_ssgManifest.js" defer=""></script><script src="/_next/static/vMeqpaqJJdKfuEwG0n6Nd/_clientMiddlewareManifest.js" defer=""></script></head><body><link rel="preload" as="image" href="/images/landing/trust-avatars/cozygames.webp" imageSizes="(min-width: 640px) 32px, 40px"/><link rel="preload" as="image" href="/images/landing/trust-avatars/elainecovers.webp" imageSizes="(min-width: 640px) 32px, 40px"/><link rel="preload" as="image" href="/images/landing/trust-avatars/musicoflola.webp" imageSizes="(min-width: 640px) 32px, 40px"/><link rel="preload" as="image" href="/images/landing/trust-avatars/iamfallfromgrace.webp" imageSizes="(min-width: 640px) 32px, 40px"/><link rel="preload" as="image" href="/images/landing/trust-avatars/jenna.webp" imageSizes="(min-width: 640px) 32px, 40px"/><link rel="preload" as="image" href="/images/landing/generated/elaine-profile-screen.webp" imageSizes="(min-width: 1280px) 340px, (min-width: 640px) 330px, 306px"/><div id="__next"><div class="plus_jakarta_sans_59b42450-module__4F-Cwq__className plus_jakarta_sans_59b42450-module__4F-Cwq__variable font-marketing"><style>
    :root { --font-sans: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback'; }
    html body { font-family: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback'; }
  </style><style>
  /* Profile pages override all font settings */
  [data-profile-page] {
    --font-sans: inherit !important;
  }

  [data-profile-page] *,
  [data-profile-page] .font-sans,
  [data-profile-page] .font-serif,
  [data-profile-page] .font-mono,
  [data-profile-page] [class*='font-'] {
    font-family: inherit !important;
  }
</style><div class="flex min-h-screen flex-col overflow-x-hidden bg-white text-slate-950"><a href="#main" class="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-50 focus:rounded-lg focus:bg-slate-950 focus:px-4 focus:py-2 focus:text-[14px] focus:font-bold focus:text-white">Skip to content</a><header class="relative z-20 border-b border-transparent bg-white"><div class="mx-auto flex min-h-[74px] max-w-[1280px] items-center justify-between px-5 sm:px-8 lg:px-10"><a class="inline-flex items-center rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#0757ff] focus-visible:ring-offset-2" aria-label="Bytesize home" href="/"><div class="flex items-center " style="font-size:24px"><svg width="1em" height="1em" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="250" cy="250" r="250" fill="#5a34f2"></circle><circle cx="250" cy="250" r="200" fill="#fff"></circle><circle cx="250" cy="250" r="125" fill="#5a34f2"></circle><path d="M250.348 250.402L400.046 174.803L400.648 324.797L250.348 250.402Z" fill="#fff"></path></svg></div><span class="ml-2 font-black tracking-normal text-slate-950 text-[21px]">bytesize</span></a><nav class="hidden items-center gap-8 text-[14px] font-bold text-slate-950 md:flex lg:gap-10" aria-label="Landing navigation"><a class="transition hover:text-violet-600" href="/pricing">Pricing</a><a class="transition hover:text-violet-600" href="/faq">FAQ</a></nav><div class="flex items-center gap-2 sm:gap-3"><a class="hidden min-h-11 items-center whitespace-nowrap rounded-xl px-4 text-[14px] font-bold text-slate-950 transition hover:bg-slate-50 sm:inline-flex" href="/login">Log in</a><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 py-2 h-11 rounded-full bg-slate-950 px-3 text-[13px] font-bold text-white shadow-[0_12px_24px_rgba(15,23,42,0.18)] transition-transform duration-150 ease-out hover:bg-slate-800 active:scale-[0.97] sm:px-5 sm:text-[14px]" href="/signup">Get started</a><button type="button" class="inline-flex size-11 items-center justify-center rounded-xl border text-slate-600 shadow-sm transition duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-violet-500 focus-visible:ring-offset-2 md:hidden border-slate-200 bg-slate-50 hover:border-slate-300 hover:bg-white hover:text-slate-950" aria-controls="landing-mobile-menu" aria-expanded="false" aria-label="Open menu"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5" aria-hidden="true"><path d="M4 12H20M4 6H20M4 18H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div><div id="landing-mobile-menu" class="mx-auto max-w-[1280px] px-5 pb-4 md:hidden hidden"><nav class="overflow-hidden rounded-xl border border-slate-100 bg-slate-50/80 py-2" aria-label="Mobile landing navigation"><a class="flex min-h-14 items-center justify-center px-4 text-center text-[16px] font-semibold text-slate-950 transition hover:text-violet-600" href="/pricing">Pricing</a><a class="flex min-h-14 items-center justify-center px-4 text-center text-[16px] font-semibold text-slate-950 transition hover:text-violet-600" href="/faq">FAQ</a><a class="flex min-h-14 items-center justify-center px-4 text-center text-[16px] font-semibold text-slate-950 transition hover:text-violet-600" href="/login">Log in</a></nav></div></header><main id="main"><section class="relative mx-auto grid max-w-[1280px] gap-10 px-5 pb-10 pt-6 sm:px-8 lg:grid-cols-[minmax(0,1fr)_380px] lg:items-start lg:gap-10 lg:px-10 lg:pb-14 lg:pt-8"><div class="landing-css-float pointer-events-none absolute right-0 top-2 hidden lg:block" style="--float-distance:7px;--float-duration:5.5s;--float-delay:0.3s"><svg class="h-16 w-16 text-pink-500" viewBox="0 0 64 64" fill="none" aria-hidden="true"><path d="M23 8L12 28" class="landing-css-draw" stroke="currentColor" stroke-linecap="round" stroke-width="3" pathLength="1" style="--draw-delay:0.86s;--draw-duration:0.4s"></path><path d="M42 18L24 35" class="landing-css-draw" stroke="currentColor" stroke-linecap="round" stroke-width="3" pathLength="1" style="--draw-delay:0.9299999999999999s;--draw-duration:0.4s"></path><path d="M52 40L29 43" class="landing-css-draw" stroke="currentColor" stroke-linecap="round" stroke-width="3" pathLength="1" style="--draw-delay:1s;--draw-duration:0.4s"></path></svg></div><div class="relative z-10 mx-auto w-full min-w-0 max-w-[600px] text-center lg:mx-0 lg:pt-6 lg:text-left"><h1 class="text-[36px] font-black leading-[0.98] tracking-[-0.035em] text-slate-950 min-[360px]:text-[40px] sm:text-[56px] lg:text-[64px]"><span class="block min-[360px]:inline">A better link in</span> <span class="block min-[360px]:inline">bio</span><br/>for<!-- --> <span class="relative inline-block">everything<svg class="pointer-events-none absolute left-1/2 top-[calc(100%-0.08em)] h-[0.34em] w-[108%] -translate-x-1/2 overflow-visible text-[#9b00ff]" viewBox="0 0 260 46" fill="none" preserveAspectRatio="none" aria-hidden="true"><path d="M7 16C34 12 58 18 88 14C119 10.5 145 17 174 13C204 9.5 228 17 253 14" stroke="currentColor" stroke-linecap="round" stroke-width="4" vector-effect="non-scaling-stroke"></path><path d="M20 33C47 29.5 75 35 103 31.5C134 28 164 35 194 32.5C221 30 240 35 253 32" stroke="currentColor" stroke-linecap="round" stroke-width="4" vector-effect="non-scaling-stroke"></path></svg></span><br/>you make.</h1><p class="mx-auto mt-5 max-w-[460px] text-[17px] font-medium leading-[1.55] text-slate-600 sm:text-[18px] lg:mx-0 lg:max-w-[420px]">Bring your videos, links, music, products, and posts into one page that updates itself.</p><div class="relative mx-auto mt-6 w-full max-w-[440px] lg:mx-0"><div class="landing-css-fade-float pointer-events-none absolute -top-[26px] z-20 hidden xl:-left-[42px] xl:block" style="--float-distance:2px;--float-duration:7s;--float-delay:1.1s;--entrance-delay:1.04s"><svg class="h-[58px] w-[78px] text-[#9b00ff]" viewBox="0 0 78 58" fill="none" aria-hidden="true"><path d="M4 25C18 10 37 13 35 27C33 39 18 37 21 27C25 12 50 16 58 33C62 41 66 44 70 46" class="landing-css-draw landing-css-draw-snappy" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" pathLength="1" style="--draw-delay:1.06s;--draw-duration:0.72s"></path><path d="M70 46L55 43M70 46L63 32" class="landing-css-draw landing-css-draw-snappy" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" pathLength="1" style="--draw-delay:1.52s;--draw-duration:0.24s"></path></svg></div><form class="w-full max-w-[340px] sm:max-w-[440px] mx-auto lg:mx-0" noValidate=""><div class="flex min-h-[58px] items-center rounded-2xl border border-slate-200 bg-white p-2 shadow-[0_12px_28px_rgba(15,23,42,0.08)] transition focus-within:border-violet-300 focus-within:ring-4 focus-within:ring-violet-100"><label for="_R_176kmm_" class="sr-only">Choose your Bytesize handle</label><div class="flex min-w-0 flex-1 items-center pl-4 text-[15px] font-semibold text-slate-950"><span class="shrink-0">bytesize.me/</span><input id="_R_176kmm_" class="min-w-0 flex-1 appearance-none border-0 bg-transparent px-0 text-[15px] font-semibold text-slate-500 placeholder:text-slate-400 focus:outline-none focus:ring-0" placeholder="yourname" autoComplete="off" spellCheck="false" name="handle"/></div><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 py-2 h-11 shrink-0 rounded-xl bg-slate-950 px-4 text-[14px] font-bold text-white shadow-[0_10px_20px_rgba(15,23,42,0.2)] transition-transform duration-150 ease-out hover:bg-slate-800 active:scale-[0.97] sm:px-5" type="submit"><span class="hidden sm:inline">Claim your page</span><span class="sm:hidden">Claim</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right hidden size-4 sm:block" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></form></div><div class="mt-5 flex flex-col items-center gap-4 sm:flex-row sm:justify-center lg:justify-start"><div class="flex gap-x-0"><div class="relative size-10 overflow-hidden rounded-full border-2 border-white bg-slate-100 shadow-sm sm:size-8" style="z-index:5"><img src="/images/landing/trust-avatars/cozygames.webp" alt="" loading="eager" sizes="(min-width: 640px) 32px, 40px" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/></div><div class="relative size-10 overflow-hidden rounded-full border-2 border-white bg-slate-100 shadow-sm sm:size-8 -ml-2.5 sm:-ml-2" style="z-index:4"><img src="/images/landing/trust-avatars/elainecovers.webp" alt="" loading="eager" sizes="(min-width: 640px) 32px, 40px" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/></div><div class="relative size-10 overflow-hidden rounded-full border-2 border-white bg-slate-100 shadow-sm sm:size-8 -ml-2.5 sm:-ml-2" style="z-index:3"><img src="/images/landing/trust-avatars/musicoflola.webp" alt="" loading="eager" sizes="(min-width: 640px) 32px, 40px" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/></div><div class="relative size-10 overflow-hidden rounded-full border-2 border-white bg-slate-100 shadow-sm sm:size-8 -ml-2.5 sm:-ml-2" style="z-index:2"><img src="/images/landing/trust-avatars/iamfallfromgrace.webp" alt="" loading="eager" sizes="(min-width: 640px) 32px, 40px" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/></div><div class="relative size-10 overflow-hidden rounded-full border-2 border-white bg-slate-100 shadow-sm sm:size-8 -ml-2.5 sm:-ml-2" style="z-index:1"><img src="/images/landing/trust-avatars/jenna.webp" alt="" loading="eager" sizes="(min-width: 640px) 32px, 40px" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/></div></div><div class="flex items-center gap-2 sm:gap-3"><div class="flex text-amber-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-current sm:size-4" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-current sm:size-4" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-current sm:size-4" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-current sm:size-4" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5 fill-current sm:size-4" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><p class="text-[13px] font-bold text-slate-700 sm:text-[14px]">Trusted by 2,000+ creators</p></div></div><div class="mx-auto mt-7 grid max-w-[280px] grid-cols-2 justify-items-center gap-x-3 gap-y-4 sm:flex sm:max-w-none sm:flex-wrap sm:items-center sm:justify-center sm:gap-7 lg:mx-0 lg:justify-start"><div class="flex items-center justify-center gap-2 text-[15px] font-black text-slate-950"><span class="text-[18px]"><svg aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="size-[1em]"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"></path></svg></span>TikTok</div><div class="flex items-center justify-center gap-2 text-[15px] font-black text-slate-950"><span class="text-[18px]"><svg aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="size-[1em]"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></span>YouTube</div><div class="flex items-center justify-center gap-2 text-[15px] font-black text-slate-950"><span class="text-[18px]"><svg aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="size-[1em]"><path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"></path></svg></span>Instagram</div><div class="flex items-center justify-center gap-2 text-[15px] font-black text-slate-950"><span class="text-[18px]"><svg aria-hidden="true" viewBox="0 0 496 512" fill="currentColor" stroke="none" class="size-[1em]"><path d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"></path></svg></span>Spotify</div></div><div class="relative mt-10 lg:hidden"><div class="relative mx-auto aspect-[366/772] w-full max-w-[306px] rounded-[48px] bg-slate-950 p-[8px] shadow-[0_26px_58px_rgba(15,23,42,0.2)] sm:w-[340px] sm:max-w-none sm:rounded-[52px] sm:p-[9px] lg:w-[330px] xl:w-[340px]"><div class="absolute left-1/2 top-[15px] z-30 h-[22px] w-[88px] -translate-x-1/2 rounded-full bg-slate-950 sm:top-[17px] sm:h-[26px] sm:w-[104px]"></div><div class="relative h-full overflow-hidden rounded-[39px] bg-[#fffaf7] sm:rounded-[45px]"><img src="/images/landing/generated/elaine-profile-screen.webp" alt="Example Bytesize profile for Elaine Covers" loading="eager" sizes="(min-width: 1280px) 340px, (min-width: 640px) 330px, 306px" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/></div></div></div></div><div class="relative hidden lg:block lg:justify-self-end"><div class="relative mx-auto aspect-[366/772] w-full max-w-[306px] rounded-[48px] bg-slate-950 p-[8px] shadow-[0_26px_58px_rgba(15,23,42,0.2)] sm:w-[340px] sm:max-w-none sm:rounded-[52px] sm:p-[9px] lg:w-[330px] xl:w-[340px]"><div class="absolute left-1/2 top-[15px] z-30 h-[22px] w-[88px] -translate-x-1/2 rounded-full bg-slate-950 sm:top-[17px] sm:h-[26px] sm:w-[104px]"></div><div class="relative h-full overflow-hidden rounded-[39px] bg-[#fffaf7] sm:rounded-[45px]"><img src="/images/landing/generated/elaine-profile-screen.webp" alt="Example Bytesize profile for Elaine Covers" loading="eager" sizes="(min-width: 1280px) 340px, (min-width: 640px) 330px, 306px" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/></div></div></div></section><section class="bg-slate-950 py-14 md:py-20"><div class="mx-auto grid max-w-[1320px] items-center gap-10 px-5 sm:px-8 lg:grid-cols-[0.7fr_1.3fr] lg:gap-14 lg:px-10"><div data-visible="false" class="landing-reveal" style="--reveal-offset:12px;--reveal-delay:0s"><div class="max-w-[440px]"><h2 class="text-balance text-[34px] font-extrabold leading-[1.03] tracking-[-0.03em] text-white sm:text-[44px] lg:text-[52px]">Your work deserves more than a button.</h2><p class="mt-6 text-pretty text-[16px] font-medium leading-[1.65] text-slate-300 sm:text-[17px]">A video should look watchable. A track should feel playable. A merch drop should be seen. Bytesize turns the things you share into a page fans can actually explore.</p><div class="mt-7 flex items-center gap-3 text-[13px] font-bold text-white"><span class="flex size-8 items-center justify-center rounded-full bg-violet-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-4" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span>Embedded content, not just outbound links</div><div class="mt-8 flex flex-wrap items-center gap-x-5 gap-y-3 text-[19px] text-slate-400"><svg aria-labelledby="_R_64qkmm_" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="size-[1em]"><title id="_R_64qkmm_">YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg><svg aria-labelledby="_R_a4qkmm_" viewBox="0 0 496 512" fill="currentColor" stroke="none" class="size-[1em]"><title id="_R_a4qkmm_">Spotify</title><path d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"></path></svg><svg aria-labelledby="_R_e4qkmm_" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="size-[1em]"><title id="_R_e4qkmm_">TikTok</title><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"></path></svg><svg aria-labelledby="_R_i4qkmm_" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="size-[1em]"><title id="_R_i4qkmm_">Instagram</title><path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"></path></svg><span class="text-[12px] font-bold text-slate-500">plus the links you already share</span></div></div></div><div data-visible="false" class="landing-reveal" style="--reveal-offset:18px;--reveal-delay:0.12s"><div class="relative mx-auto w-full max-w-[720px]"><div class="absolute -inset-8 rounded-full bg-violet-500/20 blur-3xl"></div><div class="relative overflow-hidden rounded-2xl bg-[#f8f7ff] p-3 text-slate-950 sm:p-4"><div class="flex items-center justify-between px-2 pb-3 pt-1 sm:px-3"><div class="flex items-center gap-3"><div class="relative size-10 overflow-hidden rounded-full bg-violet-100 sm:size-12"><img src="/images/landing/originals/elainecovers.png" alt="Elaine Covers" loading="lazy" sizes="48px" class="absolute inset-0 h-full w-full object-cover object-[50%_35%]" style="position:absolute;inset:0"/></div><div><p class="text-[13px] font-black sm:text-[15px]">Elaine Covers</p><p class="text-[10px] font-bold text-slate-500 sm:text-[11px]">Music artist · @elainecovers</p></div></div><span class="rounded-full bg-white px-3 py-1.5 text-[10px] font-black text-violet-700 sm:text-[11px]">Profile preview</span></div><div class="grid gap-3 md:grid-cols-[1.18fr_0.82fr]"><article class="relative min-h-[280px] overflow-hidden rounded-xl bg-slate-950 sm:min-h-[340px]"><img src="/images/landing/generated/golden-hour-video.webp" alt="Golden Hour music video preview" loading="lazy" sizes="(min-width: 768px) 46vw, 100vw" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/><div class="absolute inset-0 bg-gradient-to-t from-slate-950/90 via-slate-950/5 to-transparent"></div><div class="absolute inset-x-0 bottom-0 p-4 sm:p-5"><div class="flex items-center gap-2 text-[10px] font-black text-white/75 sm:text-[11px]"><svg aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="size-[1em] text-red-400"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg>YouTube video</div><h3 class="mt-2 text-[19px] font-black leading-tight text-white sm:text-[23px]">Golden Hour — Official Video</h3><p class="mt-1 text-[11px] font-semibold text-white/70 sm:text-[12px]">The latest release, ready to watch from the page.</p></div></article><div class="grid gap-3 sm:grid-cols-2 md:grid-cols-1"><article class="flex min-h-[160px] items-center gap-4 rounded-xl bg-white p-4 shadow-[0_4px_0_rgba(113,87,246,0.12)] md:min-h-0"><div class="relative size-[92px] shrink-0 overflow-hidden rounded-xl sm:size-[106px] md:size-[92px] xl:size-[106px]"><img src="/images/landing/generated/blossom-album.webp" alt="Blossom album artwork" loading="lazy" sizes="106px" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/></div><div class="min-w-0"><div class="inline-flex items-center gap-2 rounded-full bg-[#e9fbef] px-2.5 py-1 text-[11px] font-black text-emerald-800"><svg aria-hidden="true" viewBox="0 0 496 512" fill="currentColor" stroke="none" class="size-[1em] text-[14px]"><path d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"></path></svg>Spotify</div><h3 class="mt-2 truncate text-[17px] font-black">Blossom</h3><p class="mt-1 text-[11px] font-semibold text-slate-600">Latest release</p></div></article><article class="relative min-h-[160px] overflow-hidden rounded-xl bg-[#eee9ff] p-4 md:min-h-0"><div class="absolute inset-y-0 right-0 w-[56%]"><img src="/images/landing/generated/blossom-merch.webp" alt="Blossom merchandise collection" loading="lazy" sizes="280px" class="absolute inset-0 h-full w-full object-cover object-left" style="position:absolute;inset:0"/><div class="absolute inset-0 bg-gradient-to-r from-[#eee9ff] via-[#eee9ff]/25 to-transparent"></div></div><div class="relative max-w-[150px]"><div class="inline-flex items-center gap-2 rounded-full bg-white px-2.5 py-1 text-[11px] font-black text-violet-800"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag size-3.5" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg>Merch</div><h3 class="mt-3 text-[17px] font-black leading-tight">Blossom collection</h3><p class="mt-2 text-[11px] font-semibold text-slate-600">New drop</p></div></article></div></div></div></div></div></div></section><section id="examples" class="mx-auto max-w-[1280px] px-5 py-12 sm:px-8 md:py-16 lg:px-10 lg:py-20"><div data-visible="false" class="landing-reveal max-w-[760px]" style="--reveal-offset:12px;--reveal-delay:0s"><h2 class="text-balance text-[34px] font-extrabold leading-[1.05] tracking-[-0.03em] text-slate-950 sm:text-[44px] lg:text-[50px]">See how creators make Bytesize their own.</h2></div><div data-visible="false" class="landing-stagger-group mt-10 grid gap-4 lg:grid-cols-12 lg:grid-rows-2" style="--stagger-delay:0s;--stagger-step:0.09s"><div class="landing-stagger-item h-full lg:col-span-7 lg:row-span-2" style="--reveal-offset:12px;--stagger-index:0"><a aria-label="Visit Cozygames&#x27;s Bytesize page" class="group relative block h-full min-h-[520px] overflow-hidden rounded-2xl focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-violet-500 lg:min-h-0 bg-[#201032] text-white" href="https://bytesize.me/cozygames"><img src="/images/landing/originals/cozygames.jpg" alt="Cozygames, Gaming content creator" loading="lazy" sizes="(min-width: 1024px) 56vw, 100vw" class="absolute inset-0 h-full w-full transition-transform duration-500 ease-out group-hover:scale-[1.025] object-cover object-center" style="position:absolute;inset:0"/><div class="absolute inset-0 bg-gradient-to-t from-[#160a24] via-[#160a24]/20 to-transparent"></div><div class="absolute inset-x-0 bottom-0 p-6 sm:p-8 lg:p-9"><blockquote class="max-w-[570px] text-balance text-[24px] font-extrabold leading-[1.22] tracking-[-0.02em] sm:text-[30px]">“<!-- -->Much better than Linktree! I love the friendly UX design and already recommended it to all my creator friends.<!-- -->”</blockquote><div class="mt-6 flex items-end justify-between gap-4"><div><p class="text-[17px] font-black">Cozygames</p><p class="mt-1 text-[13px] font-semibold text-white/70">Gaming content creator</p></div><span class="flex size-11 items-center justify-center rounded-full bg-white text-slate-950 transition-transform duration-200 ease-out group-hover:-translate-y-0.5 group-hover:translate-x-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span></div></div></a></div><div class="landing-stagger-item h-full lg:col-span-5" style="--reveal-offset:12px;--stagger-index:1"><a aria-label="Visit Elaine Covers&#x27;s Bytesize page" class="group grid min-h-[184px] grid-cols-[116px_minmax(0,1fr)] overflow-hidden rounded-2xl focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-violet-500 sm:min-h-[250px] sm:grid-cols-[180px_minmax(0,1fr)] bg-[#ffe7ea] text-slate-950" href="https://bytesize.me/elainecovers"><div class="relative min-h-full overflow-hidden"><img src="/images/landing/originals/elainecovers.png" alt="Elaine Covers, Music artist" loading="lazy" sizes="(min-width: 640px) 180px, 116px" class="absolute inset-0 h-full w-full transition-transform duration-500 ease-out group-hover:scale-[1.035] object-cover object-[50%_38%]" style="position:absolute;inset:0"/></div><div class="flex min-w-0 flex-col justify-between p-4 sm:p-6"><blockquote class="text-pretty text-[16px] font-bold leading-[1.35] sm:text-[19px] sm:font-extrabold sm:leading-[1.4]">“<!-- -->The previews are beautiful and it helped increase my following.<!-- -->”</blockquote><div class="mt-3 flex items-end justify-between gap-2 sm:mt-5 sm:gap-3"><div><p class="text-[13px] font-black sm:text-[15px]">Elaine Covers</p><p class="mt-0.5 text-[11px] font-semibold opacity-65 sm:mt-1 sm:text-[12px]">Music artist</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 shrink-0 transition-transform duration-200 ease-out group-hover:-translate-y-0.5 group-hover:translate-x-0.5 sm:size-5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div><div class="landing-stagger-item h-full lg:col-span-5" style="--reveal-offset:12px;--stagger-index:2"><a aria-label="Visit MusicofLola&#x27;s Bytesize page" class="group grid min-h-[184px] grid-cols-[116px_minmax(0,1fr)] overflow-hidden rounded-2xl focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-violet-500 sm:min-h-[250px] sm:grid-cols-[180px_minmax(0,1fr)] bg-[#fff0bd] text-slate-950" href="https://bytesize.me/musicoflola"><div class="relative min-h-full overflow-hidden"><img src="/images/landing/originals/musicoflola.jpg" alt="MusicofLola, Independent musician" loading="lazy" sizes="(min-width: 640px) 180px, 116px" class="absolute inset-0 h-full w-full transition-transform duration-500 ease-out group-hover:scale-[1.035] object-cover object-center" style="position:absolute;inset:0"/></div><div class="flex min-w-0 flex-col justify-between p-4 sm:p-6"><blockquote class="text-pretty text-[16px] font-bold leading-[1.35] sm:text-[19px] sm:font-extrabold sm:leading-[1.4]">“<!-- -->I love being able to send my fans to one link that connects them to all things Lola.<!-- -->”</blockquote><div class="mt-3 flex items-end justify-between gap-2 sm:mt-5 sm:gap-3"><div><p class="text-[13px] font-black sm:text-[15px]">MusicofLola</p><p class="mt-0.5 text-[11px] font-semibold opacity-65 sm:mt-1 sm:text-[12px]">Independent musician</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4 shrink-0 transition-transform duration-200 ease-out group-hover:-translate-y-0.5 group-hover:translate-x-0.5 sm:size-5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></a></div></div><div data-visible="false" class="landing-reveal mt-8 border-t border-slate-200 pt-7" style="--reveal-offset:12px;--reveal-delay:0.12s"><p class="text-[14px] font-bold text-slate-600">More live creator pages</p><div class="-mx-5 mt-5 flex snap-x snap-mandatory gap-3 overflow-x-auto px-5 pb-3 [scrollbar-width:none] sm:mx-0 sm:grid sm:snap-none sm:grid-cols-2 sm:overflow-visible sm:px-0 sm:pb-0 [&amp;::-webkit-scrollbar]:hidden lg:grid-cols-3"><a class="group flex min-h-[88px] w-[82vw] max-w-[300px] shrink-0 snap-start items-center gap-3 rounded-2xl border border-slate-200 bg-white px-3.5 pr-4 text-slate-950 transition-colors duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500 sm:min-h-[78px] sm:w-auto sm:max-w-none sm:rounded-none sm:border-x-0 sm:border-t-0 sm:bg-transparent sm:px-0 sm:pr-3" href="https://bytesize.me/iamfallfromgrace"><span class="relative size-12 shrink-0 overflow-hidden rounded-full bg-slate-100 ring-1 ring-slate-200"><img src="/images/landing/originals/iamfallfromgrace-feature.jpg" alt="" loading="lazy" sizes="48px" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/></span><span class="min-w-0 flex-1"><span class="block truncate text-[13px] font-black">iamfallfromgrace</span><span class="mt-0.5 block truncate text-[11px] font-semibold text-slate-500">Music artist</span><span class="mt-1 block truncate text-[10px] font-bold text-slate-600 transition-colors duration-200 group-hover:text-violet-700">Music · video · merch</span></span><span class="ml-auto flex size-7 shrink-0 items-center justify-center rounded-full bg-slate-950 text-white transition-colors duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] group-hover:bg-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span></a><a class="group flex min-h-[88px] w-[82vw] max-w-[300px] shrink-0 snap-start items-center gap-3 rounded-2xl border border-slate-200 bg-white px-3.5 pr-4 text-slate-950 transition-colors duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500 sm:min-h-[78px] sm:w-auto sm:max-w-none sm:rounded-none sm:border-x-0 sm:border-t-0 sm:bg-transparent sm:px-0 sm:pr-3" href="https://bytesize.me/ronreeser"><span class="relative size-12 shrink-0 overflow-hidden rounded-full bg-slate-100 ring-1 ring-slate-200"><img src="/images/landing/originals/ronreeser.png" alt="" loading="lazy" sizes="48px" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/></span><span class="min-w-0 flex-1"><span class="block truncate text-[13px] font-black">Ron Reeser</span><span class="mt-0.5 block truncate text-[11px] font-semibold text-slate-500">DJ &amp; producer</span><span class="mt-1 block truncate text-[10px] font-bold text-slate-600 transition-colors duration-200 group-hover:text-violet-700">Mixes · releases · bookings</span></span><span class="ml-auto flex size-7 shrink-0 items-center justify-center rounded-full bg-slate-950 text-white transition-colors duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] group-hover:bg-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span></a><a class="group flex min-h-[88px] w-[82vw] max-w-[300px] shrink-0 snap-start items-center gap-3 rounded-2xl border border-slate-200 bg-white px-3.5 pr-4 text-slate-950 transition-colors duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500 sm:min-h-[78px] sm:w-auto sm:max-w-none sm:rounded-none sm:border-x-0 sm:border-t-0 sm:bg-transparent sm:px-0 sm:pr-3" href="https://bytesize.me/jhushka"><span class="relative size-12 shrink-0 overflow-hidden rounded-full bg-slate-100 ring-1 ring-slate-200"><img src="/images/landing/originals/jenna.jpg" alt="" loading="lazy" sizes="48px" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/></span><span class="min-w-0 flex-1"><span class="block truncate text-[13px] font-black">Jenna</span><span class="mt-0.5 block truncate text-[11px] font-semibold text-slate-500">Content creator</span><span class="mt-1 block truncate text-[10px] font-bold text-slate-600 transition-colors duration-200 group-hover:text-violet-700">Video · shop · newsletter</span></span><span class="ml-auto flex size-7 shrink-0 items-center justify-center rounded-full bg-slate-950 text-white transition-colors duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] group-hover:bg-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span></a><a class="group flex min-h-[88px] w-[82vw] max-w-[300px] shrink-0 snap-start items-center gap-3 rounded-2xl border border-slate-200 bg-white px-3.5 pr-4 text-slate-950 transition-colors duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500 sm:min-h-[78px] sm:w-auto sm:max-w-none sm:rounded-none sm:border-x-0 sm:border-t-0 sm:bg-transparent sm:px-0 sm:pr-3" href="https://bytesize.me/officialchika"><span class="relative size-12 shrink-0 overflow-hidden rounded-full bg-slate-100 ring-1 ring-slate-200"><img src="/images/landing/featured-creators/officialchika.webp" alt="" loading="lazy" sizes="48px" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/></span><span class="min-w-0 flex-1"><span class="block truncate text-[13px] font-black">OfficialChiKa</span><span class="mt-0.5 block truncate text-[11px] font-semibold text-slate-500">Gaming creator &amp; host</span><span class="mt-1 block truncate text-[10px] font-bold text-slate-600 transition-colors duration-200 group-hover:text-violet-700">TikTok · Instagram · promos</span></span><span class="ml-auto flex size-7 shrink-0 items-center justify-center rounded-full bg-slate-950 text-white transition-colors duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] group-hover:bg-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span></a><a class="group flex min-h-[88px] w-[82vw] max-w-[300px] shrink-0 snap-start items-center gap-3 rounded-2xl border border-slate-200 bg-white px-3.5 pr-4 text-slate-950 transition-colors duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500 sm:min-h-[78px] sm:w-auto sm:max-w-none sm:rounded-none sm:border-x-0 sm:border-t-0 sm:bg-transparent sm:px-0 sm:pr-3" href="https://bytesize.me/yeptheboys"><span class="relative size-12 shrink-0 overflow-hidden rounded-full bg-slate-100 ring-1 ring-slate-200"><img src="/images/landing/featured-creators/yeptheboys.webp" alt="" loading="lazy" sizes="48px" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/></span><span class="min-w-0 flex-1"><span class="block truncate text-[13px] font-black">@yeptheboys</span><span class="mt-0.5 block truncate text-[11px] font-semibold text-slate-500">YouTube creators</span><span class="mt-1 block truncate text-[10px] font-bold text-slate-600 transition-colors duration-200 group-hover:text-violet-700">YouTube · merch · Instagram</span></span><span class="ml-auto flex size-7 shrink-0 items-center justify-center rounded-full bg-slate-950 text-white transition-colors duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] group-hover:bg-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span></a><a class="group flex min-h-[88px] w-[82vw] max-w-[300px] shrink-0 snap-start items-center gap-3 rounded-2xl border border-slate-200 bg-white px-3.5 pr-4 text-slate-950 transition-colors duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500 sm:min-h-[78px] sm:w-auto sm:max-w-none sm:rounded-none sm:border-x-0 sm:border-t-0 sm:bg-transparent sm:px-0 sm:pr-3" href="https://bytesize.me/andru"><span class="relative size-12 shrink-0 overflow-hidden rounded-full bg-slate-100 ring-1 ring-slate-200"><img src="/images/landing/featured-creators/andru.webp" alt="" loading="lazy" sizes="48px" class="absolute inset-0 h-full w-full object-cover" style="position:absolute;inset:0"/></span><span class="min-w-0 flex-1"><span class="block truncate text-[13px] font-black">Andru Edwards</span><span class="mt-0.5 block truncate text-[11px] font-semibold text-slate-500">Tech creator</span><span class="mt-1 block truncate text-[10px] font-bold text-slate-600 transition-colors duration-200 group-hover:text-violet-700">YouTube · podcast · music</span></span><span class="ml-auto flex size-7 shrink-0 items-center justify-center rounded-full bg-slate-950 text-white transition-colors duration-200 ease-[cubic-bezier(0.22,1,0.36,1)] group-hover:bg-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span></a></div></div></section><section class="bg-[#f8f7ff] py-14 md:py-20"><div class="mx-auto grid max-w-[1280px] items-center gap-12 px-5 sm:px-8 lg:grid-cols-[0.86fr_1.14fr] lg:gap-16 lg:px-10"><div><div data-visible="false" class="landing-reveal" style="--reveal-offset:12px;--reveal-delay:0s"><h2 class="max-w-[560px] text-balance text-[34px] font-extrabold leading-[1.05] tracking-[-0.03em] text-slate-950 sm:text-[44px] lg:text-[48px]">Your page can be live before your next post.</h2><p class="mt-5 max-w-[520px] text-pretty text-[16px] font-medium leading-[1.65] text-slate-600">Start with the essentials. Make it yours. Add more when you need it, without turning your bio into another project to maintain.</p></div><div data-visible="false" class="landing-stagger-group mt-9 space-y-7" style="--stagger-delay:0s;--stagger-step:0.09s"><div class="landing-stagger-item flex gap-4" style="--reveal-offset:12px;--stagger-index:0"><div class="relative flex w-12 shrink-0 flex-col items-center"><span class="relative z-10 size-12"><img src="/images/landing/setup-icons/claim-handle-v2.webp" alt="" loading="lazy" sizes="48px" class="absolute inset-0 h-full w-full object-contain" style="position:absolute;inset:0"/></span><span class="absolute top-10 h-[calc(100%+28px)] w-px bg-violet-200"></span></div><div class="pt-0.5"><h3 class="text-[17px] font-black text-slate-950">Claim your handle</h3><p class="mt-1.5 max-w-[390px] text-[14px] font-medium leading-[1.55] text-slate-600">Choose the Bytesize URL you want fans to remember.</p></div></div><div class="landing-stagger-item flex gap-4" style="--reveal-offset:12px;--stagger-index:1"><div class="relative flex w-12 shrink-0 flex-col items-center"><span class="relative z-10 size-12"><img src="/images/landing/setup-icons/add-content-v2.webp" alt="" loading="lazy" sizes="48px" class="absolute inset-0 h-full w-full object-contain" style="position:absolute;inset:0"/></span><span class="absolute top-10 h-[calc(100%+28px)] w-px bg-violet-200"></span></div><div class="pt-0.5"><h3 class="text-[17px] font-black text-slate-950">Add what matters</h3><p class="mt-1.5 max-w-[390px] text-[14px] font-medium leading-[1.55] text-slate-600">Bring in your content, links, products, and contact points.</p></div></div><div class="landing-stagger-item flex gap-4" style="--reveal-offset:12px;--stagger-index:2"><div class="relative flex w-12 shrink-0 flex-col items-center"><span class="relative z-10 size-12"><img src="/images/landing/setup-icons/share-everywhere-v2.webp" alt="" loading="lazy" sizes="48px" class="absolute inset-0 h-full w-full object-contain" style="position:absolute;inset:0"/></span></div><div class="pt-0.5"><h3 class="text-[17px] font-black text-slate-950">Share it everywhere</h3><p class="mt-1.5 max-w-[390px] text-[14px] font-medium leading-[1.55] text-slate-600">Use one page across every bio, post, release, and stream.</p></div></div></div></div><div data-visible="false" class="landing-reveal" style="--reveal-offset:18px;--reveal-delay:0.12s"><div class="overflow-hidden rounded-2xl bg-slate-950 p-5 text-white sm:p-7 lg:p-8"><div class="flex items-center justify-between gap-4"><div><p class="text-[11px] font-black text-violet-300">Creator Pro · Example analytics</p><h3 class="mt-2 text-[22px] font-extrabold sm:text-[25px]">See where attention comes from.</h3></div><span class="hidden size-11 items-center justify-center rounded-full bg-violet-500 sm:flex"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column size-5" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></span></div><div class="mt-7 grid gap-3 sm:grid-cols-[0.8fr_1.2fr]"><div class="rounded-xl bg-white/[0.08] p-4"><p class="text-[11px] font-bold text-slate-400">Page visits</p><p class="mt-3 text-[38px] font-black leading-none">12.4K</p><p class="mt-3 text-[11px] font-bold text-emerald-300">+18% this month</p></div><div class="rounded-xl bg-white/[0.08] p-4"><p class="text-[11px] font-bold text-slate-400">Traffic sources</p><div class="mt-4 space-y-3"><div><div class="flex justify-between text-[10px] font-bold"><span>Instagram</span><span class="text-slate-400">48%</span></div><div class="mt-1.5 h-1.5 overflow-hidden rounded-full bg-white/10"><div class="h-full rounded-full w-[48%] bg-[#ec4899]"></div></div></div><div><div class="flex justify-between text-[10px] font-bold"><span>TikTok</span><span class="text-slate-400">31%</span></div><div class="mt-1.5 h-1.5 overflow-hidden rounded-full bg-white/10"><div class="h-full rounded-full w-[31%] bg-[#8b5cf6]"></div></div></div><div><div class="flex justify-between text-[10px] font-bold"><span>YouTube</span><span class="text-slate-400">21%</span></div><div class="mt-1.5 h-1.5 overflow-hidden rounded-full bg-white/10"><div class="h-full rounded-full w-[21%] bg-[#ef4444]"></div></div></div></div></div></div><div class="mt-5 flex items-center justify-between gap-4 border-t border-white/10 pt-5"><p class="max-w-[360px] text-[12px] font-medium leading-[1.5] text-slate-400">Understand visits, sources, countries, and browsers when you are ready to grow with Creator Pro.</p><a class="inline-flex min-h-11 shrink-0 items-center rounded-xl px-3 text-[12px] font-black text-violet-300 hover:bg-white/[0.08] hover:text-violet-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-violet-300" href="/pricing">See Pro</a></div></div></div></div></section><section class="bg-white"><div class="bg-[#7157f6] py-14 text-white md:py-20"><div data-visible="false" class="landing-reveal mx-auto grid max-w-[1240px] grid-cols-[minmax(0,1fr)] items-end gap-9 px-5 sm:px-8 lg:grid-cols-[minmax(0,1fr)_520px] lg:gap-14 lg:px-10" style="--reveal-offset:12px;--reveal-delay:0s"><div class="max-w-[610px]"><h2 class="text-balance text-[36px] font-extrabold leading-[1.02] tracking-[-0.03em] sm:text-[48px] lg:text-[56px]">Give your next post a better destination.</h2><p class="mt-5 max-w-[560px] text-pretty text-[16px] font-semibold leading-[1.6] text-violet-100 sm:text-[17px]">Claim your handle, build a page that feels like you, and give fans one place to keep exploring.</p></div><div class="min-w-0"><form class="w-full max-w-[520px]" noValidate=""><div class="flex min-h-[58px] items-center rounded-2xl bg-white p-2 shadow-[0_8px_0_rgba(36,18,77,0.22)] transition focus-within:ring-4 focus-within:ring-white/30"><label for="_R_36akmm_" class="sr-only">Choose your Bytesize handle</label><div class="flex min-w-0 flex-1 items-center pl-3 text-[14px] font-bold text-slate-950 sm:pl-4 sm:text-[15px]"><span class="shrink-0">bytesize.me/</span><input id="_R_36akmm_" class="min-w-0 flex-1 appearance-none border-0 bg-transparent px-0 text-[14px] font-bold text-slate-700 placeholder:text-slate-500 focus:outline-none focus:ring-0 sm:text-[15px]" placeholder="yourname" autoComplete="off" spellCheck="false" name="handle"/></div><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 py-2 h-11 shrink-0 rounded-xl bg-slate-950 px-4 text-[14px] font-bold text-white transition-transform duration-150 ease-out hover:bg-slate-800 active:scale-[0.97] sm:px-5" type="submit"><span class="hidden sm:inline">Claim your page</span><span class="sm:hidden">Claim</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right hidden size-4 sm:block" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></form><div class="mt-4 flex flex-wrap justify-center gap-x-5 gap-y-2 text-center text-[12px] font-bold leading-5 text-white/90 sm:gap-x-6 sm:text-[13px]"><span>Free to start</span><span>One memorable URL</span><span>Upgrade only when it helps</span></div></div></div></div><div class="mx-auto max-w-[960px] px-5 py-12 sm:px-8 md:py-16"><div data-visible="false" class="landing-reveal flex flex-col justify-between gap-3 border-b border-slate-200 pb-6 sm:flex-row sm:items-end" style="--reveal-offset:12px;--reveal-delay:0s"><h2 class="text-[26px] font-extrabold text-slate-950 sm:text-[30px]">Before you make the switch</h2><p class="text-[14px] font-medium text-slate-500">The practical stuff, answered.</p></div><div data-visible="false" class="landing-stagger-group" style="--stagger-delay:0s;--stagger-step:0.07s"><div class="landing-stagger-item" style="--reveal-offset:12px;--stagger-index:0"><details name="homepage-faq-question" class="marketing-disclosure group border-b border-slate-200"><summary class="flex min-h-[72px] cursor-pointer list-none items-center justify-between gap-4 py-4 text-left text-[16px] font-black leading-5 text-slate-950 outline-none focus-visible:ring-2 focus-visible:ring-violet-500 focus-visible:ring-inset sm:text-[17px] [&amp;::marker]:hidden [&amp;::-webkit-details-marker]:hidden">Can I start for free?<span aria-hidden="true" class="flex size-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition-colors group-open:bg-violet-100 group-open:text-violet-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-4 transition-transform duration-200 group-open:rotate-45" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></span></summary><div class="max-w-[70ch] pb-6 pr-12 text-[15px] font-medium leading-[1.65] text-slate-600 sm:text-[16px]">Yes. Build and share your Bytesize page on the free plan. Creator Pro is there when you want advanced analytics and more customization.</div></details></div><div class="landing-stagger-item" style="--reveal-offset:12px;--stagger-index:1"><details name="homepage-faq-question" class="marketing-disclosure group border-b border-slate-200"><summary class="flex min-h-[72px] cursor-pointer list-none items-center justify-between gap-4 py-4 text-left text-[16px] font-black leading-5 text-slate-950 outline-none focus-visible:ring-2 focus-visible:ring-violet-500 focus-visible:ring-inset sm:text-[17px] [&amp;::marker]:hidden [&amp;::-webkit-details-marker]:hidden">Which platforms can I add?<span aria-hidden="true" class="flex size-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition-colors group-open:bg-violet-100 group-open:text-violet-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-4 transition-transform duration-200 group-open:rotate-45" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></span></summary><div class="max-w-[70ch] pb-6 pr-12 text-[15px] font-medium leading-[1.65] text-slate-600 sm:text-[16px]">Add rich content from YouTube, Spotify, TikTok, and Instagram, then bring in more services with creator sections and custom links.</div></details></div><div class="landing-stagger-item" style="--reveal-offset:12px;--stagger-index:2"><details name="homepage-faq-question" class="marketing-disclosure group border-b border-slate-200"><summary class="flex min-h-[72px] cursor-pointer list-none items-center justify-between gap-4 py-4 text-left text-[16px] font-black leading-5 text-slate-950 outline-none focus-visible:ring-2 focus-visible:ring-violet-500 focus-visible:ring-inset sm:text-[17px] [&amp;::marker]:hidden [&amp;::-webkit-details-marker]:hidden">Can I switch from my current link page?<span aria-hidden="true" class="flex size-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition-colors group-open:bg-violet-100 group-open:text-violet-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-4 transition-transform duration-200 group-open:rotate-45" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></span></summary><div class="max-w-[70ch] pb-6 pr-12 text-[15px] font-medium leading-[1.65] text-slate-600 sm:text-[16px]">Yes. Build your Bytesize page with the links and content you already share, preview it, then replace the URL in your social bios when you are ready.</div></details></div></div></div></section></main><footer class="mx-auto w-full px-5 pb-10 sm:px-8 xl:px-10 max-w-[1280px] pt-0 lg:px-10"><div class="grid gap-10 border-t md:grid-cols-[1fr_2fr] border-slate-200 pt-10"><div class="text-center md:text-left"><div class="flex justify-center md:justify-start"><a class="inline-flex items-center rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#0757ff] focus-visible:ring-offset-2" aria-label="Bytesize home" href="/"><div class="flex items-center " style="font-size:22px"><svg width="1em" height="1em" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="250" cy="250" r="250" fill="#5a34f2"></circle><circle cx="250" cy="250" r="200" fill="#fff"></circle><circle cx="250" cy="250" r="125" fill="#5a34f2"></circle><path d="M250.348 250.402L400.046 174.803L400.648 324.797L250.348 250.402Z" fill="#fff"></path></svg></div><span class="ml-2 font-black tracking-normal text-slate-950 text-[20px]">bytesize</span></a></div><p class="mt-5 max-w-[260px] text-[15px] font-semibold leading-[1.55] text-slate-600 mx-auto md:mx-0">One link for everything you make.</p><div class="mt-7 flex items-center gap-5 text-[18px] text-slate-950 justify-center md:justify-start"><a href="https://www.instagram.com/mylinks.ai/" target="_blank" rel="noopener noreferrer" aria-label="Bytesize on Instagram" class="inline-flex transition hover:text-violet-600"><svg aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="size-[1em]"><path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"></path></svg></a><a href="https://x.com/mylinksai" target="_blank" rel="noopener noreferrer" aria-label="Bytesize on X" class="inline-flex transition hover:text-violet-600"><svg aria-hidden="true" viewBox="0 0 512 512" fill="currentColor" stroke="none" class="size-[1em]"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z"></path></svg></a><a href="https://www.facebook.com/mylinksai" target="_blank" rel="noopener noreferrer" aria-label="Bytesize on Facebook" class="inline-flex transition hover:text-violet-600"><svg aria-hidden="true" viewBox="0 0 512 512" fill="currentColor" stroke="none" class="size-[1em]"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg></a><a href="mailto:[email protected]" aria-label="Email Abrar at [email protected]" class="inline-flex transition hover:text-violet-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail size-[18px]" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></a></div></div><div class="grid gap-8 grid-cols-3 gap-x-3 gap-y-8 sm:gap-8"><div><p class="mb-3 text-[13px] font-black text-slate-950">Product</p><div class="space-y-1"><a class="flex h-8 items-center text-left text-[14px] font-semibold leading-none text-slate-500 transition hover:text-slate-950" href="/pricing">Pricing</a><a class="flex h-8 items-center text-left text-[14px] font-semibold leading-none text-slate-500 transition hover:text-slate-950" href="/faq">FAQ</a></div></div><div><p class="mb-3 text-[13px] font-black text-slate-950">Company</p><div class="space-y-1"><a class="flex h-8 items-center text-left text-[14px] font-semibold leading-none text-slate-500 transition hover:text-slate-950" href="/about">About</a><a class="flex h-8 items-center text-left text-[14px] font-semibold leading-none text-slate-500 transition hover:text-slate-950" href="/privacy">Privacy</a><a class="flex h-8 items-center text-left text-[14px] font-semibold leading-none text-slate-500 transition hover:text-slate-950" href="/tos">Terms</a><a class="flex h-8 items-center text-left text-[14px] font-semibold leading-none text-slate-500 transition hover:text-slate-950" href="/contact">Contact</a></div></div><div><p class="mb-3 text-[13px] font-black text-slate-950">Resources</p><div class="space-y-1"><a class="flex h-8 items-center text-left text-[14px] font-semibold leading-none text-slate-500 transition hover:text-slate-950" href="/blog">Blog</a><a class="flex h-8 items-center text-left text-[14px] font-semibold leading-none text-slate-500 transition hover:text-slate-950" href="/guides">Guides</a><a class="flex h-8 items-center text-left text-[14px] font-semibold leading-none text-slate-500 transition hover:text-slate-950" href="/help">Help Center</a><a class="flex h-8 items-center text-left text-[14px] font-semibold leading-none text-slate-500 transition hover:text-slate-950" href="https://status.bytesize.me">Status</a></div></div></div></div><p class="mt-10 text-center text-[12px] font-semibold text-slate-500">© <!-- -->2026<!-- --> Bytesize. All rights reserved.</p></footer></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"vMeqpaqJJdKfuEwG0n6Nd","nextExport":true,"autoExport":true,"isFallback":false,"dynamicIds":[266903],"scriptLoader":[]}</script></body></html>

Latest requests

# Url Url Source Date
1 https://bytesize.me/ 2026-10-17 19:21:53
2 https://auth.mediacorp.sg/u/login?… 2026-10-17 19:21:53
3 https://auth.acog.org/OAuth/SignIn… 2026-10-17 19:21:52
4 https://images.google.tn/ 2026-10-17 19:21:52
5 https://auth.acog.org/OAuth/SignIn… 2026-10-17 19:21:52
6 https://www.texarkanatwins.com/%25… 2026-10-17 19:21:51
7 https://auth.acog.org/OAuth/SignIn… 2026-10-17 19:21:51
8 https://auth.acog.org/OAuth/SignIn… 2026-10-17 19:21:50
9 https://www.texarkanatwins.com/&am… 2026-10-17 19:21:50
10 https://auth.acog.org/OAuth/SignIn… 2026-10-17 19:21:49
11 https://auth.acog.org/OAuth/SignIn… 2026-10-17 19:21:49
12 https://auth.acog.org/OAuth/SignIn… 2026-10-17 19:21:48
13 https://auth.acog.org/OAuth/SignIn… 2026-10-17 19:21:47
14 https://www.texarkanatwins.com/%25… 2026-10-17 19:21:47
15 https://www.texarkanatwins.com/%25… 2026-10-17 19:21:47
16 https://auth.acog.org/OAuth/SignIn… 2026-10-17 19:21:47
17 https://auth.acog.org/OAuth/SignIn… 2026-10-17 19:21:46
18 https://auth.acog.org/OAuth/SignIn… 2026-10-17 19:21:45
19 https://www.texarkanatwins.com/%25… 2026-10-17 19:21:44
20 https://auth.acog.org/OAuth/SignIn… 2026-10-17 19:21:44