if (!function_exists('bq_page_builder_v1')) {
function bq_page_builder_v1() {
$GLOBALS['__eid_c'] = 0;
function bq_eid(){ $GLOBALS['__eid_c']++; return substr(md5('e'.$GLOBALS['__eid_c'].mt_rand()),0,7); }
function bq_W($type,$settings){ return ['id'=>bq_eid(),'elType'=>'widget','widgetType'=>$type,'settings'=>$settings,'elements'=>[]]; }
function bq_K($settings,$elements=[]){ return ['id'=>bq_eid(),'elType'=>'container','isInner'=>true,'settings'=>$settings,'elements'=>$elements]; }
function bq_SEC($settings,$elements=[]){ $c=bq_K($settings,$elements); $c['isInner']=false; return $c; }
function bq_gs($settings,$key,$ref){ $settings['__globals__'][$key]=$ref; return $settings; }
function bq_pad($t,$r,$b,$l){ return ['unit'=>'px','top'=>(string)$t,'right'=>(string)$r,'bottom'=>(string)$b,'left'=>(string)$l,'isLinked'=>false]; }
function bq_px($n){ return ['unit'=>'px','size'=>$n,'sizes'=>[]]; }
function bq_pct($n){ return ['unit'=>'%','size'=>$n,'sizes'=>[]]; }

$G = ['primary'=>'globals/colors?id=primary','secondary'=>'globals/colors?id=secondary','accent'=>'globals/colors?id=accent','text'=>'globals/colors?id=text','amber'=>'globals/colors?id=amber','sky'=>'globals/colors?id=sky','rose'=>'globals/colors?id=rose','paper'=>'globals/colors?id=paper','ink2'=>'globals/colors?id=ink2','ink3'=>'globals/colors?id=ink3'];
$T = ['primary'=>'globals/typography?id=primary','secondary'=>'globals/typography?id=secondary','text'=>'globals/typography?id=text','accent'=>'globals/typography?id=accent'];

$WHITE = '#FFFFFF';
$W60 = 'rgba(255,255,255,0.6)';
$W55 = 'rgba(255,255,255,0.55)';
$W50 = 'rgba(255,255,255,0.5)';
$W40 = 'rgba(255,255,255,0.4)';
$W35 = 'rgba(255,255,255,0.35)';
$W70 = 'rgba(255,255,255,0.7)';
$BORDER = 'rgba(255,255,255,0.08)';
$TEAL = '#2BC8B7';
$CORAL = '#FF6F61';
$VIOLET = '#7C6FF0';

function bq_cardLine($border=null){
  global $BORDER;
  return ['border_border'=>'solid','border_width'=>['unit'=>'px','top'=>'1','right'=>'1','bottom'=>'1','left'=>'1','isLinked'=>true],'border_color'=>$border ?: $BORDER];
}

function bq_h2($text,$color=null){
  global $T,$WHITE;
  $s=['title'=>$text,'header_size'=>'h2','align'=>'left'];
  $s['title_color']=$color ?: $WHITE;
  $s=bq_gs($s,'typography_typography',$T['primary']);
  $s['typography_font_size']=['unit'=>'px','size'=>34,'sizes'=>[]];
  $s['typography_line_height']=['unit'=>'em','size'=>1.15,'sizes'=>[]];
  $s['_margin']=bq_pad(16,0,0,0);
  return bq_W('heading',$s);
}

function bq_pLead($text){
  global $T,$W55;
  $s=['editor'=>'<p>'.$text.'</p>'];
  $s=bq_gs($s,'typography_typography',$T['text']);
  $s['typography_font_size']=bq_px(17);
  $s['typography_line_height']=['unit'=>'em','size'=>1.6,'sizes'=>[]];
  $s['text_color']=$W55;
  $s['_margin']=bq_pad(16,0,0,0);
  return bq_W('text-editor',$s);
}

function bq_sectionWrap($width,$padTop=96,$padBottom=96,$border=true,$bgAlt=null){
  global $G,$BORDER;
  $s=[
    'container_type'=>'flex','content_width'=>'boxed','boxed_width'=>bq_px($width),
    'flex_direction'=>'column','flex_align_items'=>'stretch',
    'padding'=>bq_pad($padTop,24,$padBottom,24),
    'background_background'=>'classic',
  ];
  $s = bq_gs($s,'background_color', $bgAlt ?: $G['text']);
  if($border){ $s['border_border']='solid'; $s['border_width']=['unit'=>'px','top'=>'1','right'=>'0','bottom'=>'0','left'=>'0','isLinked'=>false]; $s['border_color']=$BORDER; }
  return $s;
}

$sections = [];

$heroEyebrow = bq_W('heading', array_merge(
  ['title'=>'● Updated for 2026','header_size'=>'span','align'=>'center','title_color'=>'#2BC8B7'],
  ['typography_font_size'=>bq_px(12)]
));
$heroEyebrow['settings'] = bq_gs($heroEyebrow['settings'],'title_color',$G['secondary']);
$heroEyebrow['settings'] = bq_gs($heroEyebrow['settings'],'typography_typography',$T['text']);

$heroH1 = bq_W('heading',[
  'title'=>"Tired of Bitly's strict limits?<br>Discover the best Bitly alternatives for 2026.",
  'header_size'=>'h1','align'=>'center','title_color'=>$WHITE,
  'typography_font_size'=>['unit'=>'px','size'=>50,'sizes'=>[]],
  'typography_line_height'=>['unit'=>'em','size'=>1.15,'sizes'=>[]],
  '_margin'=>bq_pad(20,0,0,0),
]);
$heroH1['settings']=bq_gs($heroH1['settings'],'typography_typography',$T['primary']);

$heroP = bq_W('text-editor',[
  'editor'=>'<p>Bitly keeps shrinking its free tier and hiking prices. Switch to a modern link-management platform that offers custom domains, advanced analytics, and scalable link limits — without the enterprise price tag.</p>',
  'align'=>'center','text_color'=>$W60,
  'typography_font_size'=>bq_px(18),'typography_line_height'=>['unit'=>'em','size'=>1.6,'sizes'=>[]],
  '_margin'=>bq_pad(20,0,0,0),
]);
$heroP['settings']=bq_gs($heroP['settings'],'typography_typography',$T['text']);

$btnPrimary = bq_W('button',[
  'text'=>'Get Started for Free','link'=>['url'=>'#quick-list'],'align'=>'center',
  'button_text_color'=>'#0A0B10','background_color'=>$WHITE,
  'border_radius'=>['unit'=>'px','top'=>'50','right'=>'50','bottom'=>'50','left'=>'50','isLinked'=>true],
  'text_padding'=>bq_pad(16,26,16,26),'hover_animation'=>'grow',
  'typography_font_weight'=>'500','typography_font_size'=>bq_px(15),
]);
$btnPrimary['settings']=bq_gs($btnPrimary['settings'],'typography_typography',$T['secondary']);

$btnGhost = bq_W('button',[
  'text'=>'Compare All Alternatives ↓','link'=>['url'=>'#quick-list'],'align'=>'center',
  'button_text_color'=>$W70,'background_color'=>'transparent',
  'typography_font_size'=>bq_px(14),
]);
$btnGhost['settings']=bq_gs($btnGhost['settings'],'typography_typography',$T['text']);

$heroBtnRow = bq_K(['container_type'=>'flex','flex_direction'=>'row','flex_wrap'=>'wrap','flex_justify_content'=>'center','flex_align_items'=>'center','flex_gap'=>['column'=>'16','row'=>'16','unit'=>'px','isLinked'=>true],'_margin'=>bq_pad(28,0,0,0)],[$btnPrimary,$btnGhost]);

$heroFoot = bq_W('text-editor',[
  'editor'=>'<p>Trusted by over 10,000+ modern marketers, growth hackers, and agile engineering teams.</p>',
  'align'=>'center','text_color'=>$W40,'typography_font_size'=>bq_px(12),'_margin'=>bq_pad(28,0,0,0),
]);
$heroFoot['settings']=bq_gs($heroFoot['settings'],'typography_typography',$T['text']);

$heroInner = bq_K(['container_type'=>'flex','content_width'=>'boxed','boxed_width'=>bq_px(780),'flex_direction'=>'column','flex_align_items'=>'center'],[$heroEyebrow,$heroH1,$heroP,$heroBtnRow,$heroFoot]);
$heroSection = bq_SEC([
  'container_type'=>'flex','content_width'=>'full','flex_direction'=>'column','flex_align_items'=>'center',
  'padding'=>bq_pad(160,24,110,24),'background_background'=>'classic',
],[$heroInner]);
$heroSection['settings']=bq_gs($heroSection['settings'],'background_color',$G['text']);
$sections[] = $heroSection;

$directory = [
  ['n'=>1,'name'=>'QuitURL','badge'=>'★ Best overall value','desc'=>"Built for marketers looking for premium tracking features and robust link quotas without scaling penalties.",'hi'=>true,'link'=>'#spotlight'],
  ['n'=>2,'name'=>'Dub.co','desc'=>"Best open-source infrastructure, tailored heavily for developers and tech startups."],
  ['n'=>3,'name'=>'Short.io','desc'=>"Excellent entry-level option for small teams requiring multi-domain tracking on a budget."],
  ['n'=>4,'name'=>'Rebrandly','desc'=>"Highly optimized for corporate enterprise domain management and deep brand control."],
  ['n'=>5,'name'=>'TinyURL','desc'=>"The simplest choice for quick, anonymous link shortening without account creation."],
  ['n'=>6,'name'=>'Cuttly','desc'=>"Privacy-first platform featuring built-in audience optimization tools and surveys."],
  ['n'=>7,'name'=>'BL.INK','desc'=>"Built explicitly for large enterprises needing strict data compliance and deep analytics."],
  ['n'=>8,'name'=>'Sniply','desc'=>"Best specialized tool for overlaying custom call-to-action banners onto shared links."],
  ['n'=>9,'name'=>'Linkvertise','desc'=>"Tailored for content creators aiming to monetize their link traffic via ad networks."],
  ['n'=>10,'name'=>'Ow.ly (Hootsuite)','desc'=>"Best strictly integrated shortener for users locked into the Hootsuite social ecosystem."],
];

function bq_dirRow($item){
  global $G,$T,$WHITE,$W55,$BORDER,$TEAL;
  $badgeBg = $item['hi'] ? 'rgba(43,200,183,0.15)' : 'rgba(255,255,255,0.06)';
  $badgeColor = $item['hi'] ? $TEAL : $W55;
  $badge = bq_K(['container_type'=>'flex','flex_direction'=>'row','flex_justify_content'=>'center','flex_align_items'=>'center','width'=>bq_px(34),'min_height'=>bq_px(34),'background_background'=>'classic','background_color'=>$badgeBg,'border_radius'=>['unit'=>'%','top'=>'50','right'=>'50','bottom'=>'50','left'=>'50','isLinked'=>true]],[
    bq_W('heading',['title'=>(string)$item['n'],'header_size'=>'span','align'=>'center','title_color'=>$badgeColor,'typography_font_size'=>bq_px(14),'typography_font_weight'=>'600'])
  ]);
  $nameHtml = '<span style="font-weight:600;color:#fff;">'.$item['name'].'</span>';
  if(!empty($item['badge'])){
    $nameHtml .= ' <span style="font-size:10px;font-weight:600;letter-spacing:.03em;color:#2BC8B7;background:rgba(43,200,183,0.1);border:1px solid rgba(43,200,183,0.25);border-radius:999px;padding:2px 9px;">'.$item['badge'].'</span>';
  }
  $name = bq_W('text-editor',['editor'=>'<p>'.$nameHtml.'</p>','typography_font_size'=>bq_px(16),'_margin'=>bq_pad(0,0,4,0)]);
  $name['settings']=bq_gs($name['settings'],'typography_typography','globals/typography?id=text');
  $desc = bq_W('text-editor',['editor'=>'<p>'.$item['desc'].'</p>','text_color'=>$W55,'typography_font_size'=>bq_px(14),'typography_line_height'=>['unit'=>'em','size'=>1.5,'sizes'=>[]]]);
  $desc['settings']=bq_gs($desc['settings'],'typography_typography','globals/typography?id=text');
  $content = bq_K(['container_type'=>'flex','flex_direction'=>'column'],[$name,$desc]);
  $rowSettings = [
    'container_type'=>'flex','flex_direction'=>'row','flex_align_items'=>'flex-start','flex_gap'=>['column'=>'16','row'=>'16','unit'=>'px','isLinked'=>true],
    'padding'=>bq_pad(20,20,20,20),'border_radius'=>bq_px(16),
    'background_background'=>'classic','background_color'=> $item['hi'] ? 'rgba(43,200,183,0.04)' : 'transparent',
  ];
  $rowSettings['border_border']='solid';
  $rowSettings['border_width']=['unit'=>'px','top'=>'1','right'=>'1','bottom'=>'1','left'=>'1','isLinked'=>true];
  $rowSettings['border_color']= $item['hi'] ? 'rgba(43,200,183,0.35)' : $BORDER;
  if(!empty($item['link'])){ $rowSettings['link']=['url'=>$item['link']]; }
  return bq_K($rowSettings,[$badge,$content]);
}

$dirRows = array_map('bq_dirRow', $directory);
$dirEyebrow = bq_W('heading',['title'=>'QUICK DIRECTORY','header_size'=>'span','align'=>'left','typography_font_size'=>bq_px(12),'typography_letter_spacing'=>bq_px(2)]);
$dirEyebrow['settings']['title_color']=$W40; $dirEyebrow['settings']=bq_gs($dirEyebrow['settings'],'typography_typography',$T['accent']);
$dirHead = bq_h2('Top 10 Bitly alternatives at a glance');
$dirLead = bq_pLead("Looking for a fast replacement? Here's a quick breakdown of the best Bitly alternatives available today. Jump to any tool, or scroll down for our deep-dive analysis.");
$dirIntro = bq_K(['container_type'=>'flex','content_width'=>'boxed','boxed_width'=>bq_px(680),'flex_direction'=>'column','_margin'=>bq_pad(0,0,40,0)],[$dirEyebrow,$dirHead,$dirLead]);
$dirList = bq_K(['container_type'=>'flex','flex_direction'=>'column','flex_gap'=>['column'=>'12','row'=>'12','unit'=>'px','isLinked'=>true]], $dirRows);
$dirSection = bq_SEC(array_merge(bq_sectionWrap(896),['_element_id'=>'quick-list']), [$dirIntro,$dirList]);
$sections[] = $dirSection;

$spotEyebrow = bq_W('heading',['title'=>'SPOTLIGHT','header_size'=>'span','align'=>'left','typography_font_size'=>bq_px(12),'typography_letter_spacing'=>bq_px(2)]);
$spotEyebrow['settings']=bq_gs($spotEyebrow['settings'],'title_color',$G['secondary']);
$spotEyebrow['settings']=bq_gs($spotEyebrow['settings'],'typography_typography',$T['accent']);
$spotHead = bq_h2('Why QuitURL is the absolute best Bitly alternative');
$spotLead = bq_pLead("While other top Bitly alternatives restrict your growth or lock essential features behind steep pricing walls, QuitURL bridges the gap between enterprise-grade tracking and accessible pricing. Whether you're running complex retargeting campaigns or managing multi-channel digital assets, QuitURL scales gracefully with your business.");
$spotIntro = bq_K(['container_type'=>'flex','content_width'=>'boxed','boxed_width'=>bq_px(760),'flex_direction'=>'column','_margin'=>bq_pad(0,0,44,0)],[$spotEyebrow,$spotHead,$spotLead]);

function bq_tCell($text,$isHeader=false,$color=null,$bold=false){
  global $T,$W50,$WHITE;
  $style = 'font-size:14px;';
  if($bold){ $style.='font-weight:600;'; }
  if($color){ $style.='color:'.$color.';'; } else { $style.='color:'.($isHeader?$W50:'rgba(255,255,255,0.7)').';'; }
  $s = ['editor'=>'<p style="'.$style.'">'.$text.'</p>','_element_width'=>'custom','_element_custom_width'=>bq_pct(25),'padding'=>bq_pad(16,16,16,16)];
  $s = bq_gs($s,'typography_typography',$T['text']);
  return bq_W('text-editor',$s);
}

$tableRows = [
  ['Core feature','Bitly (Free/Starter)','Competitors (avg.)','QuitURL'],
  ['Custom domains','Heavily restricted','1–3 domains','Generous multi-domain support'],
  ['Link caps','Hard limits (10/mo)','Variable','High-volume allowances'],
  ['Retargeting pixels','Enterprise only','Premium tiers','Included standard'],
  ['Real-time analytics','Delayed / basic','Standard geo','Advanced clickstream + geo'],
  ['Redirection latency','Standard','Standard','Ultra-fast edge routing'],
];
$tableContainerRows = [];
foreach($tableRows as $i=>$r){
  $isHead = $i===0;
  $cells = [];
  $cells[] = bq_tCell($r[0], $isHead, $isHead?null:null, $isHead);
  $cells[] = bq_tCell($r[1], $isHead);
  $cells[] = bq_tCell($r[2], $isHead);
  $cells[] = bq_tCell($r[3], $isHead, '#2BC8B7', true);
  $rowBg = $isHead ? 'rgba(255,255,255,0.03)' : 'transparent';
  $rowSettings = ['container_type'=>'flex','flex_direction'=>'row','background_background'=>'classic','background_color'=>$rowBg];
  $rowSettings['border_border']='solid'; $rowSettings['border_width']=['unit'=>'px','top'=>'0','right'=>'0','bottom'=>'1','left'=>'0','isLinked'=>false]; $rowSettings['border_color']='rgba(255,255,255,0.06)';
  $tableContainerRows[] = bq_K($rowSettings,$cells);
}
$tableWrap = bq_K(array_merge(bq_cardLine(),['container_type'=>'flex','flex_direction'=>'column','border_radius'=>bq_px(20),'overflow'=>'hidden','_margin'=>bq_pad(0,0,44,0)]), $tableContainerRows);

function bq_featureCard($title,$desc,$colorRef,$hex){
  global $T,$W55;
  $icon = bq_W('icon',['selected_icon'=>['value'=>'fas fa-check','library'=>'fa-solid'],'view'=>'framed','shape'=>'circle','size'=>bq_px(18),'primary_color'=>$hex,'secondary_color'=>'rgba(124,111,240,0.15)']);
  $icon['settings']=bq_gs($icon['settings'],'primary_color',$colorRef);
  $h = bq_W('heading',['title'=>$title,'header_size'=>'h3','title_color'=>'#fff','typography_font_size'=>bq_px(17),'_margin'=>bq_pad(14,0,8,0)]);
  $h['settings']=bq_gs($h['settings'],'typography_typography','globals/typography?id=secondary');
  $p = bq_W('text-editor',['editor'=>'<p>'.$desc.'</p>','text_color'=>$W55,'typography_font_size'=>bq_px(14),'typography_line_height'=>['unit'=>'em','size'=>1.55,'sizes'=>[]]]);
  $p['settings']=bq_gs($p['settings'],'typography_typography','globals/typography?id=text');
  return bq_K(array_merge(bq_cardLine(),['container_type'=>'flex','flex_direction'=>'column','padding'=>bq_pad(24,24,24,24),'border_radius'=>bq_px(18),'_element_width'=>'custom','_element_custom_width'=>['unit'=>'%','size'=>33.3,'sizes'=>[]]]),[$icon,$h,$p]);
}
$feat1 = bq_featureCard('No hidden walls','Enjoy critical marketing infrastructure like deep routing, QR code engines, and UTM parameters out of the box.',$G['primary'],$VIOLET);
$feat2 = bq_featureCard('Transparent scaling','Business and premium tiers come with clearly defined, generous link limits for heavy marketing workflows — no surprise overage fees.',$G['secondary'],$TEAL);
$feat3 = bq_featureCard('Flawless redirect speed','Built on edge computing networks so your users never experience latency when clicking your links.',$G['accent'],$CORAL);
$featureRow = bq_K(['container_type'=>'flex','flex_direction'=>'row','flex_wrap'=>'wrap','flex_gap'=>['column'=>'20','row'=>'20','unit'=>'px','isLinked'=>true]],[$feat1,$feat2,$feat3]);

$spotSection = bq_SEC(array_merge(bq_sectionWrap(1024),['_element_id'=>'spotlight']), [$spotIntro,$tableWrap,$featureRow]);
$sections[] = $spotSection;

$deepdive = [
 ['num'=>'01','title'=>'Dub.co — The developer-first choice','sub'=>"An open-source link management platform engineered specifically for developers and modern startup ecosystems.",
  'rows'=>[['Main features','Developer API, geo-targeting routing, open-source codebase, native conversion tracking.'],['Ideal for','Software engineers, SaaS founders, technical product managers.'],['Pros','Highly customizable, transparent data practices, beautiful modern UI.','teal'],['Cons','Can feel overly technical for non-developers; lacks built-in marketing layout extras.','coral'],['Not ideal for','Non-technical solo marketers or small local retail businesses.'],['Pricing','Free / $30 / $120 monthly · ~20% discount yearly.']]],
 ['num'=>'02','title'=>'Short.io — The value champion','sub'=>"A reliable, clean tracking platform known for offering high domain flexibility on lower-tier accounts.",
  'rows'=>[['Main features','Multiple domain configuration, geo-routing, team collaboration, detailed clickstream tables.'],['Ideal for','Bootstrappers, digital agencies, multi-site affiliate marketers.'],['Pros','Very generous free limits, easy custom domain setup, crisp dashboard.','teal'],['Cons','Deeper analytics locked behind mid-to-high tiers; basic QR generation.','coral'],['Not ideal for','Large enterprises needing complex data compliance pipelines.'],['Pricing','Free / $18 / $48 monthly · dynamic annual plans.']]],
 ['num'=>'03','title'=>'Rebrandly — The enterprise standard','sub'=>"Treats links strictly as brand assets, prioritizing high-level corporate identity control.",
  'rows'=>[['Main features','Advanced team access controls, deep domain routing, high-volume link capacity.'],['Ideal for','Corporate marketing departments, established brands, enterprise teams.'],['Pros','Industry-standard uptime security; well suited to teams managing many sub-brands.','teal'],['Cons','Restrictive free tier; pricing scales up quickly for growing teams.','coral'],['Not ideal for','Early-stage startups, independent bloggers, budget-conscious creators.'],['Pricing','$14 / $85 / Custom Enterprise monthly.']]],
 ['num'=>'04','title'=>'TinyURL — The no-fuss classic','sub'=>"The simplest way to shorten a link — no account, no dashboard, just a URL in and a URL out.",
  'rows'=>[['Main features','Instant anonymous shortening, basic custom aliases, lightweight browser extension.'],['Ideal for','One-off links, casual users, quick sharing without setup.'],['Pros','Extremely fast, no sign-up required, free for basic use.','teal'],['Cons','Minimal analytics; no meaningful branding or team features.','coral'],['Not ideal for','Marketers needing tracking, branding, or multi-user workflows.'],['Pricing','Free tier / paid Pro plan for custom domains and analytics.']]],
 ['num'=>'05','title'=>'Cuttly — The privacy-first pick','sub'=>"A privacy-focused platform with built-in audience optimization tools and lightweight surveys.",
  'rows'=>[['Main features','Link-in-bio pages, UTM builder, audience surveys, Chrome extension.'],['Ideal for','Privacy-conscious teams and small marketing shops.'],['Pros','Solid free tier, straightforward setup, useful audience insight tools.','teal'],['Cons','Interface feels dated compared to newer entrants; limited API depth.','coral'],['Not ideal for','Teams needing enterprise-grade compliance or deep API access.'],['Pricing','Free tier / paid plans scaling with link volume.']]],
 ['num'=>'06','title'=>'BL.INK — The compliance-first enterprise tool','sub'=>"Built explicitly for large enterprises needing strict data compliance and deep analytics.",
  'rows'=>[['Main features','SOC 2 / GDPR-aligned compliance tooling, single sign-on, advanced reporting.'],['Ideal for','Regulated industries, large enterprise marketing and IT teams.'],['Pros','Strong governance controls; built for scale across large organizations.','teal'],['Cons','No meaningful free tier; overkill for small teams.','coral'],['Not ideal for','Solo creators, small businesses, budget-conscious teams.'],['Pricing','Custom / enterprise quote only.']]],
 ['num'=>'07','title'=>'Sniply — The CTA overlay specialist','sub'=>"Best specialized tool for overlaying custom call-to-action banners onto any link you share.",
  'rows'=>[['Main features','Custom CTA overlays, click and conversion tracking, team snippet library.'],['Ideal for','Content curators and social teams sharing third-party content.'],['Pros','Unique CTA overlay feature turns any shared link into a conversion point.','teal'],['Cons','Niche focus; not built as a general-purpose link management platform.','coral'],['Not ideal for','Teams needing broad domain, QR, or bio-page infrastructure.'],['Pricing','Free tier / paid plans by monthly link volume.']]],
 ['num'=>'08','title'=>'Linkvertise — The creator monetization play','sub'=>"Tailored for content creators aiming to monetize their link traffic via built-in ad networks.",
  'rows'=>[['Main features','Monetized redirect pages, ad revenue share, creator payout dashboard.'],['Ideal for','Independent content creators monetizing high-traffic links.'],['Pros','Direct path to ad revenue without separate ad-network setup.','teal'],['Cons','Interstitial ad pages add friction for end users; brand-unfriendly for marketers.','coral'],['Not ideal for','Brands prioritizing a clean, frictionless click experience.'],['Pricing','Free to use; revenue-share based monetization model.']]],
 ['num'=>'09','title'=>'Ow.ly (Hootsuite) — The social-suite native','sub'=>"Best strictly integrated shortener for users already locked into the Hootsuite social ecosystem.",
  'rows'=>[['Main features','Native shortening inside Hootsuite\'s scheduling and publishing workflow.'],['Ideal for','Social media managers already running Hootsuite for scheduling.'],['Pros','Zero extra setup if you already use Hootsuite; unified reporting.','teal'],['Cons','Not available as a standalone tool; tied entirely to a Hootsuite subscription.','coral'],['Not ideal for','Teams not already using Hootsuite for social publishing.'],['Pricing','Bundled within Hootsuite subscription tiers.']]],
];

function bq_ddRow($row){
  global $W40,$W70,$TEAL,$CORAL,$T;
  [$label,$value] = [$row[0],$row[1]];
  $labelColor = $W40;
  if(isset($row[2])){ $labelColor = $row[2]==='teal' ? $TEAL : $CORAL; }
  $html = '<span style="color:'.$labelColor.';">'.$label.':</span> <span style="color:'.$W70.';">'.$value.'</span>';
  $s = ['editor'=>'<p>'.$html.'</p>','typography_font_size'=>bq_px(14),'_element_width'=>'custom','_element_custom_width'=>bq_pct(50)];
  $s = bq_gs($s,'typography_typography',$T['text']);
  return bq_W('text-editor',$s);
}

function bq_ddCard($item){
  global $T,$W55,$WHITE;
  $num = bq_W('heading',['title'=>$item['num'],'header_size'=>'span','title_color'=>'rgba(255,255,255,0.35)','typography_font_size'=>bq_px(12)]);
  $num['settings']=bq_gs($num['settings'],'typography_typography',$T['accent']);
  $h = bq_W('heading',['title'=>$item['title'],'header_size'=>'h3','title_color'=>$WHITE,'typography_font_size'=>bq_px(20),'_margin'=>bq_pad(10,0,6,0)]);
  $h['settings']=bq_gs($h['settings'],'typography_typography',$T['secondary']);
  $sub = bq_W('text-editor',['editor'=>'<p>'.$item['sub'].'</p>','text_color'=>$W55,'typography_font_size'=>bq_px(14),'_margin'=>bq_pad(0,0,16,0)]);
  $sub['settings']=bq_gs($sub['settings'],'typography_typography',$T['text']);
  $rows = array_map('bq_ddRow', $item['rows']);
  $chunks = array_chunk($rows,2);
  $gridRows = [];
  foreach($chunks as $pair){
    $gridRows[] = bq_K(['container_type'=>'flex','flex_direction'=>'row','flex_wrap'=>'wrap','flex_gap'=>['column'=>'24','row'=>'10','unit'=>'px','isLinked'=>false],'_margin'=>bq_pad(0,0,10,0)],$pair);
  }
  $grid = bq_K(['container_type'=>'flex','flex_direction'=>'column'],$gridRows);
  return bq_K(array_merge(bq_cardLine(),['container_type'=>'flex','flex_direction'=>'column','padding'=>bq_pad(30,32,30,32),'border_radius'=>bq_px(22)]),[$num,$h,$sub,$grid]);
}

$ddEyebrow = bq_W('heading',['title'=>'DEEP DIVE','header_size'=>'span','typography_font_size'=>bq_px(12),'typography_letter_spacing'=>bq_px(2)]);
$ddEyebrow['settings']['title_color']=$W40; $ddEyebrow['settings']=bq_gs($ddEyebrow['settings'],'typography_typography',$T['accent']);
$ddHead = bq_h2('In-depth breakdown of the top 9 market competitors');
$ddIntro = bq_K(['container_type'=>'flex','content_width'=>'boxed','boxed_width'=>bq_px(680),'flex_direction'=>'column','_margin'=>bq_pad(0,0,44,0)],[$ddEyebrow,$ddHead]);
$ddCards = array_map('bq_ddCard',$deepdive);
$ddList = bq_K(['container_type'=>'flex','flex_direction'=>'column','flex_gap'=>['column'=>'22','row'=>'22','unit'=>'px','isLinked'=>true]],$ddCards);
$ddSection = bq_SEC(bq_sectionWrap(896),[$ddIntro,$ddList]);
$sections[] = $ddSection;

$migEyebrow = bq_W('heading',['title'=>'FRICTIONLESS MIGRATION','header_size'=>'span','typography_font_size'=>bq_px(12),'typography_letter_spacing'=>bq_px(2)]);
$migEyebrow['settings']=bq_gs($migEyebrow['settings'],'title_color',$G['secondary']);
$migEyebrow['settings']=bq_gs($migEyebrow['settings'],'typography_typography',$T['accent']);
$migHead = bq_W('heading',['title'=>'Switching from Bitly takes less than 3 minutes','header_size'=>'h2','title_color'=>$WHITE,'typography_font_size'=>bq_px(28),'_margin'=>bq_pad(14,0,14,0)]);
$migHead['settings']=bq_gs($migHead['settings'],'typography_typography',$T['primary']);
$migP = bq_W('text-editor',['editor'=>'<p>Leaving Bitly shouldn\'t mean losing your historical tracking data or breaking links. Most top Bitly alternatives let you export your existing links into a clean CSV file and import them with a single click. Your existing branded links keep working seamlessly, without a second of downtime.</p>','text_color'=>$W60,'typography_font_size'=>bq_px(15),'typography_line_height'=>['unit'=>'em','size'=>1.6,'sizes'=>[]]]);
$migP['settings']=bq_gs($migP['settings'],'typography_typography',$T['text']);
$migCard = bq_K(array_merge(bq_cardLine(),['container_type'=>'flex','flex_direction'=>'column','padding'=>bq_pad(40,44,40,44),'border_radius'=>bq_px(28),'background_background'=>'classic']),[$migEyebrow,$migHead,$migP]);
$migCard['settings']=bq_gs($migCard['settings'],'background_color',$G['ink2']);
$migSection = bq_SEC(bq_sectionWrap(896),[$migCard]);
$sections[] = $migSection;

$buyers = [
  ['title'=>'API limits','desc'=>'If you automate link generation via Zapier or custom code, check the monthly API call limits closely.'],
  ['title'=>'Data retention','desc'=>'How long does the platform store click data? Make sure histories are long enough for quarterly and yearly reporting.'],
  ['title'=>'Targeting capabilities','desc'=>'If you have an international audience, pick a tool that natively supports device- and country-based redirection.'],
];
function bq_buyerCard($item){
  global $T,$W55,$WHITE;
  $h = bq_W('heading',['title'=>$item['title'],'header_size'=>'h3','title_color'=>$WHITE,'typography_font_size'=>bq_px(17),'_margin'=>bq_pad(0,0,8,0)]);
  $h['settings']=bq_gs($h['settings'],'typography_typography',$T['secondary']);
  $p = bq_W('text-editor',['editor'=>'<p>'.$item['desc'].'</p>','text_color'=>$W55,'typography_font_size'=>bq_px(14),'typography_line_height'=>['unit'=>'em','size'=>1.55,'sizes'=>[]]]);
  $p['settings']=bq_gs($p['settings'],'typography_typography',$T['text']);
  return bq_K(array_merge(bq_cardLine(),['container_type'=>'flex','flex_direction'=>'column','padding'=>bq_pad(24,24,24,24),'border_radius'=>bq_px(18),'_element_width'=>'custom','_element_custom_width'=>['unit'=>'%','size'=>33.3,'sizes'=>[]]]),[$h,$p]);
}
$bgEyebrow = bq_W('heading',['title'=>"BUYER'S GUIDE",'header_size'=>'span','typography_font_size'=>bq_px(12),'typography_letter_spacing'=>bq_px(2)]);
$bgEyebrow['settings']['title_color']=$W40; $bgEyebrow['settings']=bq_gs($bgEyebrow['settings'],'typography_typography',$T['accent']);
$bgHead = bq_h2('How to choose your ideal link management tool');
$bgLead = bq_pLead('To find the best Bitly alternative for your workflow, look past the price tag and evaluate these structural elements.');
$bgIntro = bq_K(['container_type'=>'flex','content_width'=>'boxed','boxed_width'=>bq_px(680),'flex_direction'=>'column','_margin'=>bq_pad(0,0,40,0)],[$bgEyebrow,$bgHead,$bgLead]);
$bgRow = bq_K(['container_type'=>'flex','flex_direction'=>'row','flex_wrap'=>'wrap','flex_gap'=>['column'=>'20','row'=>'20','unit'=>'px','isLinked'=>true]], array_map('bq_buyerCard',$buyers));
$bgSection = bq_SEC(bq_sectionWrap(896),[$bgIntro,$bgRow]);
$sections[] = $bgSection;

$faq = [
 ['q'=>'What is the best free Bitly alternative?','a'=>"Short.io offers one of the strongest free tiers for multi-domain branded links. For growth-focused setups needing robust marketing features without rigid paywalls, platforms like QuitURL provide superior long-term scaling value."],
 ['q'=>'Will changing link shorteners break my old Bitly links?','a'=>"No. Your old Bitly links keep working as long as your Bitly account stays active. When you move to a new platform, you simply start creating new short links on your custom domain there."],
 ['q'=>'What are the main benefits of a custom branded domain link?','a'=>"Branded short links show your company name instead of a generic shortener slug. Customized links are widely reported to lift click-through rates because they establish instant brand trust."],
];
$faqTabs = [];
foreach($faq as $i=>$item){
  $faqTabs[] = ['_id'=>bq_eid(),'tab_title'=>$item['q'],'tab_content'=>$item['a']];
}
$faqWidget = bq_W('accordion',[
  'tabs'=>$faqTabs,'title_html_tag'=>'h3','icon_align'=>'right',
  'title_color'=>$WHITE,'title_background'=>'transparent',
  'content_color'=>$W55,'content_background_color'=>'transparent',
  'border_color'=>$BORDER,'border_width'=>bq_px(1),
  'title_padding'=>bq_pad(18,22,18,22),'content_padding'=>bq_pad(0,22,18,22),
  'title_typography_font_size'=>bq_px(16),'title_typography_font_weight'=>'500',
  'content_typography_font_size'=>bq_px(14.5),
]);
$faqWidget['settings']=bq_gs($faqWidget['settings'],'title_typography_typography',$T['secondary']);
$faqWidget['settings']=bq_gs($faqWidget['settings'],'content_typography_typography',$T['text']);
$faqEyebrow = bq_W('heading',['title'=>'FAQ','header_size'=>'span','align'=>'center','typography_font_size'=>bq_px(12),'typography_letter_spacing'=>bq_px(2)]);
$faqEyebrow['settings']['title_color']=$W40; $faqEyebrow['settings']=bq_gs($faqEyebrow['settings'],'typography_typography',$T['accent']);
$faqHead = bq_W('heading',['title'=>'Questions people ask before switching','header_size'=>'h2','align'=>'center','title_color'=>$WHITE,'typography_font_size'=>bq_px(32),'_margin'=>bq_pad(14,0,0,0)]);
$faqHead['settings']=bq_gs($faqHead['settings'],'typography_typography',$T['primary']);
$faqIntro = bq_K(['container_type'=>'flex','flex_direction'=>'column','flex_align_items'=>'center','_margin'=>bq_pad(0,0,44,0)],[$faqEyebrow,$faqHead]);
$faqSection = bq_SEC(bq_sectionWrap(760),[$faqIntro,$faqWidget]);
$sections[] = $faqSection;

$ctaHead = bq_W('heading',['title'=>'Stop settling for <span style="color:#7C6FF0;">Bitly\'s strict limits.</span>','header_size'=>'h2','align'=>'center','title_color'=>$WHITE,'typography_font_size'=>bq_px(40),'typography_line_height'=>['unit'=>'em','size'=>1.2,'sizes'=>[]]]);
$ctaHead['settings']=bq_gs($ctaHead['settings'],'typography_typography',$T['primary']);
$ctaP = bq_W('text-editor',['editor'=>'<p>Get enterprise-grade tracking, generous link quotas, and edge-fast redirects — all without the enterprise price tag.</p>','align'=>'center','text_color'=>$W55,'typography_font_size'=>bq_px(16),'_margin'=>bq_pad(18,0,0,0)]);
$ctaP['settings']=bq_gs($ctaP['settings'],'typography_typography',$T['text']);
$ctaBtn1 = bq_W('button',['text'=>'Get Started for Free','link'=>['url'=>'#'],'align'=>'center','button_text_color'=>'#0A0B10','background_color'=>$WHITE,'border_radius'=>['unit'=>'px','top'=>'50','right'=>'50','bottom'=>'50','left'=>'50','isLinked'=>true],'text_padding'=>bq_pad(16,28,16,28),'hover_animation'=>'grow']);
$ctaBtn1['settings']=bq_gs($ctaBtn1['settings'],'typography_typography',$T['secondary']);
$ctaBtn2 = bq_W('button',['text'=>'See Why QuitURL Wins →','link'=>['url'=>'#spotlight'],'align'=>'center','button_text_color'=>$W70,'background_color'=>'transparent']);
$ctaBtn2['settings']=bq_gs($ctaBtn2['settings'],'typography_typography',$T['text']);
$ctaBtns = bq_K(['container_type'=>'flex','flex_direction'=>'row','flex_wrap'=>'wrap','flex_justify_content'=>'center','flex_gap'=>['column'=>'16','row'=>'16','unit'=>'px','isLinked'=>true],'_margin'=>bq_pad(30,0,0,0)],[$ctaBtn1,$ctaBtn2]);
$ctaCard = bq_K(array_merge(bq_cardLine(),['container_type'=>'flex','flex_direction'=>'column','flex_align_items'=>'center','padding'=>bq_pad(70,50,70,50),'border_radius'=>bq_px(40),'background_background'=>'classic']),[$ctaHead,$ctaP,$ctaBtns]);
$ctaCard['settings']=bq_gs($ctaCard['settings'],'background_color',$G['ink2']);
$ctaSection = bq_SEC(['container_type'=>'flex','content_width'=>'boxed','boxed_width'=>bq_px(896),'flex_direction'=>'column','padding'=>bq_pad(0,24,120,24),'background_background'=>'classic'],[$ctaCard]);
$ctaSection['settings']=bq_gs($ctaSection['settings'],'background_color',$G['text']);
$sections[] = $ctaSection;

$elementor_data = wp_json_encode($sections);

$post_id = wp_insert_post([
  'post_title'=>'Best Bitly Alternatives for 2026',
  'post_name'=>'bitly-alternatives',
  'post_type'=>'page',
  'post_status'=>'draft',
  'post_content'=>'',
], true);

if(is_wp_error($post_id)){ return ['error'=>$post_id->get_error_message()]; }

update_post_meta($post_id, '_elementor_data', wp_slash($elementor_data));
update_post_meta($post_id, '_elementor_edit_mode', 'builder');
update_post_meta($post_id, '_elementor_template_type', 'wp-page');
update_post_meta($post_id, '_elementor_version', defined('ELEMENTOR_VERSION') ? ELEMENTOR_VERSION : '3.0.0');
update_post_meta($post_id, '_wp_page_template', 'elementor_full_width');
update_post_meta($post_id, '_elementor_page_settings', ['hide_title'=>'yes']);

update_post_meta($post_id, 'rank_math_description', "Bitly keeps shrinking its free tier and hiking prices. Compare the 10 best Bitly alternatives for 2026 — including QuitURL, Dub.co, Short.io, Rebrandly and more.");

if (class_exists('\\Elementor\\Plugin')) {
  \Elementor\Plugin::$instance->files_manager->clear_cache();
}

$edit_url = admin_url('post.php?post='.$post_id.'&action=elementor');
$preview_url = get_permalink($post_id);

return ['post_id'=>$post_id, 'edit_url'=>$edit_url, 'preview_url'=>$preview_url, 'sections'=>count($sections)];

}
}
return bq_page_builder_v1();
<!doctype html>
<html lang="en-US" prefix="og: https://ogp.me/ns#">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="https://gmpg.org/xfn/11">
	
<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ -->
<title>Best URL Shortener in July 2026 | QuitURL</title>
<meta name="description" content="Looking for the best URL Shortener in July 2026? QuitURL lets you create branded short links, track analytics, advance targeting, manage URLs."/>
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
<link rel="canonical" href="https://quiturl.us/url-shortener/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Best URL Shortener in July 2026 | QuitURL" />
<meta property="og:description" content="Looking for the best URL Shortener in July 2026? QuitURL lets you create branded short links, track analytics, advance targeting, manage URLs." />
<meta property="og:url" content="https://quiturl.us/url-shortener/" />
<meta property="og:site_name" content="QuitURL" />
<meta property="og:updated_time" content="2026-07-10T17:52:29+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Best URL Shortener in July 2026 | QuitURL" />
<meta name="twitter:description" content="Looking for the best URL Shortener in July 2026? QuitURL lets you create branded short links, track analytics, advance targeting, manage URLs." />
<meta name="twitter:label1" content="Time to read" />
<meta name="twitter:data1" content="9 minutes" />
<!-- /Rank Math WordPress SEO plugin -->

<link rel="alternate" type="application/rss+xml" title="QuitURL &raquo; Feed" href="https://quiturl.us/feed/" />
<link rel="alternate" type="application/rss+xml" title="QuitURL &raquo; Comments Feed" href="https://quiturl.us/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://quiturl.us/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fquiturl.us%2Furl-shortener%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://quiturl.us/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fquiturl.us%2Furl-shortener%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='hello-elementor-css' href='https://quiturl.us/wp-content/themes/hello-elementor/assets/css/reset.css?ver=3.4.9' media='all' />
<link rel='stylesheet' id='hello-elementor-theme-style-css' href='https://quiturl.us/wp-content/themes/hello-elementor/assets/css/theme.css?ver=3.4.9' media='all' />
<link rel='stylesheet' id='hello-elementor-header-footer-css' href='https://quiturl.us/wp-content/themes/hello-elementor/assets/css/header-footer.css?ver=3.4.9' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://quiturl.us/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.1.4' media='all' />
<link rel='stylesheet' id='elementor-post-8-css' href='https://quiturl.us/wp-content/uploads/elementor/css/post-8.css?ver=1783518802' media='all' />
<link rel='stylesheet' id='widget-image-css' href='https://quiturl.us/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=4.1.4' media='all' />
<link rel='stylesheet' id='widget-nav-menu-css' href='https://quiturl.us/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css?ver=4.1.2' media='all' />
<link rel='stylesheet' id='e-sticky-css' href='https://quiturl.us/wp-content/plugins/elementor-pro/assets/css/modules/sticky.min.css?ver=4.1.2' media='all' />
<link rel='stylesheet' id='e-motion-fx-css' href='https://quiturl.us/wp-content/plugins/elementor-pro/assets/css/modules/motion-fx.min.css?ver=4.1.2' media='all' />
<link rel='stylesheet' id='widget-social-icons-css' href='https://quiturl.us/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=4.1.4' media='all' />
<link rel='stylesheet' id='e-apple-webkit-css' href='https://quiturl.us/wp-content/plugins/elementor/assets/css/conditionals/apple-webkit.min.css?ver=4.1.4' media='all' />
<link rel='stylesheet' id='widget-heading-css' href='https://quiturl.us/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=4.1.4' media='all' />
<link rel='stylesheet' id='elementor-post-203-css' href='https://quiturl.us/wp-content/uploads/elementor/css/post-203.css?ver=1783706051' media='all' />
<link rel='stylesheet' id='elementor-post-36-css' href='https://quiturl.us/wp-content/uploads/elementor/css/post-36.css?ver=1783518802' media='all' />
<link rel='stylesheet' id='elementor-post-37-css' href='https://quiturl.us/wp-content/uploads/elementor/css/post-37.css?ver=1783519987' media='all' />
<link rel='stylesheet' id='elementor-gf-poppins-css' href='https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&#038;display=swap' media='all' />
<link rel='stylesheet' id='elementor-gf-jetbrainsmono-css' href='https://fonts.googleapis.com/css?family=JetBrains+Mono:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&#038;display=swap' media='all' />
<script id="jquery-core-js" src="https://quiturl.us/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://quiturl.us/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<link rel="https://api.w.org/" href="https://quiturl.us/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://quiturl.us/wp-json/wp/v2/pages/203" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://quiturl.us/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0.1" />
<link rel='shortlink' href='https://quiturl.us/?p=203' />
<meta name="generator" content="Elementor 4.1.4; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="icon" href="https://quiturl.us/wp-content/uploads/2026/07/cropped-Favicon-32x32.png" sizes="32x32" />
<link rel="icon" href="https://quiturl.us/wp-content/uploads/2026/07/cropped-Favicon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://quiturl.us/wp-content/uploads/2026/07/cropped-Favicon-180x180.png" />
<meta name="msapplication-TileImage" content="https://quiturl.us/wp-content/uploads/2026/07/cropped-Favicon-270x270.png" />
</head>
<body class="wp-singular page-template page-template-elementor_header_footer page page-id-203 wp-custom-logo wp-embed-responsive wp-theme-hello-elementor hello-elementor-default elementor-default elementor-template-full-width elementor-kit-8 elementor-page elementor-page-203">


<a class="skip-link screen-reader-text" href="#content">Skip to content</a>

		<header data-elementor-type="header" data-elementor-id="36" class="elementor elementor-36 elementor-location-header" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-7245cdc elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7245cdc" data-element_type="container" data-e-type="container" data-settings="{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-103271e e-con-full e-flex e-con e-child" data-id="103271e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-dc5d56a elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="dc5d56a" data-element_type="widget" data-e-type="widget" data-widget_type="theme-site-logo.default">
											<a href="https://quiturl.us">
			<img fetchpriority="high" width="807" height="197" src="https://quiturl.us/wp-content/uploads/2026/07/Quiturl-high-quality-logo-v1.png" class="attachment-full size-full wp-image-49" alt="" srcset="https://quiturl.us/wp-content/uploads/2026/07/Quiturl-high-quality-logo-v1.png 807w, https://quiturl.us/wp-content/uploads/2026/07/Quiturl-high-quality-logo-v1-300x73.png 300w, https://quiturl.us/wp-content/uploads/2026/07/Quiturl-high-quality-logo-v1-768x187.png 768w" sizes="(max-width: 807px) 100vw, 807px" />				</a>
											</div>
				</div>
		<div class="elementor-element elementor-element-e52849b e-con-full e-flex e-con e-child" data-id="e52849b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c8136fa elementor-nav-menu__align-center elementor-nav-menu--dropdown-mobile elementor-nav-menu--stretch elementor-nav-menu__text-align-center elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="c8136fa" data-element_type="widget" data-e-type="widget" data-settings="{&quot;full_width&quot;:&quot;stretch&quot;,&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\&quot;true\&quot; class=\&quot;e-font-icon-svg e-fas-caret-down\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}" data-widget_type="nav-menu.default">
								<nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none">
				<ul id="menu-1-c8136fa" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home current-menu-ancestor current-menu-parent menu-item-has-children menu-item-54"><a href="https://quiturl.us/" class="elementor-item">Products</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
	<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-203 current_page_item menu-item-217"><a href="https://quiturl.us/url-shortener/" aria-current="page" class="elementor-sub-item elementor-item-active">URL Shortener</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-216"><a href="https://quiturl.us/qr-code-generator/" class="elementor-sub-item">QR Code Generator</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-258"><a href="https://quiturl.us/link-in-bio-tool/" class="elementor-sub-item">Link in Bio Tool</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-215"><a href="https://quiturl.us/pricing/" class="elementor-item">Pricing</a></li>
</ul>			</nav>
					<div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false">
			<svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z"></path></svg><svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z"></path></svg>		</div>
					<nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true">
				<ul id="menu-2-c8136fa" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home current-menu-ancestor current-menu-parent menu-item-has-children menu-item-54"><a href="https://quiturl.us/" class="elementor-item" tabindex="-1">Products</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
	<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-203 current_page_item menu-item-217"><a href="https://quiturl.us/url-shortener/" aria-current="page" class="elementor-sub-item elementor-item-active" tabindex="-1">URL Shortener</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-216"><a href="https://quiturl.us/qr-code-generator/" class="elementor-sub-item" tabindex="-1">QR Code Generator</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-258"><a href="https://quiturl.us/link-in-bio-tool/" class="elementor-sub-item" tabindex="-1">Link in Bio Tool</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-215"><a href="https://quiturl.us/pricing/" class="elementor-item" tabindex="-1">Pricing</a></li>
</ul>			</nav>
						</div>
				</div>
		<div class="elementor-element elementor-element-c85dc3e e-con-full e-flex e-con e-child" data-id="c85dc3e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-d95ab7b elementor-align-right elementor-widget__width-initial elementor-widget elementor-widget-button" data-id="d95ab7b" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://quiturl.com/user/login">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Login</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-cf81213 elementor-widget__width-initial elementor-widget elementor-widget-button" data-id="cf81213" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://quiturl.com/user/register">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Register</span>
					</span>
					</a>
								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-78c2fdd elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent" data-id="78c2fdd" data-element_type="container" data-e-type="container" data-settings="{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-4d66a09 e-con-full e-flex e-con e-child" data-id="4d66a09" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-333c1fd elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="333c1fd" data-element_type="widget" data-e-type="widget" data-widget_type="theme-site-logo.default">
											<a href="https://quiturl.us">
			<img fetchpriority="high" width="807" height="197" src="https://quiturl.us/wp-content/uploads/2026/07/Quiturl-high-quality-logo-v1.png" class="attachment-full size-full wp-image-49" alt="" srcset="https://quiturl.us/wp-content/uploads/2026/07/Quiturl-high-quality-logo-v1.png 807w, https://quiturl.us/wp-content/uploads/2026/07/Quiturl-high-quality-logo-v1-300x73.png 300w, https://quiturl.us/wp-content/uploads/2026/07/Quiturl-high-quality-logo-v1-768x187.png 768w" sizes="(max-width: 807px) 100vw, 807px" />				</a>
											</div>
				<div class="elementor-element elementor-element-40e2557 elementor-nav-menu--stretch elementor-widget-mobile__width-initial elementor-hidden-desktop elementor-hidden-tablet elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="40e2557" data-element_type="widget" data-e-type="widget" data-settings="{&quot;layout&quot;:&quot;vertical&quot;,&quot;full_width&quot;:&quot;stretch&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\&quot;true\&quot; class=\&quot;e-font-icon-svg e-fas-caret-down\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}" data-widget_type="nav-menu.default">
								<nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-framed e--animation-fade">
				<ul id="menu-1-40e2557" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home current-menu-ancestor current-menu-parent menu-item-has-children menu-item-54"><a href="https://quiturl.us/" class="elementor-item">Products</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
	<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-203 current_page_item menu-item-217"><a href="https://quiturl.us/url-shortener/" aria-current="page" class="elementor-sub-item elementor-item-active">URL Shortener</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-216"><a href="https://quiturl.us/qr-code-generator/" class="elementor-sub-item">QR Code Generator</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-258"><a href="https://quiturl.us/link-in-bio-tool/" class="elementor-sub-item">Link in Bio Tool</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-215"><a href="https://quiturl.us/pricing/" class="elementor-item">Pricing</a></li>
</ul>			</nav>
					<div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false">
			<svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z"></path></svg><svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z"></path></svg>		</div>
					<nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true">
				<ul id="menu-2-40e2557" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home current-menu-ancestor current-menu-parent menu-item-has-children menu-item-54"><a href="https://quiturl.us/" class="elementor-item" tabindex="-1">Products</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
	<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-203 current_page_item menu-item-217"><a href="https://quiturl.us/url-shortener/" aria-current="page" class="elementor-sub-item elementor-item-active" tabindex="-1">URL Shortener</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-216"><a href="https://quiturl.us/qr-code-generator/" class="elementor-sub-item" tabindex="-1">QR Code Generator</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-258"><a href="https://quiturl.us/link-in-bio-tool/" class="elementor-sub-item" tabindex="-1">Link in Bio Tool</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-215"><a href="https://quiturl.us/pricing/" class="elementor-item" tabindex="-1">Pricing</a></li>
</ul>			</nav>
						</div>
				</div>
					</div>
				</div>
				</header>
				<div data-elementor-type="wp-page" data-elementor-id="203" class="elementor elementor-203" data-elementor-post-type="page">
				<div class="elementor-element elementor-element-badf453 e-con-full e-flex e-con e-parent" data-id="badf453" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-91734a1 elementor-widget elementor-widget-html" data-id="91734a1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>URL Shortener — Branded Short Links That Track Every Click | QuitURL</title>
<meta name="description" content="QuitURL's URL shortener turns long, untrusted links into short branded links on your own domain — with real-time click analytics, editable destinations, and a free plan to start." />

<!-- Fonts: Poppins (display + body) + JetBrains Mono (links/code snippets) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">

<script src="https://cdn.tailwindcss.com"></script>
<script>
  tailwind.config = {
    theme: {
      extend: {
        colors: {
          ink: '#0A0B10', ink2: '#12141C', ink3: '#1A1D28', paper: '#FBFAF8',
          violet: '#7C6FF0', teal: '#2BC8B7', coral: '#FF6F61', amber: '#F5A623',
          sky: '#4EA8F5', rose: '#22C55E',
        },
        fontFamily: {
          display: ['Poppins', 'sans-serif'],
          body: ['Poppins', 'sans-serif'],
          mono: ['"JetBrains Mono"', 'monospace'],
        },
      },
    },
  }
</script>

<style>
  :root{ --violet:#7C6FF0; --teal:#2BC8B7; --coral:#FF6F61; --amber:#F5A623; --sky:#4EA8F5; --rose:#22C55E; }
  html,body{ background:#0A0B10; }
  ::selection{ background: rgba(124,111,240,0.35); color:#fff; }

  /* WordPress-safety net: many themes set their own color on h1-h6 directly,
     which overrides inherited white regardless of the body's text color.
     Plain CSS so it still applies even if the Tailwind CDN script is stripped. */
  h1, h2, h3, h4, h5, h6, .price{ color:#fff; }

  .card-line{ border:1px solid rgba(255,255,255,0.08); }
  .noise-card{ background: radial-gradient(120% 120% at 0% 0%, rgba(124,111,240,0.10), transparent 60%), #12141C; }
  .grad-text{ background: linear-gradient(90deg,#fff, #C9C4FA 45%, #7C6FF0); -webkit-background-clip:text; background-clip:text; color:transparent; }
  .spectrum-text{ background: linear-gradient(90deg, var(--violet) 0%, var(--teal) 34%, var(--coral) 64%, var(--amber) 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }

  .bg-hero-grid{
    background-image: linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 20%, black 40%, transparent 85%);
  }
  .glow{ background: radial-gradient(closest-side, rgba(124,111,240,0.5), transparent); filter: blur(60px); }

  .reveal{ opacity:0; transform: translateY(24px); transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
  .reveal.in{ opacity:1; transform:none; }
  .reveal-1{ transition-delay:.05s; } .reveal-2{ transition-delay:.12s; } .reveal-3{ transition-delay:.19s; } .reveal-4{ transition-delay:.26s; } .reveal-5{ transition-delay:.33s; }

  @keyframes floaty{ 0%,100%{ transform:translateY(0px);} 50%{ transform:translateY(-8px);} }
  .float{ animation: floaty 6s ease-in-out infinite; }
  .float-delay{ animation-delay: 1.1s; }

  @keyframes marquee{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
  .marquee-track{ animation: marquee 30s linear infinite; }

  @keyframes pulse-ring{ 0%{ box-shadow:0 0 0 0 rgba(43,200,183,0.45);} 100%{ box-shadow:0 0 0 14px rgba(43,200,183,0);} }
  .pulse{ animation: pulse-ring 2.2s cubic-bezier(0,0,.2,1) infinite; }

  @keyframes pop-in{ 0%{ transform: scale(0.4); opacity:0; } 60%{ transform: scale(1.15); opacity:1; } 100%{ transform: scale(1); } }
  .pop-in{ animation: pop-in .35s cubic-bezier(.34,1.56,.64,1); }

  @keyframes spin{ to{ transform: rotate(360deg); } }
  .spinner{ width:16px; height:16px; border-radius:50%; border:2px solid rgba(255,255,255,0.35); border-top-color:#fff; animation: spin .7s linear infinite; }

  @keyframes ripple{ to{ transform:scale(3); opacity:0; } }
  .ripple-el{ position:absolute; border-radius:50%; background:rgba(255,255,255,0.5); transform:scale(0); animation: ripple .6s linear; pointer-events:none; }
  .btn-ripple{ position:relative; overflow:hidden; }

  .counter{ font-variant-numeric: tabular-nums; }
  #hsBtn[disabled]{ cursor:default; opacity:0.92; }

  /* Use-case tabs */
  .tour-tab{ display:inline-flex; align-items:center; gap:0.5rem; border:1px solid rgba(255,255,255,0.08); background:transparent; color:rgba(255,255,255,0.55); border-radius:9999px; padding:0.6rem 1.05rem; font-size:0.875rem; font-weight:500; transition: all .2s ease; white-space:nowrap; }
  .tour-tab:hover{ color:#fff; }
  .tour-tab.active{ color:#fff; }
  .tour-tab[data-color="violet"].active{ background:rgba(124,111,240,0.10); border-color:rgba(124,111,240,0.4); }
  .tour-tab[data-color="teal"].active{ background:rgba(43,200,183,0.10); border-color:rgba(43,200,183,0.4); }
  .tour-tab[data-color="coral"].active{ background:rgba(255,111,97,0.10); border-color:rgba(255,111,97,0.4); }
  .tour-tab[data-color="amber"].active{ background:rgba(245,166,35,0.10); border-color:rgba(245,166,35,0.4); }
  .tour-dot{ width:6px; height:6px; border-radius:9999px; flex-shrink:0; }
  .tour-tab[data-color="violet"] .tour-dot{ background:#7C6FF0; }
  .tour-tab[data-color="teal"] .tour-dot{ background:#2BC8B7; }
  .tour-tab[data-color="coral"] .tour-dot{ background:#FF6F61; }
  .tour-tab[data-color="amber"] .tour-dot{ background:#F5A623; }

  /* Link X-Ray toggle */
  .xray-btn{ color: rgba(255,255,255,0.55); }
  .xray-btn.active{ color:#fff; }

  /* Pricing period toggle */
  .price-toggle-btn{ position:relative; display:inline-flex; align-items:center; gap:0.4rem; border-radius:9999px; padding:0.55rem 1.1rem; font-size:0.8125rem; font-weight:500; color:rgba(255,255,255,0.55); transition: all .2s ease; }
  .price-toggle-btn.active{ background:rgba(124,111,240,0.16); color:#fff; }
  .plan-card{ transition: border-color .2s ease, transform .2s ease; }
  .plan-feature-row{ display:flex; align-items:center; justify-content:space-between; padding:0.5rem 0; border-bottom:1px solid rgba(255,255,255,0.05); }
  .plan-feature-row:last-child{ border-bottom:none; }

  /* Feature comparison table */
  .comparison-table th:nth-child(2), .comparison-table td:nth-child(2){
    background: linear-gradient(180deg, rgba(124,111,240,0.10), rgba(124,111,240,0.03));
    box-shadow: inset 1px 0 0 rgba(124,111,240,0.25), inset -1px 0 0 rgba(124,111,240,0.25);
  }
  .comparison-table thead th:nth-child(2){ box-shadow: inset 1px 0 0 rgba(124,111,240,0.25), inset -1px 0 0 rgba(124,111,240,0.25); }
  .comparison-table tfoot td:nth-child(2){ box-shadow: inset 1px 0 0 rgba(124,111,240,0.25), inset -1px 0 0 rgba(124,111,240,0.25), inset 0 -1px 0 rgba(124,111,240,0.25); }
  .comparison-table .group-row td{ background: rgba(255,255,255,0.015); }
  .comparison-table .check{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:9999px; background:rgba(43,200,183,0.18); color:var(--teal); }
  .comparison-table .check-muted{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:9999px; background:rgba(255,255,255,0.06); color:rgba(255,255,255,0.55); }
  .comparison-table .cross{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:9999px; background:rgba(255,111,97,0.08); color:rgba(255,111,97,0.55); }

  .accordion-panel{ max-height:0; overflow:hidden; transition:max-height .45s cubic-bezier(.16,1,.3,1); }

  input:focus, button:focus-visible, a:focus-visible{ outline:2px solid #7C6FF0; outline-offset:3px; }

  @media (prefers-reduced-motion: reduce){
    .float,.marquee-track,.pulse{ animation:none !important; }
    .reveal{ transition:none; opacity:1; transform:none; }
  }
</style>
</head>

<body class="bg-ink text-white font-body antialiased overflow-x-hidden">

<!-- ============ HERO ============ -->
<section class="relative pt-32 pb-24 px-6 overflow-hidden">
  <div class="absolute inset-0 bg-hero-grid"></div>
  <div class="absolute -top-24 left-1/2 -translate-x-1/2 w-[560px] h-[560px] glow opacity-70"></div>

  <div class="max-w-7xl mx-auto relative grid lg:grid-cols-2 gap-16 items-center">
    <div class="min-w-0">
      <div class="reveal in inline-flex items-center gap-2 rounded-full card-line px-3.5 py-1.5 text-xs text-white/70 mb-7">
        <span class="w-1.5 h-1.5 rounded-full bg-violet"></span>
        🔗 URL Shortener
      </div>
      <h1 class="reveal in font-display font-medium text-[38px] leading-[1.08] sm:text-[50px] lg:text-[56px] tracking-tight">
        Long links lose clicks.
        <span class="grad-text block">This URL shortener wins them back.</span>
      </h1>
      <p class="reveal in reveal-1 mt-6 text-lg text-white/60 max-w-lg leading-relaxed">
        A random string of letters is the last thing standing between someone and your page — and it doesn't inspire much confidence. QuitURL's URL shortener replaces it with a branded link on your own domain, tracked down to the click, and editable even after you've hit send.
      </p>
      <div class="reveal in reveal-2 mt-9 flex flex-wrap items-center gap-4">
        <a href="https://quiturl.com/user/login" class="btn-ripple group inline-flex items-center gap-2 bg-white text-ink rounded-full pl-6 pr-5 py-3.5 font-medium text-sm hover:bg-white/90 transition-colors" target="_blank" rel="noopener">
          Shorten a link — free
          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="transition-transform group-hover:translate-x-0.5"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
        <a href="#xray" class="inline-flex items-center gap-2 text-sm text-white/70 hover:text-white transition-colors">
          See what changes
          <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v9M3 8l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
      </div>
      <p class="reveal in reveal-3 mt-8 text-xs text-white/40">No credit card required · Your first links are free · Import existing links in minutes</p>
    </div>

    <!-- Live shorten demo -->
    <div class="reveal in reveal-2 relative min-w-0">
      <div class="relative rounded-3xl noise-card card-line p-6 sm:p-8">
        <div class="flex items-center gap-2 mb-6">
          <span class="w-2.5 h-2.5 rounded-full bg-white/15"></span>
          <span class="w-2.5 h-2.5 rounded-full bg-white/15"></span>
          <span class="w-2.5 h-2.5 rounded-full bg-white/15"></span>
          <span class="ml-2 text-xs text-white/35 font-mono">https://quiturl.com/dashboard</span>
        </div>

        <div class="flex items-center gap-2.5 mb-5">
          <svg width="20" height="20" viewBox="0 0 20 20" fill="none" class="text-violet shrink-0"><path d="M8.2 11.8a3 3 0 0 0 4.24 0l2.5-2.5a3 3 0 0 0-4.24-4.24l-1 1" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/><path d="M11.8 8.2a3 3 0 0 0-4.24 0l-2.5 2.5a3 3 0 0 0 4.24 4.24l1-1" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
          <span class="font-display text-lg">Shorten your link</span>
        </div>

        <div class="flex flex-col sm:flex-row gap-2.5">
          <div class="flex-1 flex items-center rounded-xl bg-black/30 card-line px-4 py-3">
            <input id="hsInput" type="text" value="https://your-store.com/products/summer-drop?ref=insta&utm_source=..." class="bg-transparent w-full text-sm font-mono text-white/80 outline-none" />
          </div>
          <button id="hsBtn" class="btn-ripple shrink-0 bg-violet hover:bg-violet/90 transition-colors text-white rounded-xl px-6 py-3 text-sm font-medium flex items-center justify-center gap-2">
            <span id="hsBtnIcon" class="inline-flex"></span>
            <span id="hsBtnLabel">Shorten</span>
            <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </button>
        </div>

        <div class="mt-5">
          <div class="rounded-2xl bg-black/20 card-line p-4">
            <div class="text-[11px] uppercase tracking-[0.15em] text-white/35 mb-2">Your short link</div>
            <div class="flex items-center justify-between gap-3 flex-wrap">
              <span class="font-mono text-sm truncate"><span class="text-white/40">https://go.yourbrand.com/</span><span class="text-violet font-medium">summer-drop</span></span>
              <button class="btn-ripple shrink-0 inline-flex items-center gap-1.5 rounded-full card-line px-3 py-1.5 text-xs font-medium hover:bg-white/5 transition-colors" aria-label="Customize link">
                <svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M8.2 1.3l2.5 2.5-6.4 6.4-3 .5.5-3 6.4-6.4z" stroke="currentColor" stroke-width="1.1" stroke-linejoin="round"/></svg>
                Customize
              </button>
            </div>
          </div>
          <div class="grid grid-cols-3 gap-3 mt-4 text-center">
            <div class="rounded-xl card-line py-3"><div class="counter font-display text-lg" data-target="2481" data-suffix="">0</div><div class="text-[11px] text-white/40 mt-0.5">clicks today</div></div>
            <div class="rounded-xl card-line py-3"><div class="font-display text-lg">CA</div><div class="text-[11px] text-white/40 mt-0.5">top country</div></div>
            <div class="rounded-xl card-line py-3"><div class="font-display text-lg">Instagram</div><div class="text-[11px] text-white/40 mt-0.5">top source</div></div>
          </div>
        </div>
      </div>
      <div class="absolute -z-10 -bottom-6 -right-6 w-40 h-40 rounded-full bg-violet/20 blur-3xl"></div>
    </div>
  </div>
</section>

<!-- ============ LINK X-RAY (signature before/after) ============ -->
<section id="xray" class="py-24 px-6 border-t border-white/[0.06]">
  <div class="max-w-4xl mx-auto text-center mb-12">
    <span class="reveal text-xs uppercase tracking-[0.2em] text-white/40">Same link, two outcomes</span>
    <h2 class="reveal reveal-1 font-display font-medium text-3xl sm:text-4xl mt-4 leading-tight">The link doesn't change. What it does for you does.</h2>
    <p class="reveal reveal-2 text-white/55 mt-4 max-w-xl mx-auto leading-relaxed">Every short link either builds trust or quietly costs you some. Toggle between a typical shortener and a QuitURL link to see the difference before you ever click "shorten."</p>
  </div>

  <div class="reveal reveal-3 max-w-xl mx-auto relative rounded-3xl noise-card card-line p-6 sm:p-8 overflow-hidden">
    <div class="absolute -z-10 -top-16 -right-16 w-56 h-56 rounded-full bg-violet/15 blur-[70px]"></div>

    <div class="flex items-center justify-between mb-6">
      <span class="flex items-center gap-2 font-display text-base">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" class="text-violet"><path d="M2 12s4-7 10-7 10 7 10 7-4 7-10 7-10-7-10-7Z" stroke="currentColor" stroke-width="1.8"/><circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="1.8"/></svg>
        Link X-Ray
      </span>
      <div class="relative inline-flex card-line rounded-full p-1 bg-white/[0.04]" id="xrayToggle">
        <div id="xrayThumb" class="absolute top-1 bottom-1 left-1 w-[calc(50%-4px)] rounded-full bg-gradient-to-r from-coral to-violet transition-transform duration-300 ease-out"></div>
        <button data-state="before" class="xray-btn active relative z-10 px-4 py-1.5 text-xs font-medium rounded-full transition-colors">Before</button>
        <button data-state="after" class="xray-btn relative z-10 px-4 py-1.5 text-xs font-medium rounded-full transition-colors">After</button>
      </div>
    </div>

    <div id="xrayLinkRow" class="rounded-xl bg-black/30 card-line px-4 py-3.5 flex items-center justify-between gap-3 mb-5">
      <span id="xrayLinkText" class="font-mono text-sm truncate">bit.ly/3xK9pQz</span>
      <span id="xrayLinkBadge" class="text-[10px] shrink-0 rounded-full px-2.5 py-1 font-medium text-coral bg-coral/10">⚠ unfamiliar domain</span>
    </div>

    <div class="grid grid-cols-3 gap-3 text-center">
      <div class="rounded-xl card-line py-3.5">
        <div id="xrayClicks" class="font-display text-lg">—</div>
        <div class="text-[11px] text-white/40 mt-0.5">clicks tracked</div>
      </div>
      <div class="rounded-xl card-line py-3.5">
        <div id="xrayGeo" class="font-display text-lg">—</div>
        <div class="text-[11px] text-white/40 mt-0.5">top location</div>
      </div>
      <div class="rounded-xl card-line py-3.5">
        <div id="xrayTrust" class="font-display text-lg">—</div>
        <div class="text-[11px] text-white/40 mt-0.5">recognized brand</div>
      </div>
    </div>
    <p id="xrayCaption" class="text-[12px] text-white/40 mt-5 leading-relaxed">A random shortener: no brand, no data, and no way to fix a mistake after you've hit send.</p>
  </div>
</section>

<!-- ============ TRUST STRIP ============ -->
<section class="relative py-16 px-6 border-t border-white/[0.06] overflow-hidden">
  <div class="max-w-7xl mx-auto">
    <p class="reveal text-center text-xs uppercase tracking-[0.2em] text-white/35 mb-8">Where QuitURL short links show up every day</p>
    <div class="reveal reveal-1 relative overflow-hidden [mask-image:linear-gradient(to_right,transparent,black_8%,black_92%,transparent)]">
      <div class="flex gap-3 marquee-track whitespace-nowrap items-center">
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-violet/15 flex items-center justify-center text-violet text-xs font-medium">E</span><span class="text-sm text-white/70">Email campaigns</span></span>
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-teal/15 flex items-center justify-center text-teal text-xs font-medium">I</span><span class="text-sm text-white/70">Instagram bio</span></span>
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-coral/15 flex items-center justify-center text-coral text-xs font-medium">A</span><span class="text-sm text-white/70">Paid ads</span></span>
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-amber/15 flex items-center justify-center text-amber text-xs font-medium">S</span><span class="text-sm text-white/70">SMS &amp; texts</span></span>
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-violet/15 flex items-center justify-center text-violet text-xs font-medium">P</span><span class="text-sm text-white/70">Print &amp; packaging</span></span>
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-teal/15 flex items-center justify-center text-teal text-xs font-medium">R</span><span class="text-sm text-white/70">Referral programs</span></span>
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-coral/15 flex items-center justify-center text-coral text-xs font-medium">A</span><span class="text-sm text-white/70">Affiliate links</span></span>
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-amber/15 flex items-center justify-center text-amber text-xs font-medium">Q</span><span class="text-sm text-white/70">QR &amp; offline</span></span>
        <!-- duplicate for seamless loop -->
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-violet/15 flex items-center justify-center text-violet text-xs font-medium">E</span><span class="text-sm text-white/70">Email campaigns</span></span>
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-teal/15 flex items-center justify-center text-teal text-xs font-medium">I</span><span class="text-sm text-white/70">Instagram bio</span></span>
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-coral/15 flex items-center justify-center text-coral text-xs font-medium">A</span><span class="text-sm text-white/70">Paid ads</span></span>
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-amber/15 flex items-center justify-center text-amber text-xs font-medium">S</span><span class="text-sm text-white/70">SMS &amp; texts</span></span>
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-violet/15 flex items-center justify-center text-violet text-xs font-medium">P</span><span class="text-sm text-white/70">Print &amp; packaging</span></span>
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-teal/15 flex items-center justify-center text-teal text-xs font-medium">R</span><span class="text-sm text-white/70">Referral programs</span></span>
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-coral/15 flex items-center justify-center text-coral text-xs font-medium">A</span><span class="text-sm text-white/70">Affiliate links</span></span>
        <span class="flex items-center gap-2.5 rounded-full card-line bg-black/20 pl-2 pr-4 py-2"><span class="w-7 h-7 rounded-full bg-amber/15 flex items-center justify-center text-amber text-xs font-medium">Q</span><span class="text-sm text-white/70">QR &amp; offline</span></span>
      </div>
    </div>
  </div>
</section>

<!-- ============ PROBLEM → SOLUTION ============ -->
<section class="py-24 px-6 border-t border-white/[0.06]">
  <div class="max-w-7xl mx-auto">
    <div class="reveal max-w-2xl mb-14">
      <span class="text-xs uppercase tracking-[0.2em] text-white/40">Why it matters</span>
      <h2 class="font-display font-medium text-3xl sm:text-4xl mt-4 leading-tight">Every link you share is either building trust, or quietly losing it.</h2>
      <p class="text-white/55 mt-4 leading-relaxed">These are the four ways a plain, unbranded link works against you — and exactly how QuitURL's URL shortener fixes each one.</p>
    </div>

    <div class="grid md:grid-cols-2 gap-4">
      <!-- Problem/Fix Card 1 -->
      <div class="reveal rounded-3xl card-line overflow-hidden">
        <div class="p-6 border-b border-white/[0.06] bg-coral/[0.04]">
          <div class="flex items-center gap-2.5 text-coral text-xs font-medium uppercase tracking-wide"><svg width="14" height="14" viewBox="0 0 24 24" fill="none"><path d="M12 9v4M12 17h.01M10.3 3.9 2.6 17.5A2 2 0 0 0 4.3 20.5h15.4a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/></svg>The problem</div>
          <p class="mt-3 text-white/80">Nobody trusts a random string of letters — and a growing number of people won't click one at all.</p>
        </div>
        <div class="p-6 bg-teal/[0.04]">
          <div class="flex items-center gap-2.5 text-teal text-xs font-medium uppercase tracking-wide"><svg width="14" height="14" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>The fix</div>
          <p class="mt-3 text-white/70">Custom domains and branded slugs — every link reads as go.yourbrand.com/offer, not a stranger's shortener.</p>
        </div>
      </div>

      <!-- Problem/Fix Card 2 -->
      <div class="reveal reveal-1 rounded-3xl card-line overflow-hidden">
        <div class="p-6 border-b border-white/[0.06] bg-coral/[0.04]">
          <div class="flex items-center gap-2.5 text-coral text-xs font-medium uppercase tracking-wide"><svg width="14" height="14" viewBox="0 0 24 24" fill="none"><path d="M12 9v4M12 17h.01M10.3 3.9 2.6 17.5A2 2 0 0 0 4.3 20.5h15.4a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/></svg>The problem</div>
          <p class="mt-3 text-white/80">You post a link and hope. No idea who clicked, from where, on what device — or if anyone did at all.</p>
        </div>
        <div class="p-6 bg-teal/[0.04]">
          <div class="flex items-center gap-2.5 text-teal text-xs font-medium uppercase tracking-wide"><svg width="14" height="14" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>The fix</div>
          <p class="mt-3 text-white/70">Real-time click analytics — device, city, referrer and source, updating the moment someone clicks.</p>
        </div>
      </div>

      <!-- Problem/Fix Card 3 -->
      <div class="reveal reveal-2 rounded-3xl card-line overflow-hidden">
        <div class="p-6 border-b border-white/[0.06] bg-coral/[0.04]">
          <div class="flex items-center gap-2.5 text-coral text-xs font-medium uppercase tracking-wide"><svg width="14" height="14" viewBox="0 0 24 24" fill="none"><path d="M12 9v4M12 17h.01M10.3 3.9 2.6 17.5A2 2 0 0 0 4.3 20.5h15.4a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/></svg>The problem</div>
          <p class="mt-3 text-white/80">A typo, an ended sale, a moved page — and a link already printed, posted or sent is just broken.</p>
        </div>
        <div class="p-6 bg-teal/[0.04]">
          <div class="flex items-center gap-2.5 text-teal text-xs font-medium uppercase tracking-wide"><svg width="14" height="14" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>The fix</div>
          <p class="mt-3 text-white/70">Edit the destination any time. The short link never changes — what it points to can, instantly.</p>
        </div>
      </div>

      <!-- Problem/Fix Card 4 -->
      <div class="reveal reveal-3 rounded-3xl card-line overflow-hidden">
        <div class="p-6 border-b border-white/[0.06] bg-coral/[0.04]">
          <div class="flex items-center gap-2.5 text-coral text-xs font-medium uppercase tracking-wide"><svg width="14" height="14" viewBox="0 0 24 24" fill="none"><path d="M12 9v4M12 17h.01M10.3 3.9 2.6 17.5A2 2 0 0 0 4.3 20.5h15.4a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/></svg>The problem</div>
          <p class="mt-3 text-white/80">A hundred links across five campaigns pile up into a list nobody can search, sort or make sense of.</p>
        </div>
        <div class="p-6 bg-teal/[0.04]">
          <div class="flex items-center gap-2.5 text-teal text-xs font-medium uppercase tracking-wide"><svg width="14" height="14" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>The fix</div>
          <p class="mt-3 text-white/70">Tags, folders, bulk CSV shortening and a REST API — organized at ten links or ten thousand.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ============ FEATURE: BRANDED DOMAINS ============ -->
<section class="py-24 px-6 border-t border-white/[0.06]">
  <div class="max-w-7xl mx-auto grid lg:grid-cols-2 gap-16 items-center">
    <div class="reveal">
      <span class="text-xs uppercase tracking-[0.2em] text-violet">Branded domains</span>
      <h2 class="font-display font-medium text-3xl sm:text-4xl mt-4 leading-tight">Put your own name on every link you share.</h2>
      <p class="text-white/55 mt-4 leading-relaxed">go.yourbrand.com beats bit.ly/3xK9pQz every time — in trust, in click-through rate, and in how it looks next to your logo. Connect any domain you already own, then give every link its own readable back-half instead of a random code.</p>
      <ul class="mt-6 space-y-3 text-sm text-white/70">
        <li class="flex items-center gap-3"><span class="text-violet">✓</span> Connect your own domain in minutes, SSL included</li>
        <li class="flex items-center gap-3"><span class="text-violet">✓</span> Custom aliases and back-halves for every link</li>
        <li class="flex items-center gap-3"><span class="text-violet">✓</span> Multiple domains for multiple brands or markets</li>
      </ul>
    </div>
    <div class="reveal reveal-1">
      <div class="relative rounded-3xl noise-card card-line p-6 sm:p-8 overflow-hidden">
        <div class="absolute -z-10 -top-16 -right-16 w-56 h-56 rounded-full bg-violet/15 blur-[70px]"></div>
        <div class="flex items-center justify-between mb-5">
          <span class="text-[11px] text-white/35 font-mono tracking-wide">CUSTOM DOMAINS</span>
          <button class="btn-ripple text-xs rounded-full card-line px-3 py-1.5 hover:bg-white/5 transition-colors">+ Add domain</button>
        </div>
        <div class="space-y-2.5">
          <div class="flex items-center justify-between rounded-xl bg-black/20 card-line px-4 py-3">
            <span class="font-mono text-sm text-white/80">go.yourbrand.com</span>
            <span class="text-[11px] text-teal bg-teal/10 rounded-full px-2.5 py-1 flex items-center gap-1.5"><span class="w-1.5 h-1.5 rounded-full bg-teal"></span>Connected</span>
          </div>
          <div class="flex items-center justify-between rounded-xl bg-black/20 card-line px-4 py-3">
            <span class="font-mono text-sm text-white/80">links.yourbrand.eu</span>
            <span class="text-[11px] text-teal bg-teal/10 rounded-full px-2.5 py-1 flex items-center gap-1.5"><span class="w-1.5 h-1.5 rounded-full bg-teal"></span>Connected</span>
          </div>
          <div class="flex items-center justify-between rounded-xl bg-black/20 card-line px-4 py-3">
            <span class="font-mono text-sm text-white/50">promo.yourbrand.shop</span>
            <span class="text-[11px] text-amber bg-amber/10 rounded-full px-2.5 py-1 flex items-center gap-1.5"><span class="w-1.5 h-1.5 rounded-full bg-amber"></span>Verifying DNS</span>
          </div>
        </div>
        <div class="mt-5 pt-5 border-t border-white/10">
          <div class="text-[11px] uppercase tracking-[0.15em] text-white/35 mb-2">Custom back-half</div>
          <div class="flex items-center rounded-xl bg-black/20 card-line px-4 py-3 font-mono text-sm">
            <span class="text-white/40">go.yourbrand.com/</span><span class="text-violet">black-friday</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ============ FEATURE: ANALYTICS ============ -->
<section id="analytics" class="py-24 px-6 border-t border-white/[0.06]">
  <div class="max-w-7xl mx-auto grid lg:grid-cols-2 gap-16 items-center">
    <div class="reveal order-2 lg:order-1">
      <div class="grid gap-4">
        <div class="relative rounded-3xl noise-card card-line p-7 overflow-hidden">
          <div class="pointer-events-none absolute -left-10 -top-16 w-56 h-56 rounded-full opacity-25 blur-3xl" style="background:var(--teal);"></div>
          <div class="relative flex items-center justify-between mb-6">
            <span class="text-sm text-white/60">Clicks, last 14 days</span>
            <span class="inline-flex items-center gap-1 text-xs text-teal bg-teal/10 rounded-full px-2.5 py-1"><svg width="10" height="10" viewBox="0 0 24 24" fill="none"><path d="M12 19V5M5 12l7-7 7 7" stroke="var(--teal)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>27%</span>
          </div>
          <div class="relative flex items-end gap-2 h-32" id="chartBarsShort"></div>
        </div>
        <div class="grid grid-cols-2 gap-4">
          <div class="relative rounded-3xl noise-card card-line p-6 overflow-hidden">
            <span class="text-xs text-white/40">Top device</span>
            <div class="mt-3 space-y-2 text-sm">
              <div class="flex items-center justify-between"><span class="text-white/60">Mobile</span><span class="text-white/40">57%</span></div>
              <div class="h-1.5 rounded-full bg-white/10 overflow-hidden"><div class="h-full rounded-full bg-violet/70" style="width:57%"></div></div>
              <div class="flex items-center justify-between"><span class="text-white/60">Desktop</span><span class="text-white/40">31%</span></div>
              <div class="h-1.5 rounded-full bg-white/10 overflow-hidden"><div class="h-full rounded-full bg-teal/70" style="width:31%"></div></div>
            </div>
          </div>
          <div class="relative rounded-3xl noise-card card-line p-6 overflow-hidden">
            <span class="text-xs text-white/40">Top referrer</span>
            <div class="mt-3 space-y-2 text-sm">
              <div class="flex items-center justify-between"><span class="text-white/60">Instagram</span><span class="text-white/40">44%</span></div>
              <div class="h-1.5 rounded-full bg-white/10 overflow-hidden"><div class="h-full rounded-full bg-coral/70" style="width:44%"></div></div>
              <div class="flex items-center justify-between"><span class="text-white/60">Email</span><span class="text-white/40">29%</span></div>
              <div class="h-1.5 rounded-full bg-white/10 overflow-hidden"><div class="h-full rounded-full bg-amber/70" style="width:29%"></div></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="reveal reveal-1 order-1 lg:order-2">
      <span class="text-xs uppercase tracking-[0.2em] text-teal">Real-time analytics</span>
      <h2 class="font-display font-medium text-3xl sm:text-4xl mt-4 leading-tight">Know exactly who clicked, not just how many.</h2>
      <p class="text-white/55 mt-4 leading-relaxed">Every click on a QuitURL short link reports back the device, city, browser and referrer it came from — in real time, with nothing extra to set up. See a spike the moment it happens, not in tomorrow's export.</p>
      <ul class="mt-6 space-y-3 text-sm text-white/70">
        <li class="flex items-center gap-3"><span class="text-teal">✓</span> Device, browser and OS breakdown</li>
        <li class="flex items-center gap-3"><span class="text-teal">✓</span> City-level geographic data</li>
        <li class="flex items-center gap-3"><span class="text-teal">✓</span> Referrer and UTM source tracking</li>
      </ul>
    </div>
  </div>
</section>

<!-- ============ FEATURE: CAMPAIGN TRACKING ============ -->
<section class="py-24 px-6 border-t border-white/[0.06]">
  <div class="max-w-7xl mx-auto grid lg:grid-cols-2 gap-16 items-center">
    <div class="reveal">
      <span class="text-xs uppercase tracking-[0.2em] text-coral">Campaign tracking</span>
      <h2 class="font-display font-medium text-3xl sm:text-4xl mt-4 leading-tight">Stop hand-typing UTM parameters.</h2>
      <p class="text-white/55 mt-4 leading-relaxed">Build a UTM template once — source, medium, campaign — and apply it to every link in that push automatically. Attach retargeting pixels to a short link so anyone who clicks joins your audience before they've even landed on your site.</p>
      <ul class="mt-6 space-y-3 text-sm text-white/70">
        <li class="flex items-center gap-3"><span class="text-coral">✓</span> Reusable UTM templates per campaign</li>
        <li class="flex items-center gap-3"><span class="text-coral">✓</span> Retargeting pixels for Meta, Google &amp; TikTok</li>
        <li class="flex items-center gap-3"><span class="text-coral">✓</span> Consistent tracking with zero manual tagging</li>
      </ul>
    </div>
    <div class="reveal reveal-1">
      <div class="relative rounded-3xl noise-card card-line p-6 sm:p-8 overflow-hidden">
        <div class="absolute -z-10 -top-16 -left-16 w-56 h-56 rounded-full bg-coral/15 blur-[70px]"></div>
        <div class="text-[11px] text-white/35 font-mono tracking-wide mb-5">UTM TEMPLATE — "spring-launch"</div>
        <div class="grid grid-cols-2 gap-3">
          <div class="rounded-xl bg-black/20 card-line px-3.5 py-2.5"><div class="text-[10px] text-white/35 mb-1">utm_source</div><div class="font-mono text-sm text-white/80">instagram</div></div>
          <div class="rounded-xl bg-black/20 card-line px-3.5 py-2.5"><div class="text-[10px] text-white/35 mb-1">utm_medium</div><div class="font-mono text-sm text-white/80">social</div></div>
          <div class="rounded-xl bg-black/20 card-line px-3.5 py-2.5"><div class="text-[10px] text-white/35 mb-1">utm_campaign</div><div class="font-mono text-sm text-white/80">spring-launch</div></div>
          <div class="rounded-xl bg-black/20 card-line px-3.5 py-2.5"><div class="text-[10px] text-white/35 mb-1">utm_content</div><div class="font-mono text-sm text-white/80">story-swipe</div></div>
        </div>
        <div class="mt-5 pt-5 border-t border-white/10">
          <div class="text-[11px] uppercase tracking-[0.15em] text-white/35 mb-2.5">Retargeting pixels attached</div>
          <div class="flex flex-wrap gap-2">
            <span class="inline-flex items-center gap-1.5 text-xs rounded-full card-line px-3 py-1.5 bg-black/20"><span class="w-1.5 h-1.5 rounded-full bg-teal"></span>Meta Pixel</span>
            <span class="inline-flex items-center gap-1.5 text-xs rounded-full card-line px-3 py-1.5 bg-black/20"><span class="w-1.5 h-1.5 rounded-full bg-teal"></span>Google Ads</span>
            <span class="inline-flex items-center gap-1.5 text-xs rounded-full card-line px-3 py-1.5 bg-black/20"><span class="w-1.5 h-1.5 rounded-full bg-teal"></span>TikTok Pixel</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ============ FEATURE: LINK RULES ============ -->
<section class="py-24 px-6 border-t border-white/[0.06]">
  <div class="max-w-7xl mx-auto grid lg:grid-cols-2 gap-16 items-center">
    <div class="reveal order-2 lg:order-1">
      <div class="relative rounded-3xl noise-card card-line p-6 sm:p-8 overflow-hidden">
        <div class="absolute -z-10 -bottom-16 -right-16 w-56 h-56 rounded-full bg-amber/15 blur-[70px]"></div>
        <div class="text-[11px] text-white/35 font-mono tracking-wide mb-5">go.yourbrand.com/flash-sale</div>
        <div class="space-y-3">
          <div class="flex items-center justify-between rounded-xl bg-black/20 card-line px-4 py-3.5">
            <span class="flex items-center gap-2.5 text-sm text-white/75"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" class="text-amber"><path d="M12 7v5l3.5 2" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="1.8"/></svg>Expires</span>
            <span class="text-sm font-mono text-white/50">Sun, 11:59 PM</span>
          </div>
          <div class="flex items-center justify-between rounded-xl bg-black/20 card-line px-4 py-3.5">
            <span class="flex items-center gap-2.5 text-sm text-white/75"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" class="text-violet"><rect x="5" y="10" width="14" height="9" rx="2" stroke="currentColor" stroke-width="1.8"/><path d="M8 10V7a4 4 0 0 1 8 0v3" stroke="currentColor" stroke-width="1.8"/></svg>Password protected</span>
            <span class="relative w-10 h-5 rounded-full bg-violet/70"><span class="absolute top-0.5 left-[22px] w-4 h-4 rounded-full bg-white"></span></span>
          </div>
          <div class="flex items-center justify-between rounded-xl bg-black/20 card-line px-4 py-3.5">
            <span class="flex items-center gap-2.5 text-sm text-white/75"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" class="text-teal"><path d="M8.2 11.8a3 3 0 0 0 4.24 0l2.5-2.5a3 3 0 0 0-4.24-4.24l-1 1M11.8 8.2a3 3 0 0 0-4.24 0l-2.5 2.5a3 3 0 0 0 4.24 4.24l1-1" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>Destination</span>
            <span class="text-xs text-teal bg-teal/10 rounded-full px-2.5 py-1">Editable anytime</span>
          </div>
        </div>
      </div>
    </div>
    <div class="reveal reveal-1 order-1 lg:order-2">
      <span class="text-xs uppercase tracking-[0.2em] text-amber">Link controls</span>
      <h2 class="font-display font-medium text-3xl sm:text-4xl mt-4 leading-tight">The short link stays the same. Everything behind it can change.</h2>
      <p class="text-white/55 mt-4 leading-relaxed">Made a typo in the destination? Running a sale that ends Sunday? Change where a link points, set it to expire automatically, or lock it behind a password — without touching the short link itself or breaking anything already printed, posted or sent.</p>
      <ul class="mt-6 space-y-3 text-sm text-white/70">
        <li class="flex items-center gap-3"><span class="text-amber">✓</span> Edit the destination URL at any time</li>
        <li class="flex items-center gap-3"><span class="text-amber">✓</span> Auto-expire links by date or click count</li>
        <li class="flex items-center gap-3"><span class="text-amber">✓</span> Password-protect sensitive or internal links</li>
      </ul>
    </div>
  </div>
</section>

<!-- ============ FEATURE: BULK & API ============ -->
<section class="py-24 px-6 border-t border-white/[0.06]">
  <div class="max-w-7xl mx-auto grid lg:grid-cols-2 gap-16 items-center">
    <div class="reveal">
      <span class="text-xs uppercase tracking-[0.2em] text-violet">Built to scale</span>
      <h2 class="font-display font-medium text-3xl sm:text-4xl mt-4 leading-tight">From one link to ten thousand, without opening a spreadsheet.</h2>
      <p class="text-white/55 mt-4 leading-relaxed">Import a CSV of URLs and get branded short links back for every row in seconds. Or skip the dashboard — QuitURL's REST API lets your own tools create, update and track links programmatically, with webhooks firing on every click.</p>
      <ul class="mt-6 space-y-3 text-sm text-white/70">
        <li class="flex items-center gap-3"><span class="text-violet">✓</span> Bulk CSV import and export</li>
        <li class="flex items-center gap-3"><span class="text-violet">✓</span> REST API with real-time webhooks</li>
        <li class="flex items-center gap-3"><span class="text-violet">✓</span> Rate limits built for high-volume senders</li>
      </ul>
    </div>
    <div class="reveal reveal-1">
      <div class="relative rounded-3xl bg-[#0d0e14] card-line p-6 sm:p-7 overflow-hidden font-mono text-[13px] leading-relaxed">
        <div class="flex items-center gap-2 mb-5">
          <span class="w-2.5 h-2.5 rounded-full bg-white/15"></span>
          <span class="w-2.5 h-2.5 rounded-full bg-white/15"></span>
          <span class="w-2.5 h-2.5 rounded-full bg-white/15"></span>
          <span class="ml-2 text-xs text-white/35">POST /v1/links</span>
        </div>
<pre class="whitespace-pre-wrap"><span class="text-white/40">curl https://api.quiturl.com/v1/links \</span>
  <span class="text-white/40">-H "Authorization: Bearer $QUITURL_KEY" \</span>
  <span class="text-white/40">-d</span> <span class="text-teal">'{
    "url": "https://your-store.com/products/summer",
    "domain": "go.yourbrand.com",
    "slug": "summer-drop"
  }'</span>

<span class="text-white/30">→</span> <span class="text-white/70">{ "shortUrl": "go.yourbrand.com/summer-drop",</span>
<span class="text-white/70">    "clicks": 0, "created": true }</span></pre>
      </div>
    </div>
  </div>
</section>

<!-- ============ USE CASES ============ -->
<section id="usecases" class="py-24 px-6 border-t border-white/[0.06]">
  <div class="max-w-7xl mx-auto">
    <div class="reveal max-w-xl mb-10">
      <span class="text-xs uppercase tracking-[0.2em] text-white/40">Built for how you actually share links</span>
      <h2 class="font-display font-medium text-3xl sm:text-4xl mt-4 leading-tight">One URL shortener, every team's workflow.</h2>
    </div>

    <div class="reveal reveal-1 flex flex-wrap gap-2.5 mb-8" id="ucTabs">
      <button class="tour-tab active" data-color="violet" data-uc="marketing"><span class="tour-dot"></span>Marketing teams</button>
      <button class="tour-tab" data-color="teal" data-uc="creators"><span class="tour-dot"></span>Creators &amp; social</button>
      <button class="tour-tab" data-color="coral" data-uc="ecommerce"><span class="tour-dot"></span>E-commerce</button>
      <button class="tour-tab" data-color="amber" data-uc="devs"><span class="tour-dot"></span>Developers</button>
    </div>

    <div class="reveal reveal-2 relative rounded-3xl noise-card card-line p-8 sm:p-10 min-h-[220px]">
      <div class="uc-panel" data-uc-panel="marketing">
        <h3 class="font-display text-xl">Track every campaign back to the click that drove it.</h3>
        <p class="text-white/55 mt-3 max-w-2xl leading-relaxed">Tag links by channel and campaign, apply UTM templates automatically, and hand a shareable analytics dashboard to a client without exporting a single spreadsheet.</p>
        <ul class="mt-5 flex flex-wrap gap-x-8 gap-y-2 text-sm text-white/60">
          <li class="flex items-center gap-2"><span class="text-violet">•</span>Campaign tagging &amp; folders</li>
          <li class="flex items-center gap-2"><span class="text-violet">•</span>Shareable analytics dashboards</li>
          <li class="flex items-center gap-2"><span class="text-violet">•</span>Team roles &amp; approvals</li>
        </ul>
      </div>
      <div class="uc-panel hidden" data-uc-panel="creators">
        <h3 class="font-display text-xl">Turn one long product link into a clean, on-brand URL.</h3>
        <p class="text-white/55 mt-3 max-w-2xl leading-relaxed">Drop a branded short link in a bio, a caption or a swipe-up, and see which platform actually drives clicks — instead of guessing from a single generic link-in-bio tool.</p>
        <ul class="mt-5 flex flex-wrap gap-x-8 gap-y-2 text-sm text-white/60">
          <li class="flex items-center gap-2"><span class="text-teal">•</span>One link, per-platform breakdown</li>
          <li class="flex items-center gap-2"><span class="text-teal">•</span>Custom slugs for every drop</li>
          <li class="flex items-center gap-2"><span class="text-teal">•</span>QR code generated automatically</li>
        </ul>
      </div>
      <div class="uc-panel hidden" data-uc-panel="ecommerce">
        <h3 class="font-display text-xl">Every checkout and drop link, tracked and retargetable.</h3>
        <p class="text-white/55 mt-3 max-w-2xl leading-relaxed">Shorten checkout links, drop-day URLs and abandoned-cart follow-ups with retargeting pixels attached automatically — so every click keeps working long after the first visit.</p>
        <ul class="mt-5 flex flex-wrap gap-x-8 gap-y-2 text-sm text-white/60">
          <li class="flex items-center gap-2"><span class="text-coral">•</span>Auto-expiring flash-sale links</li>
          <li class="flex items-center gap-2"><span class="text-coral">•</span>Retargeting pixels built in</li>
          <li class="flex items-center gap-2"><span class="text-coral">•</span>Geo-targeted redirects</li>
        </ul>
      </div>
      <div class="uc-panel hidden" data-uc-panel="devs">
        <h3 class="font-display text-xl">Create and manage links without leaving your own stack.</h3>
        <p class="text-white/55 mt-3 max-w-2xl leading-relaxed">Use the REST API to create, update and delete links programmatically, keep a full audit trail, and let webhooks push click and conversion events straight into your own systems.</p>
        <ul class="mt-5 flex flex-wrap gap-x-8 gap-y-2 text-sm text-white/60">
          <li class="flex items-center gap-2"><span class="text-amber">•</span>REST API &amp; webhooks</li>
          <li class="flex items-center gap-2"><span class="text-amber">•</span>Bulk create, update, delete</li>
          <li class="flex items-center gap-2"><span class="text-amber">•</span>Full audit trail per link</li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!-- ============ FEATURE COMPARISON ============ -->
<section class="py-24 px-6 border-t border-white/[0.06]">
  <div class="max-w-7xl mx-auto">
    <div class="reveal max-w-xl mb-12">
      <span class="text-xs uppercase tracking-[0.2em] text-white/40">Feature comparison</span>
      <h2 class="font-display font-medium text-3xl sm:text-4xl mt-4 leading-tight">How QuitURL's URL shortener stacks up.</h2>
      <p class="text-white/55 mt-4 leading-relaxed">Most link shorteners are good at, well, shortening links. QuitURL bundles the branding, controls and analytics you'd otherwise need a second tool for.</p>
    </div>

    <div class="reveal overflow-x-auto rounded-3xl card-line">
      <table class="comparison-table w-full text-sm min-w-[820px] border-collapse">
        <thead>
          <tr class="border-b border-white/10 text-left">
            <th class="py-5 px-6 font-medium text-white/50 align-bottom">Capability</th>
            <th class="py-4 px-6 align-bottom">
              <span class="inline-flex items-center gap-1.5 text-[10px] font-medium tracking-wide text-teal bg-teal/10 border border-teal/25 rounded-full px-2.5 py-1 mb-2">★ Best value</span>
              <div class="font-display text-white text-base">QuitURL</div>
            </th>
            <th class="py-5 px-6 font-medium text-white/50 align-bottom">Bitly</th>
            <th class="py-5 px-6 font-medium text-white/50 align-bottom">TinyURL</th>
            <th class="py-5 px-6 font-medium text-white/50 align-bottom">Rebrandly</th>
            <th class="py-5 px-6 font-medium text-white/50 align-bottom">Dub</th>
          </tr>
        </thead>
        <tbody class="text-white/70">
          <tr class="border-b border-white/[0.06]">
            <td class="py-4 px-6">Custom branded domain</td>
            <td class="py-4 px-6"><span class="check"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
          </tr>
          <tr class="border-b border-white/[0.06]">
            <td class="py-4 px-6">Real-time click analytics</td>
            <td class="py-4 px-6"><span class="check"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="cross"><svg width="10" height="10" viewBox="0 0 24 24" fill="none"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="3" stroke-linecap="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
          </tr>
          <tr class="border-b border-white/[0.06]">
            <td class="py-4 px-6">Bulk CSV import</td>
            <td class="py-4 px-6"><span class="check"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="cross"><svg width="10" height="10" viewBox="0 0 24 24" fill="none"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="3" stroke-linecap="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
          </tr>
          <tr class="border-b border-white/[0.06]">
            <td class="py-4 px-6">Retargeting pixel support</td>
            <td class="py-4 px-6"><span class="check"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="cross"><svg width="10" height="10" viewBox="0 0 24 24" fill="none"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="3" stroke-linecap="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
          </tr>
          <tr class="border-b border-white/[0.06]">
            <td class="py-4 px-6">Dynamic, editable QR codes</td>
            <td class="py-4 px-6"><span class="check"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="cross"><svg width="10" height="10" viewBox="0 0 24 24" fill="none"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="3" stroke-linecap="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
          </tr>
          <tr class="border-b border-white/[0.06]">
            <td class="py-4 px-6">Password-protected links</td>
            <td class="py-4 px-6"><span class="check"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="cross"><svg width="10" height="10" viewBox="0 0 24 24" fill="none"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="3" stroke-linecap="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="cross"><svg width="10" height="10" viewBox="0 0 24 24" fill="none"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="3" stroke-linecap="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
          </tr>
          <tr>
            <td class="py-4 px-6">Geo &amp; device targeted redirects</td>
            <td class="py-4 px-6"><span class="check"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="cross"><svg width="10" height="10" viewBox="0 0 24 24" fill="none"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="3" stroke-linecap="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="cross"><svg width="10" height="10" viewBox="0 0 24 24" fill="none"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="3" stroke-linecap="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="cross"><svg width="10" height="10" viewBox="0 0 24 24" fill="none"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="3" stroke-linecap="round"/></svg></span></td>
            <td class="py-4 px-6"><span class="check-muted"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><path d="M4 12l5 5L20 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
          </tr>
        </tbody>
      </table>
    </div>
    <p class="reveal text-xs text-white/35 mt-4">Comparison reflects publicly listed features as of 2026 and may change as products evolve.</p>
  </div>
</section>

<!-- ============ TESTIMONIALS ============ -->
<section class="py-24 px-6 border-t border-white/[0.06]">
  <div class="max-w-7xl mx-auto">
    <div class="reveal max-w-xl mb-14">
      <span class="text-xs uppercase tracking-[0.2em] text-white/40">Customers</span>
      <h2 class="font-display font-medium text-3xl sm:text-4xl mt-4 leading-tight">Teams who quit their old shortener and didn't look back.</h2>
    </div>
    <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
      <div class="reveal rounded-3xl card-line p-6">
        <p class="text-white/75 leading-relaxed text-sm">"The moment we switched to a branded domain, our email click-through rate went up. Same list, same copy — just a link people recognized."</p>
        <div class="mt-6 flex items-center gap-3">
          <div class="w-9 h-9 rounded-full bg-violet/30"></div>
          <div><div class="text-sm font-medium">Priya N.</div><div class="text-xs text-white/40">Growth Lead, DTC brand</div></div>
        </div>
      </div>
      <div class="reveal reveal-1 rounded-3xl card-line p-6">
        <p class="text-white/75 leading-relaxed text-sm">"I used to dread a typo in a landing page URL after a newsletter went out. Now I just edit the destination and it's fixed everywhere at once."</p>
        <div class="mt-6 flex items-center gap-3">
          <div class="w-9 h-9 rounded-full bg-teal/30"></div>
          <div><div class="text-sm font-medium">Marcus T.</div><div class="text-xs text-white/40">Lifecycle Marketer</div></div>
        </div>
      </div>
      <div class="reveal reveal-2 rounded-3xl card-line p-6">
        <p class="text-white/75 leading-relaxed text-sm">"Bulk importing four years of old shortened links took one CSV upload. Every redirect kept working — nobody on our team noticed a gap."</p>
        <div class="mt-6 flex items-center gap-3">
          <div class="w-9 h-9 rounded-full bg-coral/30"></div>
          <div><div class="text-sm font-medium">Aisha K.</div><div class="text-xs text-white/40">Full-stack Developer</div></div>
        </div>
      </div>
      <div class="reveal reveal-3 rounded-3xl card-line p-6">
        <p class="text-white/75 leading-relaxed text-sm">"Our clients see a domain with their name on it, not ours. That alone has come up in three renewal conversations this year."</p>
        <div class="mt-6 flex items-center gap-3">
          <div class="w-9 h-9 rounded-full bg-amber/30"></div>
          <div><div class="text-sm font-medium">Devon R.</div><div class="text-xs text-white/40">Creative Director</div></div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ============ PRICING TEASER ============ -->
<section id="pricing" class="py-24 px-6 border-t border-white/[0.06] relative overflow-hidden">
  <div class="pointer-events-none absolute inset-0 opacity-30" style="background: radial-gradient(50% 60% at 50% 0%, rgba(124,111,240,0.12), transparent 70%);"></div>
  <div class="max-w-7xl mx-auto relative">
    <div class="reveal max-w-xl mb-8">
      <span class="text-xs uppercase tracking-[0.2em] text-white/40">Pricing</span>
      <h2 class="font-display font-medium text-3xl sm:text-4xl mt-4 leading-tight">Plans that scale with your links.</h2>
      <p class="text-white/55 mt-4 leading-relaxed">From a handful of short links to enterprise-scale campaigns — pick the plan that matches how far you want to go.</p>
    </div>

    <div class="reveal reveal-1 inline-flex items-center gap-1 rounded-full card-line p-1 mb-10" id="pricingToggle">
      <button type="button" data-period="monthly" class="price-toggle-btn active">Monthly</button>
      <button type="button" data-period="yearly" class="price-toggle-btn">Yearly <span class="text-teal text-[10px] font-semibold">Save up to 38%</span></button>
    </div>

    <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4">

      <!-- Starter -->
      <div class="reveal plan-card rounded-3xl card-line p-6">
        <div class="text-base font-display text-white">Starter</div>
        <p class="text-xs text-white/45 mt-2.5 leading-relaxed min-h-[52px]">👉 Just getting started? Everything you need to shorten, share and track — nothing more, nothing less.</p>
        <div class="font-display text-3xl mt-4">
          <span class="price-amount" data-monthly="$4.44" data-yearly="$33">$4.44</span><span class="text-sm text-white/40 font-body price-period">/month</span>
        </div>
        <p class="text-xs text-teal mt-1.5 price-savings hidden">Save 38% by paying yearly</p>
        <div class="mt-5 pt-5 border-t border-white/10 text-sm text-white/65">
          <div class="plan-feature-row"><span>Short Links</span><span class="text-white/85 font-medium">108/mo</span></div>
          <div class="plan-feature-row"><span>Link Clicks</span><span class="text-white/85 font-medium">50,000/mo</span></div>
          <div class="plan-feature-row"><span>QR Codes</span><span class="text-white/85 font-medium">33/mo</span></div>
          <div class="plan-feature-row"><span>Bio Pages</span><span class="text-white/85 font-medium">51</span></div>
          <div class="plan-feature-row"><span>Data Retention</span><span class="text-white/85 font-medium">108 days</span></div>
          <div class="plan-feature-row"><span>SLA Uptime</span><span class="text-teal font-medium">97% ✓</span></div>
        </div>
      </div>

      <!-- Growth -->
      <div class="reveal reveal-1 plan-card rounded-3xl card-line p-6">
        <div class="text-base font-display text-white">Growth</div>
        <p class="text-xs text-white/45 mt-2.5 leading-relaxed min-h-[52px]">👉 Ready to grow? Reach more people, track smarter and start building your brand online.</p>
        <div class="font-display text-3xl mt-4">
          <span class="price-amount" data-monthly="$11.11" data-yearly="$111">$11.11</span><span class="text-sm text-white/40 font-body price-period">/month</span>
        </div>
        <p class="text-xs text-teal mt-1.5 price-savings hidden">Save 17% by paying yearly</p>
        <div class="mt-5 pt-5 border-t border-white/10 text-sm text-white/65">
          <div class="plan-feature-row"><span>Short Links</span><span class="text-white/85 font-medium">500/mo</span></div>
          <div class="plan-feature-row"><span>Link Clicks</span><span class="text-white/85 font-medium">1,000,000/mo</span></div>
          <div class="plan-feature-row"><span>QR Codes</span><span class="text-white/85 font-medium">51/mo</span></div>
          <div class="plan-feature-row"><span>Bio Pages</span><span class="text-white/85 font-medium">51</span></div>
          <div class="plan-feature-row"><span>Data Retention</span><span class="text-white/85 font-medium">555 days</span></div>
          <div class="plan-feature-row"><span>SLA Uptime</span><span class="text-teal font-medium">98% ✓</span></div>
        </div>
      </div>

      <!-- Pro (most popular) -->
      <div class="reveal reveal-2 plan-card rounded-3xl p-6 relative" style="background:linear-gradient(155deg, rgba(124,111,240,0.16), rgba(43,200,183,0.06)); border:1px solid rgba(124,111,240,0.4);">
        <span class="absolute -top-3 left-6 text-[11px] font-medium bg-violet text-white rounded-full px-2.5 py-1">Most popular</span>
        <div class="text-base font-display text-white">Pro</div>
        <p class="text-xs text-white/50 mt-2.5 leading-relaxed min-h-[52px]">👉 Serious about your links? Take full control with advanced targeting, white-label branding &amp; zero limits.</p>
        <div class="font-display text-3xl mt-4">
          <span class="price-amount" data-monthly="$22.22" data-yearly="$222">$22.22</span><span class="text-sm text-white/40 font-body price-period">/month</span>
        </div>
        <p class="text-xs text-teal mt-1.5 price-savings hidden">Save 17% by paying yearly</p>
        <div class="mt-5 pt-5 border-t border-white/10 text-sm text-white/70">
          <div class="plan-feature-row"><span>Short Links</span><span class="text-white/90 font-medium">2,000/mo</span></div>
          <div class="plan-feature-row"><span>Link Clicks</span><span class="text-violet font-medium">∞</span></div>
          <div class="plan-feature-row"><span>QR Codes</span><span class="text-white/90 font-medium">108/mo</span></div>
          <div class="plan-feature-row"><span>Bio Pages</span><span class="text-white/90 font-medium">108</span></div>
          <div class="plan-feature-row"><span>Data Retention</span><span class="text-violet font-medium">∞</span></div>
          <div class="plan-feature-row"><span>SLA Uptime</span><span class="text-teal font-medium">99.9% ✓</span></div>
        </div>
      </div>

      <!-- Business -->
      <div class="reveal reveal-3 plan-card rounded-3xl card-line p-6">
        <div class="text-base font-display text-white">Business</div>
        <p class="text-xs text-white/45 mt-2.5 leading-relaxed min-h-[52px]">👉 Built for teams that mean business. Manage clients, campaigns and every link — at enterprise scale.</p>
        <div class="font-display text-3xl mt-4">
          <span class="price-amount" data-monthly="$77.77" data-yearly="$777">$77.77</span><span class="text-sm text-white/40 font-body price-period">/month</span>
        </div>
        <p class="text-xs text-teal mt-1.5 price-savings hidden">Save 17% by paying yearly</p>
        <div class="mt-5 pt-5 border-t border-white/10 text-sm text-white/65">
          <div class="plan-feature-row"><span>Short Links</span><span class="text-white/85 font-medium">20,000/mo</span></div>
          <div class="plan-feature-row"><span>Link Clicks</span><span class="text-violet font-medium">∞</span></div>
          <div class="plan-feature-row"><span>QR Codes</span><span class="text-white/85 font-medium">501/mo</span></div>
          <div class="plan-feature-row"><span>Bio Pages</span><span class="text-white/85 font-medium">333</span></div>
          <div class="plan-feature-row"><span>Data Retention</span><span class="text-violet font-medium">∞</span></div>
          <div class="plan-feature-row"><span>SLA Uptime</span><span class="text-teal font-medium">99.999% ✓</span></div>
        </div>
      </div>

    </div>

    <div class="reveal reveal-4 mt-8">
      <a href="https://quiturl.com/pricing" class="btn-ripple inline-flex items-center gap-2 rounded-full card-line px-6 py-3 text-sm font-medium hover:bg-white/5 transition-colors" target="_blank" rel="noopener">
        See full pricing &amp; plans
        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
      </a>
    </div>
  </div>
</section>

<!-- ============ FAQ ============ -->
<section id="faq" class="py-24 px-6 border-t border-white/[0.06]">
  <div class="max-w-4xl mx-auto">
    <div class="reveal text-center mb-14">
      <span class="text-xs uppercase tracking-[0.2em] text-white/40">FAQ</span>
      <h2 class="font-display font-medium text-3xl sm:text-4xl mt-4">Questions people ask about the URL shortener.</h2>
    </div>
    <div class="space-y-3" id="faqList">
      <div class="reveal faq-item rounded-2xl card-line overflow-hidden">
        <button class="faq-q w-full flex items-center justify-between text-left px-6 py-5">
          <span class="font-medium">What is a URL shortener?</span>
          <span class="faq-icon text-white/40 transition-transform">+</span>
        </button>
        <div class="accordion-panel"><p class="px-6 pb-5 text-white/55 text-sm leading-relaxed">A URL shortener takes a long web address and creates a shorter link that redirects to the same destination. QuitURL's URL shortener also lets you put that short link on your own domain, track every click, and change the destination later.</p></div>
      </div>
      <div class="reveal faq-item rounded-2xl card-line overflow-hidden">
        <button class="faq-q w-full flex items-center justify-between text-left px-6 py-5">
          <span class="font-medium">Is QuitURL's URL shortener free?</span>
          <span class="faq-icon text-white/40 transition-transform">+</span>
        </button>
        <div class="accordion-panel"><p class="px-6 pb-5 text-white/55 text-sm leading-relaxed">Yes — you can shorten and track links on a free plan with no credit card required. Paid plans unlock custom domains, bulk imports, retargeting pixels and higher link volume.</p></div>
      </div>
      <div class="reveal faq-item rounded-2xl card-line overflow-hidden">
        <button class="faq-q w-full flex items-center justify-between text-left px-6 py-5">
          <span class="font-medium">Can I use my own domain for short links?</span>
          <span class="faq-icon text-white/40 transition-transform">+</span>
        </button>
        <div class="accordion-panel"><p class="px-6 pb-5 text-white/55 text-sm leading-relaxed">Yes. Connect any domain you already own and QuitURL handles SSL and routing automatically — most people finish in under ten minutes with our step-by-step guide.</p></div>
      </div>
      <div class="reveal faq-item rounded-2xl card-line overflow-hidden">
        <button class="faq-q w-full flex items-center justify-between text-left px-6 py-5">
          <span class="font-medium">Can I edit a short link after I've already shared it?</span>
          <span class="faq-icon text-white/40 transition-transform">+</span>
        </button>
        <div class="accordion-panel"><p class="px-6 pb-5 text-white/55 text-sm leading-relaxed">Yes. The short link itself never changes — you can update where it points, add an expiration date, or password-protect it at any time, even after it's already been printed, posted or sent.</p></div>
      </div>
      <div class="reveal faq-item rounded-2xl card-line overflow-hidden">
        <button class="faq-q w-full flex items-center justify-between text-left px-6 py-5">
          <span class="font-medium">Are shortened links safe to click?</span>
          <span class="faq-icon text-white/40 transition-transform">+</span>
        </button>
        <div class="accordion-panel"><p class="px-6 pb-5 text-white/55 text-sm leading-relaxed">QuitURL links run on your own branded domain rather than a shared, anonymous one, which is part of why they tend to earn more trust and fewer safety warnings than a generic shortener. You can also see every destination and click history from your dashboard at any time.</p></div>
      </div>
      <div class="reveal faq-item rounded-2xl card-line overflow-hidden">
        <button class="faq-q w-full flex items-center justify-between text-left px-6 py-5">
          <span class="font-medium">Do you support bulk URL shortening or an API?</span>
          <span class="faq-icon text-white/40 transition-transform">+</span>
        </button>
        <div class="accordion-panel"><p class="px-6 pb-5 text-white/55 text-sm leading-relaxed">Yes. Import a CSV to shorten large batches of links at once, or use the REST API and webhooks to create, update and track links directly from your own systems.</p></div>
      </div>
    </div>
  </div>
</section>

<!-- ============ FINAL CTA ============ -->
<section class="py-28 px-6">
  <div class="max-w-5xl mx-auto reveal rounded-[2.5rem] noise-card card-line p-12 sm:p-16 text-center relative overflow-hidden">
    <div class="absolute -top-20 left-1/2 -translate-x-1/2 w-72 h-72 glow"></div>
    <h2 class="font-display font-medium text-3xl sm:text-5xl leading-tight relative">
      Quit long links. <span class="grad-text">Start shortening for free.</span>
    </h2>
    <p class="text-white/55 mt-5 max-w-lg mx-auto relative">Branded domains, real-time click analytics, editable destinations and a REST API — all in the URL shortener you'll actually want to switch to. No credit card required.</p>
    <div class="mt-9 flex flex-wrap items-center justify-center gap-4 relative">
      <a href="https://quiturl.com/user/register" class="btn-ripple bg-white text-ink rounded-full px-7 py-3.5 font-medium text-sm hover:bg-white/90 transition-colors" target="_blank" rel="noopener">Shorten a link — free</a>
      <a href="https://quiturl.com/pricing" class="text-sm text-white/70 hover:text-white transition-colors" target="_blank" rel="noopener">See pricing →</a>
    </div>
  </div>
</section>

<script>
  // ---- Scroll reveal ----
  const revealEls = document.querySelectorAll('.reveal');
  const io = new IntersectionObserver((entries) => {
    entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });
  }, { threshold: 0.12 });
  revealEls.forEach(el => io.observe(el));

  // ---- Button ripple ----
  document.querySelectorAll('.btn-ripple').forEach(btn => {
    btn.addEventListener('click', function(e){
      const rect = this.getBoundingClientRect();
      const circle = document.createElement('span');
      const size = Math.max(rect.width, rect.height);
      circle.style.width = circle.style.height = size + 'px';
      circle.style.left = (e.clientX - rect.left - size/2) + 'px';
      circle.style.top = (e.clientY - rect.top - size/2) + 'px';
      circle.classList.add('ripple-el');
      this.appendChild(circle);
      setTimeout(() => circle.remove(), 650);
    });
  });

  // ---- Counter animation ----
  function animateCounter(el){
    const target = parseFloat(el.dataset.target);
    const decimals = parseInt(el.dataset.decimals || '0');
    const suffix = el.dataset.suffix || '';
    const duration = 1600;
    const start = performance.now();
    function tick(now){
      const p = Math.min((now - start) / duration, 1);
      const eased = 1 - Math.pow(1 - p, 3);
      const val = target * eased;
      const num = decimals ? val.toFixed(decimals) : Math.floor(val).toLocaleString();
      el.textContent = num + suffix;
      if (p < 1) requestAnimationFrame(tick);
      else el.textContent = (decimals ? target.toFixed(decimals) : target.toLocaleString()) + suffix;
    }
    requestAnimationFrame(tick);
  }
  const counterIo = new IntersectionObserver((entries) => {
    entries.forEach(e => { if (e.isIntersecting) { animateCounter(e.target); counterIo.unobserve(e.target); } });
  }, { threshold: 0.4 });
  document.querySelectorAll('.counter[data-target]').forEach(el => counterIo.observe(el));

  // ---- Hero shorten demo ----
  const hsBtn = document.getElementById('hsBtn');
  const hsBtnIcon = document.getElementById('hsBtnIcon');
  const hsBtnLabel = document.getElementById('hsBtnLabel');
  hsBtn.addEventListener('click', () => {
    if (hsBtn.disabled) return;
    hsBtn.disabled = true;
    hsBtnIcon.innerHTML = '<span class="spinner"></span>';
    hsBtnLabel.textContent = 'Shortening…';
    setTimeout(() => {
      hsBtnIcon.innerHTML = '<svg class="pop-in" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8.5l3.2 3.2L13 4.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';
      hsBtnLabel.textContent = 'Redirecting…';
      setTimeout(() => { window.location.href = 'https://quiturl.com/user/login'; }, 500);
    }, 700);
  });

  // ---- Link X-Ray toggle ----
  const xrayData = {
    before: { text: 'bit.ly/3xK9pQz', badgeText: '⚠ unfamiliar domain', badgeClass: 'text-coral bg-coral/10', clicks: '—', geo: 'No data', trust: '0%', caption: 'A random shortener: no brand, no data, and no way to fix a mistake after you\'ve hit send.' },
    after:  { text: 'go.yourbrand.com/sale', badgeText: '✓ recognized domain', badgeClass: 'text-teal bg-teal/10', clicks: '2,481', geo: 'Canada', trust: '94%', caption: 'Same destination, shortened with QuitURL — branded, tracked, and editable at any time.' }
  };
  const xrayLinkText = document.getElementById('xrayLinkText');
  const xrayLinkBadge = document.getElementById('xrayLinkBadge');
  const xrayClicks = document.getElementById('xrayClicks');
  const xrayGeo = document.getElementById('xrayGeo');
  const xrayTrust = document.getElementById('xrayTrust');
  const xrayCaption = document.getElementById('xrayCaption');
  const xrayThumb = document.getElementById('xrayThumb');
  function setXray(state){
    const d = xrayData[state];
    [xrayClicks, xrayGeo, xrayTrust].forEach(el => el.classList.remove('pop-in'));
    xrayLinkText.textContent = d.text;
    xrayLinkBadge.textContent = d.badgeText;
    xrayLinkBadge.className = 'text-[10px] shrink-0 rounded-full px-2.5 py-1 font-medium ' + d.badgeClass;
    xrayClicks.textContent = d.clicks;
    xrayGeo.textContent = d.geo;
    xrayTrust.textContent = d.trust;
    xrayCaption.textContent = d.caption;
    void xrayClicks.offsetWidth;
    [xrayClicks, xrayGeo, xrayTrust].forEach(el => el.classList.add('pop-in'));
    xrayThumb.style.transform = state === 'after' ? 'translateX(100%)' : 'translateX(0)';
    document.querySelectorAll('.xray-btn').forEach(b => b.classList.toggle('active', b.dataset.state === state));
  }
  document.querySelectorAll('.xray-btn').forEach(btn => {
    btn.addEventListener('click', () => setXray(btn.dataset.state));
  });

  // ---- Chart bars (analytics section) ----
  const chartBarsShort = document.getElementById('chartBarsShort');
  const chartData = [30,42,38,55,50,64,58,72,68,82,76,90,86,98];
  const chartMax = Math.max(...chartData);
  chartData.forEach((v, i) => {
    const wrap = document.createElement('div');
    wrap.className = 'relative flex-1 h-full flex items-end group/bar';
    const bar = document.createElement('div');
    bar.className = 'w-full rounded-t-md bg-gradient-to-t from-teal/70 to-violet/60 transition-all duration-700 group-hover/bar:brightness-125';
    bar.style.height = '0%';
    wrap.appendChild(bar);
    chartBarsShort.appendChild(wrap);
    setTimeout(() => { bar.style.height = (v/chartMax*100) + '%'; }, 150 + i*55);
  });
  const chartIo = new IntersectionObserver((entries) => {
    entries.forEach(e => {
      if (e.isIntersecting){
        chartBarsShort.querySelectorAll('.group\\/bar > div').forEach((bar, i) => {
          setTimeout(() => bar.style.height = (chartData[i]/chartMax*100) + '%', i*55);
        });
        chartIo.unobserve(e.target);
      }
    });
  }, { threshold: 0.3 });
  chartIo.observe(chartBarsShort);

  // ---- Use case tabs ----
  const ucTabs = document.querySelectorAll('#ucTabs .tour-tab');
  const ucPanels = document.querySelectorAll('.uc-panel');
  ucTabs.forEach(tab => {
    tab.addEventListener('click', () => {
      ucTabs.forEach(t => t.classList.remove('active'));
      tab.classList.add('active');
      const key = tab.dataset.uc;
      ucPanels.forEach(p => p.classList.toggle('hidden', p.dataset.ucPanel !== key));
    });
  });

  // ---- Pricing period toggle ----
  const pricingToggle = document.getElementById('pricingToggle');
  if (pricingToggle) {
    const toggleBtns = pricingToggle.querySelectorAll('.price-toggle-btn');
    const priceAmounts = document.querySelectorAll('.price-amount');
    const pricePeriods = document.querySelectorAll('.price-period');
    const priceSavings = document.querySelectorAll('.price-savings');
    toggleBtns.forEach(btn => {
      btn.addEventListener('click', () => {
        const period = btn.dataset.period;
        toggleBtns.forEach(b => b.classList.toggle('active', b === btn));
        priceAmounts.forEach(el => { el.textContent = period === 'yearly' ? el.dataset.yearly : el.dataset.monthly; });
        pricePeriods.forEach(el => { el.textContent = period === 'yearly' ? '/year' : '/month'; });
        priceSavings.forEach(el => el.classList.toggle('hidden', period !== 'yearly'));
      });
    });
  }

  // ---- FAQ accordion ----
  document.querySelectorAll('.faq-item').forEach(item => {
    const q = item.querySelector('.faq-q');
    const panel = item.querySelector('.accordion-panel');
    const icon = item.querySelector('.faq-icon');
    q.addEventListener('click', () => {
      const isOpen = panel.style.maxHeight && panel.style.maxHeight !== '0px';
      document.querySelectorAll('.accordion-panel').forEach(p => p.style.maxHeight = '0px');
      document.querySelectorAll('.faq-icon').forEach(i => i.style.transform = 'rotate(0deg)');
      if (!isOpen){ panel.style.maxHeight = panel.scrollHeight + 'px'; icon.style.transform = 'rotate(45deg)'; }
    });
  });
</script>
</body>
</html>
				</div>
				</div>
				</div>
				<footer data-elementor-type="footer" data-elementor-id="37" class="elementor elementor-37 elementor-location-footer" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-7c6fea2 e-con-full e-flex e-con e-parent" data-id="7c6fea2" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-bc73912 e-con-full e-flex e-con e-child" data-id="bc73912" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-6608966 elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="6608966" data-element_type="widget" data-e-type="widget" data-widget_type="theme-site-logo.default">
											<a href="https://quiturl.us">
			<img width="807" height="197" src="https://quiturl.us/wp-content/uploads/2026/07/Quiturl-high-quality-logo-v1.png" class="attachment-full size-full wp-image-49" alt="" srcset="https://quiturl.us/wp-content/uploads/2026/07/Quiturl-high-quality-logo-v1.png 807w, https://quiturl.us/wp-content/uploads/2026/07/Quiturl-high-quality-logo-v1-300x73.png 300w, https://quiturl.us/wp-content/uploads/2026/07/Quiturl-high-quality-logo-v1-768x187.png 768w" sizes="(max-width: 807px) 100vw, 807px" />				</a>
											</div>
				<div class="elementor-element elementor-element-f61b7e1 elementor-widget elementor-widget-text-editor" data-id="f61b7e1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Tired of paying for multiple tools? QuitURL replaces Bitly, Linktree, QR Tiger, Rebrandly, TinyURL, T2M, Cuttly and BL.INK with one affordable platform.</p><p>Create branded short links, dynamic QR codes, bio pages, file hosting, real-time analytics and advanced targeting—all from a single dashboard.</p>								</div>
				<div class="elementor-element elementor-element-ef96a08 elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons" data-id="ef96a08" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default">
							<div class="elementor-social-icons-wrapper elementor-grid" role="list">
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-1b73e4a" href="https://www.facebook.com/QuitURL" target="_blank">
						<span class="elementor-screen-only">Facebook</span>
						<svg aria-hidden="true" class="e-font-icon-svg e-fab-facebook" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><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>
				</span>
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-0a957f2" href="https://x.com/quiturl24" target="_blank">
						<span class="elementor-screen-only">X-twitter</span>
						<svg aria-hidden="true" class="e-font-icon-svg e-fab-x-twitter" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>					</a>
				</span>
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-3cabd92" href="https://www.youtube.com/@DeepThinkarLLC" target="_blank">
						<span class="elementor-screen-only">Youtube</span>
						<svg aria-hidden="true" class="e-font-icon-svg e-fab-youtube" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg>					</a>
				</span>
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-d700061" href="https://www.instagram.com/quiturl" target="_blank">
						<span class="elementor-screen-only">Instagram</span>
						<svg aria-hidden="true" class="e-font-icon-svg e-fab-instagram" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>					</a>
				</span>
					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-ef001b9 e-con-full e-flex e-con e-child" data-id="ef001b9" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-2b8d578 elementor-widget elementor-widget-heading" data-id="2b8d578" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h5 class="elementor-heading-title elementor-size-default">PRODUCT</h5>				</div>
				<div class="elementor-element elementor-element-d687544 elementor-widget elementor-widget-text-editor" data-id="d687544" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="https://quiturl.us/url-shortener/">Link Shortener</a></p>								</div>
				<div class="elementor-element elementor-element-e16adec elementor-widget elementor-widget-text-editor" data-id="e16adec" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="https://quiturl.us/qr-code-generator/">QR Code Generator</a></p>								</div>
				<div class="elementor-element elementor-element-9cca99c elementor-widget elementor-widget-text-editor" data-id="9cca99c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="https://quiturl.us/#bio">Bio Pages</a></p>								</div>
				<div class="elementor-element elementor-element-fb0299a elementor-widget elementor-widget-text-editor" data-id="fb0299a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a href="https://quiturl.us/#sms" style="color:rgba(255,255,255,0.55);text-decoration:none;font-size:14px;">SMS Marketing</a></p>								</div>
				<div class="elementor-element elementor-element-791032a elementor-widget elementor-widget-text-editor" data-id="791032a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="https://quiturl.us/#files">File Hosting</a></p>								</div>
				</div>
		<div class="elementor-element elementor-element-9b0e80c e-con-full e-flex e-con e-child" data-id="9b0e80c" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-2f9e92b elementor-widget elementor-widget-heading" data-id="2f9e92b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h5 class="elementor-heading-title elementor-size-default">COMPANY</h5>				</div>
				<div class="elementor-element elementor-element-c7fd16f elementor-widget elementor-widget-text-editor" data-id="c7fd16f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="https://quiturl.us/about/">About US</a></p>								</div>
				<div class="elementor-element elementor-element-c9a671e elementor-widget elementor-widget-text-editor" data-id="c9a671e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="https://quiturl.com/contact">Contact US</a></p>								</div>
				<div class="elementor-element elementor-element-adfa66c elementor-widget elementor-widget-text-editor" data-id="adfa66c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="https://quiturl.com/affiliate">Careers</a></p>								</div>
				<div class="elementor-element elementor-element-2e92f14 elementor-widget elementor-widget-text-editor" data-id="2e92f14" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="https://quiturl.com/blog">Blog</a></p>								</div>
				<div class="elementor-element elementor-element-556fbe3 elementor-widget elementor-widget-text-editor" data-id="556fbe3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="https://quiturl.com/report">Reports</a></p>								</div>
				</div>
		<div class="elementor-element elementor-element-90c24fb e-con-full e-flex e-con e-child" data-id="90c24fb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b5d22bb elementor-widget elementor-widget-heading" data-id="b5d22bb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h5 class="elementor-heading-title elementor-size-default">RESOURCES</h5>				</div>
				<div class="elementor-element elementor-element-41a1a21 elementor-widget elementor-widget-text-editor" data-id="41a1a21" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="https://quiturl.us/#comparison">Compare tools</a></p>								</div>
				<div class="elementor-element elementor-element-36d8113 elementor-widget elementor-widget-text-editor" data-id="36d8113" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="#">Help center</a></p>								</div>
				<div class="elementor-element elementor-element-91f3375 elementor-widget elementor-widget-text-editor" data-id="91f3375" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="#">Developer API</a></p>								</div>
				<div class="elementor-element elementor-element-5082821 elementor-widget elementor-widget-text-editor" data-id="5082821" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="#">System status</a></p>								</div>
				<div class="elementor-element elementor-element-bab7f8d elementor-widget elementor-widget-text-editor" data-id="bab7f8d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="#">System status</a></p>								</div>
				</div>
		<div class="elementor-element elementor-element-7a33059 e-con-full e-flex e-con e-child" data-id="7a33059" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-db16c69 elementor-widget elementor-widget-heading" data-id="db16c69" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h5 class="elementor-heading-title elementor-size-default">LEGAL</h5>				</div>
				<div class="elementor-element elementor-element-0fb331e elementor-widget elementor-widget-text-editor" data-id="0fb331e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="https://quiturl.us/privacy-policy/">Privacy Policy</a></p>								</div>
				<div class="elementor-element elementor-element-bfeb64f elementor-widget elementor-widget-text-editor" data-id="bfeb64f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="https://quiturl.us/cookie-policy/">Cookie Policy</a></p>								</div>
				<div class="elementor-element elementor-element-2cc22d0 elementor-widget elementor-widget-text-editor" data-id="2cc22d0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="#">Terms of Service</a></p>								</div>
				<div class="elementor-element elementor-element-cab0194 elementor-widget elementor-widget-text-editor" data-id="cab0194" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="https://quiturl.us/accessibility-statement/">Accesibility Statement</a></p>								</div>
				<div class="elementor-element elementor-element-db520a5 elementor-widget elementor-widget-text-editor" data-id="db520a5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><a style="color: rgba(255,255,255,0.55); text-decoration: none; font-size: 14px;" href="#">System status</a></p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-00c48e7 e-flex e-con-boxed e-con e-parent" data-id="00c48e7" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-e2e9c1e elementor-widget elementor-widget-text-editor" data-id="e2e9c1e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>© 2025 <a class="fw-bold" href="https://quiturl.com/">QuitURL by Deep Thinkar LLC</a>. All Rights Reserved.</p>								</div>
					</div>
				</div>
				</footer>
		
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
			<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<script id="hello-theme-frontend-js" src="https://quiturl.us/wp-content/themes/hello-elementor/assets/js/hello-frontend.js?ver=3.4.9"></script>
<script id="elementor-webpack-runtime-js" src="https://quiturl.us/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.1.4"></script>
<script id="elementor-frontend-modules-js" src="https://quiturl.us/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.1.4"></script>
<script id="jquery-ui-core-js" src="https://quiturl.us/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"4.1.4","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"e_panel_promotions":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"e_pro_free_trial_popup":true,"nested-elements":true,"global_classes_should_enforce_capabilities":true,"e_opt_in_v4_page":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true,"e_pro_atomic_form":true,"mega-menu":true,"e_pro_variables":true,"e_pro_interactions":true},"urls":{"assets":"https:\/\/quiturl.us\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/quiturl.us\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/quiturl.us\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"5cfb15a1d7","atomicFormsSendForm":"a169ed3fe8"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"body_background_background":"classic","active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"logo","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":203,"title":"Best%20URL%20Shortener%20in%20July%202026%20%7C%20QuitURL","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script id="elementor-frontend-js" src="https://quiturl.us/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.1.4"></script>
<script id="smartmenus-js" src="https://quiturl.us/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1"></script>
<script id="e-sticky-js" src="https://quiturl.us/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=4.1.2"></script>
<script id="elementor-pro-webpack-runtime-js" src="https://quiturl.us/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=4.1.2"></script>
<script id="wp-hooks-js" src="https://quiturl.us/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
<script id="wp-i18n-js" src="https://quiturl.us/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/quiturl.us\/wp-admin\/admin-ajax.php","nonce":"ba0a696e17","urls":{"assets":"https:\/\/quiturl.us\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/quiturl.us\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/quiturl.us\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
//# sourceURL=elementor-pro-frontend-js-before
</script>
<script id="elementor-pro-frontend-js" src="https://quiturl.us/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=4.1.2"></script>
<script id="pro-elements-handlers-js" src="https://quiturl.us/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=4.1.2"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://quiturl.us/wp-includes/js/wp-emoji-release.min.js?ver=7.0.1"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://quiturl.us/wp-includes/js/wp-emoji-loader.min.js
</script>

</body>
</html>