1<!DOCTYPE html><html lang="en"><head> 2 <meta charset="UTF-8"> 3 <link rel="icon" type="image/svg+xml" href="/business-lane-icon.svg"> 4 <!-- Google's favicon crawler wants a real /favicon.ico and a raster icon 5 of at least 48px; the SVG alone leaves it showing a stale cache. --> 6 <link rel="icon" type="image/svg+xml" sizes="48x48" href="/business-lane-icon.svg"> 7 <link rel="apple-touch-icon" href="/icon-256.png"> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 9 <!-- Defaults only. Every route replaces these at runtime (utils/seoMeta.js), 10 and a tenant subdomain replaces them with the business's own details 11 (composables/useSeo.js). What matters here is that the values a crawler 12 sees before any of that runs are true of the page it is looking at. --> 13 <meta name="description" content="Build a business website in an afternoon â services, bookings, reviews and an online shop, with invoices and stock in one dashboard. Free trial, no card."> 14 <meta name="theme-color" content="#ff7a45"> 15 <meta property="og:type" content="website"> 16 <meta property="og:site_name" content="Business Lane"> 17 <meta property="og:title" content="Business Website Builder for Local Trades | Business Lane"> 18 <meta property="og:description" content="Build a business website in an afternoon â services, bookings, reviews and an online shop, with invoices and stock in one dashboard. Free trial, no card."> 19 <meta property="og:image" content="https://business-lane.com/business-lane-cover.png"> 20 <meta property="og:image:alt" content="A Business Lane website shown on a laptop and a phone"> 21 <meta name="twitter:card" content="summary_large_image"> 22 <meta name="twitter:title" content="Business Website Builder for Local Trades | Business Lane"> 23 <meta name="twitter:description" content="Build a business website in an afternoon â services, bookings, reviews and an online shop, with invoices and stock in one dashboard. Free trial, no card."> 24 <meta name="twitter:image" content="https://business-lane.com/business-lane-cover.png"> 25 <title>Business Website Builder for Local Trades | Business Lane</title> 26
26<script type="module" crossorigin="" src="/assets/index-BUoSTGTV.js"></script>
26 27 <link rel="modulepreload" crossorigin="" href="/assets/vendor-core-ByrB1I1z.js"> 28 <link rel="modulepreload" crossorigin="" href="/assets/rolldown-runtime-QTnfLwEv.js"> 29 <link rel="modulepreload" crossorigin="" href="/assets/vendor-babel-XTUshykp.js"> 30 <link rel="modulepreload" crossorigin="" href="/assets/vendor-gMPUZDQY.js"> 31 <link rel="modulepreload" crossorigin="" href="/assets/shared-u6UeEZvS.js"> 32 <link rel="modulepreload" crossorigin="" href="/assets/vendor-core-Czpn1I53.js"> 33 <link rel="stylesheet" crossorigin="" href="/assets/vendor-DIPZEjqT.css"> 34 <link rel="stylesheet" crossorigin="" href="/assets/shared-B8L9swJO.css"> 35 <link rel="stylesheet" crossorigin="" href="/assets/index-CxpTEzjr.css"> 36 <link rel="modulepreload" as="script" crossorigin="" href="https://business-lane.com/assets/HomePage-BQywFy1w.js"><link rel="modulepreload" as="script" crossorigin="" href="https://business-lane.com/assets/marketing-Bmwxrtys.js"><link rel="stylesheet" crossorigin="" href="https://business-lane.com/assets/marketing-NCfuepWe.css"><link rel="modulepreload" as="script" crossorigin="" href="https://business-lane.com/assets/PublicBusinessPage-BmG5ZeLN.js"><link rel="modulepreload" as="script" crossorigin="" href="https://business-lane.com/assets/components-C17tSsFj.js"><link rel="modulepreload" as="script" crossorigin="" href="https://business-lane.com/assets/ItemDetailsFields-CIx9WUPp.js"><link rel="modulepreload" as="script" crossorigin="" href="https://business-lane.com/assets/ItemQuestionFields-B6eDryu4.js"><link rel="modulepreload" as="script" crossorigin="" href="https://business-lane.com/assets/ProductDetailsDialog-BAdao-HA.js"><link rel="modulepreload" as="script" crossorigin="" href="https://business-lane.com/assets/themes-HgiGI_d1.js"><link rel="modulepreload" as="script" crossorigin="" href="https://business-lane.com/assets/CartBar-CvEnNd1e.js"><link rel="stylesheet" crossorigin="" href="https://business-lane.com/assets/CartBar-drEfaJyC.css"><link rel="modulepreload" as="script" crossorigin="" href="https://business-lane.com/assets/ProductInquiryModal-D_J05rp3.js"><link rel="modulepreload" as="script" crossorigin="" href="https://business-lane.com/assets/PublicErrorState-B0vayLz_.js"><link rel="modulepreload" as="script" crossorigin="" href="https://business-lane.com/assets/PublicGallery-BwSqhGRa.js"><meta name="robots" content="index, follow">
36<script id="platform-organization-jsonld" type="application/ld+json" data-platform-jsonld="">{"@context":"https://schema.org","@type":"Organization","@id":"https://business-lane.com/#organization","name":"Business Lane","url":"https://business-lane.com/","logo":{"@type":"ImageObject","url":"https://business-lane.com/icon-512.png","width":512,"height":512},"image":"https://business-lane.com/business-lane-cover.png","description":"Business Lane builds websites and back-office tools for local service businesses â a public site, an appointment inbox, invoices and inventory in one dashboard.","email":"[email protected]","contactPoint":{"@type":"ContactPoint","contactType":"customer support","email":"[email protected]","telephone":"+1-667-404-9982","availableLanguage":["English"]}}</script>
36<script id="platform-website-jsonld" type="application/ld+json" data-platform-jsonld="">{"@context":"https://schema.org","@type":"WebSite","@id":"https://business-lane.com/#website","url":"https://business-lane.com/","name":"Business Lane","publisher":{"@id":"https://business-lane.com/#organization"},"inLanguage":"en"}</script>
36<script id="platform-software-jsonld" type="application/ld+json" data-platform-jsonld="">{"@context":"https://schema.org","@type":"SoftwareApplication","@id":"https://business-lane.com/#software","name":"Business Lane","applicationCategory":"BusinessApplication","applicationSubCategory":"Website Builder","operatingSystem":"Web browser","url":"https://business-lane.com/","publisher":{"@id":"https://business-lane.com/#organization"},"description":"A website builder, online shop and back office for local businesses. Publish a site with your services, products, promotions and photo gallery, take appointment requests and online orders, and run customers, invoices and inventory from the same dashboard.","featureList":["Business website with a custom web address","Services and products with photos and prices","Appointment and quote requests","Photo gallery with before/after sliders","Customer reviews and star ratings","Promotions and announcement bar","Customer records and PDF invoices","Barcode labels and inventory tracking","Online shop with cart and checkout","Delivery or collection orders with customer tracking","Cash on delivery, bank transfer and card payments"],"offers":{"@type":"AggregateOffer","priceCurrency":"USD","lowPrice":"16.67","highPrice":"25","offerCount":4,"availability":"https://schema.org/InStock","url":"https://business-lane.com/pricing"},"potentialAction":{"@type":"RegisterAction","name":"Start a 14-day free trial","target":"https://business-lane.com/register"}}</script>
36<script id="platform-faq-jsonld" type="application/ld+json" data-platform-jsonld="">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Do I need any technical skills?","acceptedAnswer":{"@type":"Answer","text":"None at all. If you can fill in a form, you can build your website. You type in your details, upload photos, and the design, hosting, speed, and search setup are handled for you."}},{"@type":"Question","name":"What happens when my free trial ends?","acceptedAnswer":{"@type":"Answer","text":"Your website pauses until you subscribe â nothing is deleted. You keep full access to your dashboard and everything you built, and the moment you subscribe your site is back online exactly as you left it."}},{"@type":"Question","name":"Can I sell products as well as services?","acceptedAnswer":{"@type":"Answer","text":"Yes. List services with appointment requests, products with photos and prices, or both. On the Business plan your products can be bought outright: customers add them to a cart, choose delivery or collection, and pay cash, by bank transfer or by card. Stock is held the moment someone orders, so the last one never sells twice."}},{"@type":"Question","name":"Do I need to buy a barcode scanner?","acceptedA
36nswer":{"@type":"Answer","text":"No. Your phone is the scanner â open an invoice, tap the camera button, and point it at the barcode. If you already own a USB or Bluetooth scanner it works too, with nothing to install: it types the code and the item appears on the invoice. You can also just type a code in, so a flat battery or a scuffed barcode never stops you serving a customer."}},{"@type":"Question","name":"What if my products have no barcodes on them?","acceptedAnswer":{"@type":"Answer","text":"We give each product a code of its own, built from your business name â or you can type your own. Print them as shelf labels on ordinary label sheets, with the product name and price beside the barcode, and from then on they scan like anything else in the shop."}},{"@type":"Question","name":"Do you take a commission on my bookings or sales?","acceptedAnswer":{"@type":"Answer","text":"No. You pay one flat monthly subscription. Bookings, messages, and payments from your customers go directly to you â we never sit in the middle. Card payments in your shop land in your own Stripe account, and the only fee on them is Stripe's own."}},{"@type":"Question","name":"What web address will my site have?","acceptedA
36nswer":{"@type":"Answer","text":"Your site lives at your-name.business-lane.com â yours from the moment you sign up. It works great on business cards, social media, and the printable QR posters included with your account."}},{"@type":"Question","name":"Can I cancel any time?","acceptedAnswer":{"@type":"Answer","text":"Yes, in a couple of clicks from your dashboard â no phone calls, no retention hoops. Your subscription stays active until the end of the period you already paid for."}},{"@type":"Question","name":"What's the difference between the two plans?","acceptedAnswer":{"@type":"Answer","text":"Website ($20/month) is everything your public site needs â services, products, promotions, photo gallery, reviews, bookings and messages. Business ($25/month) adds an online shop with delivery or collection and your back office: orders, customer records, invoices with PDF download that you can build by scanning barcodes, printable barcode labels, and inventory tracking with low-stock alerts. The 14-day free trial includes everything, and you can switch plans any time."}}]}</script>
36<link rel="canonical" href="https://business-lane.com/"><meta property="og:url" content="https://business-lane.com/"></head> 37 <body> 38 <div id="app" data-v-app=""><div data-v-5260ae99="" class="bg-white text-[var(--color-ink)]"><a data-v-b4c32a5b="" href="#main-content" class="sr-only rounded-[var(--radius-pill)] bg-[var(--color-ink)] text-sm font-semibold text-[var(--color-canvas)] focus:not-sr-only focus:fixed focus:top-3 focus:left-3 focus:z-[var(--z-dropdown)] focus:px-4 focus:py-2.5 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"> Skip to content </a><div data-v-b4c32a5b="" aria-hidden="true" class="absolute top-0 h-px w-full"></div><!----><header data-v-b4c32a5b="" class="sticky top-0 z-[var(--z-sticky)] transition-[background-color,border-color,box-shadow] duration-[var(--duration-base)] ease-[var(--ease-out)] border-b border-transparent bg-transparent"><div data-v-b4c32a5b="" class="scroll-progress absolute inset-x-0 bottom-0 h-px origin-left bg-[var(--color-accent)]" aria-hidden="true"></div><nav data-v-b4c32a5b="" class="mx-auto flex h-[4.5rem] max-w-6xl items-center justify-between px-5 sm:px-6 lg:grid lg:grid-cols-[1fr_auto_1fr]"><a data-v-b4c32a5b="" aria-current="page" href="/" class="router-link-active router-link-exact-active rounded-[var(--radius-control)] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[var(--color-accent)] lg:justify-self-start" aria-label="Business Lane â home"><span data-v-b4c32a5b="" class="inline-flex items-center gap-2.5"><svg width="30" height="30" viewBox="0 0 56 56" aria-hidden="true" class="shrink-0"><rect width="56" height="56" rx="14" fill="#12324A"></rect><path d="M23 9 H31 C42 9 42 25 31 25 H23 M23 25 H33 C45 25 45 43 33 43 H23" stroke="#FFFFFF" stroke-width="5.5" fill="none" stroke-linecap="round"></path><rect x="15.5" y="8" width="6" height="8" rx="3" fill="#FF7A45"></rect><rect x="15.5" y="20" width="6" height="8" rx="3" fill="#FF7A45"></rect><rect x="15.5" y="32" width="6" height="8" rx="3" fill="#FF7A45"></rect></svg><span class="font-display inline-flex items-baseline gap-1.5 text-lg font-bold tracking-tight whitespace-nowrap text-slate-900"> business <span class="bg-accent-400 inline-block h-[0.28em] w-[0.7em] self-center rounded-full"></span> lane </span></span></a><div data-v-b4c32a5b="" class="hidden items-center gap-1 lg:flex"><a data-v-b4c32a5b="" href="/features" class="hover-underline rounded-[var(--radius-control)] px-3 py-2 text-sm font-medium text-[var(--color-ink-secondary)] transition-colors duration-150 hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]">Features</a><a data-v-b4c32a5b="" href="/industries" class="hover-underline rounded-[var(--radius-control)] px-3 py-2 text-sm font-medium text-[var(--color-ink-secondary)] transition-colors duration-150 hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]">Industries</a><a data-v-b4c32a5b="" href="/pricing" class="hover-underline rounded-[var(--radius-control)] px-3 py-2 text-sm font-medium text-[var(--color-ink-secondary)] transition-colors duration-150 hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]">Pricing</a><a data-v-b4c32a5b="" href="/alternatives" class="hover-underline rounded-[var(--radius-control)] px-3 py-2 text-sm font-medium text-[var(--color-ink-secondary)] transition-colors duration-150 hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]">Compare</a><a data-v-b4c32a5b="" aria-current="page" href="/#showcase" class="router-link-active router-link-exact-active hover-underline rounded-[var(--radius-control)] px-3 py-2 text-sm font-medium text-[var(--color-ink-secondary)] transition-colors duration-150 hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]">Designs</a></div><div data-v-b4c32a5b="" class="hidden items-center gap-1 lg:flex lg:justify-self-end"><!----><a data-v-b4c32a5b="" href="/login" class="rounded-[var(--radius-control)] px-3 py-2 text-sm font-medium text-[var(--color-ink-secondary)] transition-colors duration-150 hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"> Log in </a><a data-v-b4c32a5b="" href="/register" class="group btn btn-primary ml-1 !rounded-[var(--radius-pill)] !px-5"> Start free <svg data-v-b4c32a5b="" width="16" height="16" viewB
38ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><button data-v-b4c32a5b="" type="button" class="btn-ghost flex size-11 !items-center !justify-center !rounded-[var(--radius-control)] !p-0 lg:hidden" aria-expanded="false" aria-controls="marketing-mobile-nav" aria-label="Open menu"><span data-v-b4c32a5b="" class="relative block size-[22px]"><svg data-v-b4c32a5b="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="icon-swap opacity-100"><line x1="4" y1="6" x2="20" y2="6"></line><line x1="4" y1="12" x2="20" y2="12"></line><line x1="4" y1="18" x2="20" y2="18"></line></svg><svg data-v-b4c32a5b="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="icon-swap opacity-0 -rotate-90 scale-75"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></span></button></nav><!----></header><main data-v-5260ae99="" id="main-content" tabindex="-1" class="outline-none"><section data-v-38c83283="" data-v-5260ae99="" class="relative isolate -mt-[4.5rem] overflow-hidden bg-[var(--color-canvas)] pt-[4.5rem]"><div class="animate-mesh absolute inset-0 -z-10 opacity-[0.55]" style="background-image:radial-gradient(42rem 30rem at 15% 18%, #ffd9c7 0%, transparent 62%), 39 radial-gradient(38rem 26rem at 85% 12%, #ffe9d5 0%, transparent 60%), 40 radial-gradient(46rem 32rem at 50% 96%, #f3ece2 0%, transparent 64%);" aria-hidden="true" data-v-38c83283=""></div><div class="pointer-events-none absolute top-[-12.5rem] left-1/2 -z-10 h-[87.5rem] w-[87.5rem] -translate-x-1/2" style="background:radial-gradient(circle, rgb(255 122 69 / 0.18), transparent 55%);" aria-hidden="true" data-v-38c83283=""></div><div class="absolute inset-0 -z-10" style="background-image:radial-gradient(rgb(255 122 69 / 0.14) 1px, transparent 1px);background-size:1.375rem 1.375rem;" aria-hidden="true" data-v-38c83283=""></div><svg class="pointer-events-none absolute inset-0 -z-10 hidden size-full sm:block lg:[mask-image:linear-gradient(to_right,#000_0%,#000_20%,transparent_36%,transparent_64%,#000_80%,#000_100%)]" viewBox="0 0 1440 900" preserveAspectRatio="xMidYMid slice" aria-hidden="true" data-v-38c83283=""><path class="hero-lane opacity-[0.14] lg:opacity-[0.24]" d="M -120 760 C 260 700, 380 330, 720 340 S 1140 560, 1560 150" fill="none" stroke="var(--color-accent)" stroke-width="16" stroke-linecap="round" stroke-dasharray="28 44" data-v-38c83283=""></path></svg><svg class="pointer-events-none absolute inset-x-0 top-0 -z-10 h-56 w-full sm:hidden" viewBox="0 0 390 224" preserveAspectRatio="none" aria-hidden="true" data-v-38c83283=""><path class="hero-lane" style="--lane-cycle:-44;" d="M -30 120 C 110 88, 250 160, 420 110" fill="none" stroke="var(--color-accent)" stroke-width="10" stroke-linecap="round" stroke-dasharray="18 26" opacity="0.22" data-v-38c83283=""></path></svg><svg class="pointer-events-none absolute -right-28 -bottom-36 -z-10 hidden size-[34rem] sm:block lg:size-[42rem]" viewB
40ox="0 0 56 56" aria-hidden="true" data-v-38c83283=""><path d="M23 9 H31 C42 9 42 25 31 25 H23 M23 25 H33 C45 25 45 43 33 43 H23" stroke="var(--color-ink)" stroke-width="5.5" stroke-linecap="round" fill="none" opacity="0.045" data-v-38c83283=""></path><g fill="var(--color-accent)" opacity="0.1" data-v-38c83283=""><rect x="15.5" y="8" width="6" height="8" rx="3" data-v-38c83283=""></rect><rect x="15.5" y="20" width="6" height="8" rx="3" data-v-38c83283=""></rect><rect x="15.5" y="32" width="6" height="8" rx="3" data-v-38c83283=""></rect></g></svg><div data-v-38c83283="" class="pointer-events-none absolute inset-0 -z-10 mx-auto hidden max-w-[82.5rem] min-[1400px]:block" aria-hidden="true"><div data-v-38c83283="" class="absolute inset-y-0 left-0 origin-top-left scale-[0.82] min-[1600px]:scale-100"><div class="animate-float absolute top-[9rem] left-0 w-[15rem] rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-4 shadow-[0_24px_40px_-18px_rgb(0_0_0/0.18),0_4px_10px_-4px_rgb(0_0_0/0.06)]" style="--float-tilt:-5deg;--float-delay:-1.4s;--float-distance:9px;" data-v-38c83283=""><div class="mb-3 flex items-center justify-between" data-v-38c83283=""><span class="text-[0.6rem] font-bold tracking-[0.06em] text-[var(--color-ink-muted)] uppercase" data-v-38c83283=""> Live badge </span><span class="relative flex size-2.5" data-v-38c83283=""><span class="animate-pulse-ring absolute inline-flex size-full rounded-full bg-[var(--color-success)]" data-v-38c83283=""></span><span class="relative inline-flex size-2.5 rounded-full bg-[var(--color-success)]" data-v-38c83283=""></span></span></div><p class="font-[family-name:var(--font-marketing)] text-[1.75rem] leading-none font-bold tracking-[-0.02em] text-[var(--color-success)]" data-v-38c83283=""> Open now </p><p class="mt-2 text-[0.75rem] text-[var(--color-ink-muted)]" data-v-38c83283=""> Closes at 6:00 PM · MonâFri </p><div class="mt-3 flex justify-between border-t border-[var(--color-line)] pt-2.5 text-[0.7rem] tabular-nums" data-v-38c83283=""><span class="text-[var(--color-ink-strong)]" data-v-38c83283="">Sat</span><span class="text-[var(--color-ink-muted)]" data-v-38c83283="">10:00 â 15:00</span></div><div class="mt-1.5 flex justify-between text-[0.7rem]" data-v-38c83283=""><span class="text-[var(--color-ink-strong)]" data-v-38c83283="">Sun</span><span class="font-bold text-[var(--color-accent-text)]" data-v-38c83283="">Closed</span></div></div><div data-v-38c83283="" class="animate-float absolute top-[26rem] left-[2rem] w-[16.25rem] rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-4 shadow-[0_24px_40px_-18px_rgb(0_0_0/0.18),0_4px_10px_-4px_rgb(0_0_0/0.06)]" style="--float-tilt: -3deg; --float-delay: -4.1s; --float-distance: 7px; --float-duration: 8s;"><div data-v-38c83283="" class="flex items-center gap-2"><span data-v-38c83283="" class="flex size-7 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-38c83283="" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2"></rect><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h18"></path></svg></span><span data-v-38c83283="" class="text-[0.6rem] font-bold tracking-[0.06em] text-[var(--color-ink-muted)] uppercase"> Booking request </span></div><p class="mt-2.5 font-[family-name:var(--font-marketing)] text-[0.95rem] font-bold text-[var(--color-ink)]" data-v-38c83283=""> Sarah wants Sat 3:00 PM </p><p class="mt-0.5 text-[0.75rem] text-[var(--color-ink-muted)]" data-v-38c83283=""> Color + cut · 90 min </p><div class="mt-3 flex gap-1.5" data-v-38c83283=""><span class="flex-1 rounded-[var(--radius-control)] bg-[var(--color-accent-strong)] py-2 text-center text-[0.7rem] font-bold text-[var(--color-accent-strong-fg)]" data-v-38c83283=""> Confirm </span><span class="flex-1 rounded-[var(--radius-control)] bg-[var(--color-sunken)] py-2 text-center text-[0.7rem] font-semibold text-[var(--color-ink-secondary)]" data-v-38c83283=""> Move </span></div></div><div class="animate-float absolute top-[43rem] left-[3.5rem] w-[15rem] rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-3.5 shadow-[0_24px_40px_-18px_rgb(0_0_0/0.18),0_4px_10px_-4px_rgb(0_0_0/0.06)]" style="--float-tilt:4deg;--float-delay:-2.6s;--float-distance:6px;--float-duration:6s;" data-v-38c83283=""><div class="mb-2.5 flex items-center justify-between" data-v-38c83283=""><span class="text-[0.6rem] font-bold tracking-[0.06em] text-[var(--color-ink-muted)] uppercase" data-v-38c83283=""> Scanning </span>
40<span class="animate-blink size-2 rounded-full bg-[var(--color-accent)]" data-v-38c83283=""></span></div><div class="mb-2.5 flex h-11 items-center justify-center gap-[3px] rounded-[var(--radius-control)] bg-[var(--color-ink)] px-2.5 py-2" data-v-38c83283=""><span class="h-full w-px bg-white/90" data-v-38c83283=""></span><span class="h-full w-1 bg-white/90" data-v-38c83283=""></span><span class="h-full w-px bg-white/90" data-v-38c83283=""></span><span class="h-full w-[3px] bg-white/90" data-v-38c83283=""></span><span class="h-full w-0.5 bg-white/90" data-v-38c83283=""></span><span class="h-full w-[5px] bg-[var(--color-accent)] shadow-[0_0_8px_var(--color-accent)]" data-v-38c83283=""></span><span class="h-full w-0.5 bg-white/90" data-v-38c83283=""></span><span class="h-full w-px bg-white/90" data-v-38c83283=""></span><span class="h-full w-1 bg-white/90" data-v-38c83283=""></span><span class="h-full w-0.5 bg-white/90" data-v-38c83283=""></span><span class="h-full w-[3px] bg-white/90" data-v-38c83283=""></span><span class="h-full w-px bg-white/90" data-v-38c83283=""></span></div><div class="flex items-end justify-between gap-2" data-v-38c83283=""><div class="min-w-0" data-v-38c83283=""><p class="truncate text-[0.8rem] font-semibold text-[var(--color-ink)]" data-v-38c83283=""> NGK spark plug </p><p class="text-[0.7rem] text-[var(--color-ink-muted)] tabular-nums" data-v-38c83283=""> SKU 7401A · Ã2 </p></div><p class="font-[family-name:var(--font-marketing)] text-[1.15rem] leading-none font-bold text-[var(--color-accent-text)] tabular-nums" data-v-38c83283=""> $24 </p></div></div></div><div data-v-38c83283="" class="absolute inset-y-0 right-0 origin-top-right scale-[0.82] min-[1600px]:scale-100"><div data-v-38c83283="" class="animate-float absolute top-[9rem] right-0 w-[16.25rem] rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-4 shadow-[0_24px_40px_-18px_rgb(0_0_0/0.18),0_4px_10px_-4px_rgb(0_0_0/0.06)]" style="--float-tilt: 6deg; --float-delay: -0.8s; --float-distance: 9px;"><div data-v-38c83283="" class="flex items-center gap-2"><span data-v-38c83283="" class="flex size-7 items-center justify-center rounded-[var(--radius-control)] bg-[linear-gradient(135deg,var(--color-accent),var(--color-accent-strong))] text-white"><svg data-v-38c83283="" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10"></polygon></svg></span><div data-v-38c83283=""><p data-v-38c83283="" class="text-[0.6rem] font-bold tracking-[0.06em] text-[var(--color-ink-muted)] uppercase"> AI draft </p><p data-v-38c83283="" class="text-[0.6rem] text-[var(--color-ink-muted)]"> Your intro · just now </p></div></div><p class="mt-3 rounded-[var(--radius-control)] border-l-[3px] border-[var(--color-accent)] bg-[var(--color-accent-subtle)] p-3 text-[0.75rem] leading-relaxed text-[var(--color-ink-strong)]" data-v-38c83283=""> Third-generation barbers in Navigli â hot towel, straight razor, no shortcuts. Walk in, ring the bell, take a seat<span class="animate-blink ml-0.5 inline-block h-3 w-1.5 translate-y-0.5 bg-[var(--color-accent)]" style="--blink-duration:1s;" data-v-38c83283=""></span></p><div class="mt-2.5 flex gap-1.5" data-v-38c83283=""><span class="flex-1 rounded-[var(--radius-control)] bg-[var(--color-ink)] py-2 text-center text-[0.7rem] font-bold text-[var(--color-canvas)]" data-v-38c83283=""> Approve </span><span class="flex-1 rounded-[var(--radius-control)] bg-[var(--color-sunken)] py-2 text-center text-[0.7rem] font-semibold text-[var(--color-ink-secondary)]" data-v-38c83283=""> Regenerate </span></div></div><div data-v-38c83283="" class="animate-float absolute top-[26rem] right-[2rem] w-[16.25rem] rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-4 shadow-[0_24px_40px_-18px_rgb(0_0_0/0.18),0_4px_10px_-4px_rgb(0_0_0/0.06)]" style="--float-tilt: 4deg; --float-delay: -3.3s; --float-distance: 7px; --float-duration: 8s;"><div class="mb-2.5 flex items-center justify-between" data-v-38c83283=""><span class="text-[0.6rem] font-bold tracking-[0.06em] text-[var(--color-ink-muted)] uppercase" data-v-38c83283=""> Reviews </span><span class="text-[0.65rem] text-[var(--color-ink-muted)] tabular-nums" data-v-38c83283="">+3 today</span></div><div class="flex items-baseline gap-2" data-v-38c83283="">
40<p class="font-[family-name:var(--font-marketing)] text-[2.5rem] leading-none font-bold tracking-[-0.03em] text-[var(--color-ink)] tabular-nums" data-v-38c83283=""> 4.9 </p><p class="text-[0.8rem] text-[var(--color-ink-muted)] tabular-nums" data-v-38c83283=""> / 5 · 127 reviews </p></div><div data-v-38c83283="" class="mt-2.5 flex gap-0.5"><svg data-v-38c83283="" class="size-4 fill-[var(--color-accent)]" viewBox="0 0 24 24"><path data-v-38c83283="" d="M12 2l2.9 6.9L22 10l-5.5 4.8L18.2 22 12 18.3 5.8 22l1.7-7.2L2 10l7.1-1.1z"></path></svg><svg data-v-38c83283="" class="size-4 fill-[var(--color-accent)]" viewBox="0 0 24 24"><path data-v-38c83283="" d="M12 2l2.9 6.9L22 10l-5.5 4.8L18.2 22 12 18.3 5.8 22l1.7-7.2L2 10l7.1-1.1z"></path></svg><svg data-v-38c83283="" class="size-4 fill-[var(--color-accent)]" viewBox="0 0 24 24"><path data-v-38c83283="" d="M12 2l2.9 6.9L22 10l-5.5 4.8L18.2 22 12 18.3 5.8 22l1.7-7.2L2 10l7.1-1.1z"></path></svg><svg data-v-38c83283="" class="size-4 fill-[var(--color-accent)]" viewBox="0 0 24 24"><path data-v-38c83283="" d="M12 2l2.9 6.9L22 10l-5.5 4.8L18.2 22 12 18.3 5.8 22l1.7-7.2L2 10l7.1-1.1z"></path></svg><svg data-v-38c83283="" class="size-4 fill-[var(--color-accent)]" viewBox="0 0 24 24"><path data-v-38c83283="" d="M12 2l2.9 6.9L22 10l-5.5 4.8L18.2 22 12 18.3 5.8 22l1.7-7.2L2 10l7.1-1.1z"></path></svg></div><p data-v-38c83283="" class="mt-2.5 border-t border-[var(--color-line)] pt-2.5 text-[0.75rem] text-[var(--color-ink-strong)] italic"> âBooked, paid and picked up in under three minutes.â </p></div><div data-v-38c83283="" class="animate-float absolute top-[43rem] right-[3.5rem] w-[15rem] rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-3.5 shadow-[0_24px_40px_-18px_rgb(0_0_0/0.18),0_4px_10px_-4px_rgb(0_0_0/0.06)]" style="--float-tilt: -4deg; --float-delay: -5.2s; --float-distance: 6px; --float-duration: 6s;"><div class="mb-2.5 flex items-center justify-between" data-v-38c83283=""><span class="text-[0.6rem] font-bold tracking-[0.06em] text-[var(--color-ink-muted)] uppercase" data-v-38c83283=""> Inquiries </span><span class="rounded-[var(--radius-pill)] bg-[var(--color-success-subtle)] px-2 py-0.5 text-[0.65rem] font-bold text-[var(--color-success)] tabular-nums" data-v-38c83283=""> â 38% </span></div><p class="font-[family-name:var(--font-marketing)] text-[1.9rem] leading-none font-bold tracking-[-0.02em] text-[var(--color-ink)]" data-v-38c83283=""> 184<span class="ml-1.5 text-[0.85rem] font-medium text-[var(--color-ink-muted)]" data-v-38c83283="">this week</span></p><div data-v-38c83283="" class="mt-3 flex h-14 items-end gap-1"><span data-v-38c83283="" class="enter-grow flex-1 rounded-t-[3px] bg-[color-mix(in_srgb,var(--color-accent)_32%,transparent)]" style="height: 40%; --i: 0;"></span><span data-v-38c83283="" class="enter-grow flex-1 rounded-t-[3px] bg-[color-mix(in_srgb,var(--color-accent)_32%,transparent)]" style="height: 55%; --i: 1;"></span><span data-v-38c83283="" class="enter-grow flex-1 rounded-t-[3px] bg-[color-mix(in_srgb,var(--color-accent)_32%,transparent)]" style="height: 35%; --i: 2;"></span><span data-v-38c83283="" class="enter-grow flex-1 rounded-t-[3px] bg-[color-mix(in_srgb,var(--color-accent)_62%,transparent)]" style="height: 68%; --i: 3;"></span><span data-v-38c83283="" class="enter-grow flex-1 rounded-t-[3px] bg-[color-mix(in_srgb,var(--color-accent)_62%,transparent)]" style="height: 78%; --i: 4;"></span><span data-v-38c83283="" class="enter-grow flex-1 rounded-t-[3px] bg-[var(--color-accent)]" style="height: 88%; --i: 5;"></span><span data-v-38c83283="" class="enter-grow flex-1 rounded-t-[3px] bg-[var(--color-accent)]" style="height: 100%; --i: 6;"></span></div><div data-v-38c83283="" class="mt-1.5 flex justify-between text-[0.55rem] text-[var(--color-ink-muted)] tabular-nums"><span data-v-38c83283="">M</span><span data-v-38c83283="">T</span><span data-v-38c83283="">W</span><span data-v-38c83283="">T</span><span data-v-38c83283="">F</span><span data-v-38c83283="">S</span><span data-v-38c83283="">S</span></div></div></div></div><div data-v-38c83283="" class="mx-auto max-w-4xl px-5 pt-24 pb-12 text-center sm:px-6 sm:pt-32 sm:pb-16"><p data-v-38c83283="" class="enter-up mb-7 inline-flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[color-mix(in_srgb,var(--color-surface)_75%,transparent)] px-3.5 py-1.5 text-xs font-semibold tracking-[0.1em] text-[var(--color-ink-secondary)] uppercase backdrop-blur-sm" style="--i: 0;"><span data-v-38c83283="" class="relative flex size-1.5"><span data-v-38c83283="" class="animate-pulse-ring absolute inline-flex size-full rounded-full bg-[var(--color-accent)]"></span><span data-v-38c83283="" class="relative inline-flex size-1.5 rounded-full bg-[var(--color-accent)]"></span></span> Websites for local businesses </p>
40<h1 data-v-38c83283="" class="font-[family-name:var(--font-marketing)] text-[3rem] leading-[0.95] font-bold tracking-[-0.03em] text-balance text-[var(--color-ink)] sm:text-[4.5rem] lg:text-[5.5rem] lg:tracking-[-0.04em]"><span data-v-38c83283="" class="enter-clip" style="--i: 1; --enter-step: 110ms;"><span data-v-38c83283="" class="enter-rise" style="--i: 1; --enter-step: 110ms;">Your business <!----></span></span><span data-v-38c83283="" class="enter-clip" style="--i: 2; --enter-step: 110ms;"><span data-v-38c83283="" class="enter-rise" style="--i: 2; --enter-step: 110ms;">website, <span data-v-38c83283="" class="text-[var(--color-accent-strong)] italic">online </span></span></span><span data-v-38c83283="" class="enter-clip" style="--i: 3; --enter-step: 110ms;"><span data-v-38c83283="" class="enter-rise" style="--i: 3; --enter-step: 110ms;"><!----><span data-v-38c83283="" class="text-[var(--color-accent-strong)] italic">today.</span></span></span></h1><p data-v-38c83283="" class="enter-type mx-auto mt-7 max-w-xl text-lg leading-relaxed text-balance text-[var(--color-ink-secondary)]" style="--i: 3; --enter-step: 80ms;"> Type your business name. That is your website address â live in minutes, no designer and no code. </p><form data-v-38c83283="" class="enter-up mx-auto mt-11 max-w-xl" novalidate="" style="--i: 5; --enter-step: 60ms;"><label data-v-38c83283="" for="v-0" class="sr-only">Your business name</label><div data-v-38c83283="" class="flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line-strong)] bg-[var(--color-surface)] p-2 pl-5 shadow-[0_1px_2px_rgb(0_0_0/0.04),0_12px_32px_-24px_rgb(0_0_0/0.5)] transition-[border-color,box-shadow] duration-200 focus-within:border-[var(--color-accent)] focus-within:shadow-[0_0_0_4px_color-mix(in_srgb,var(--color-accent)_18%,transparent)] sm:pl-6"><input data-v-38c83283="" id="v-0" aria-describedby="v-0-status" type="text" autocomplete="organization" maxlength="80" placeholder="Atlas Plumbing Co" class="min-w-0 flex-1 bg-transparent py-2 text-base text-[var(--color-ink)] placeholder:text-[var(--color-ink-disabled)] focus:outline-none sm:text-lg"><span data-v-38c83283="" class="hidden shrink-0 text-[15px] text-[var(--color-ink-muted)] sm:block">.business-lane.com</span><!----><button data-v-38c83283="" type="submit" class="group btn btn-primary shrink-0 !rounded-[var(--radius-pill)] !px-6 !py-3"> Claim <svg data-v-38c83283="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div><p data-v-38c83283="" class="mt-3 flex justify-center text-sm text-[var(--color-ink-muted)]" aria-hidden="true"><span data-v-38c83283="" class="min-w-0 truncate">atlas-plumbing-co</span><span data-v-38c83283="" class="shrink-0">.business-lane.com</span></p><p data-v-38c83283="" id="v-0-status" class="mt-1.5 flex min-h-[1.5rem] items-center justify-center gap-1.5 text-sm" aria-live="polite"><!----></p></form><ul data-v-38c83283="" class="enter-up mt-7 flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-sm font-semibold text-[var(--color-ink-strong)]" style="--i: 7; --enter-step: 50ms;"><li data-v-38c83283="" class="flex items-center gap-1.5"><span data-v-38c83283="" class="flex size-4 shrink-0 items-center justify-center rounded-full bg-[var(--color-success)] text-white"><svg data-v-38c83283="" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span> 14-day free trial </li><li data-v-38c83283="" class="flex items-center gap-1.5"><span data-v-38c83283="" class="flex size-4 shrink-0 items-center justify-center rounded-full bg-[var(--color-success)] text-white"><svg data-v-38c83283="" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span> No credit card </li><li data-v-38c83283="" class="flex items-center gap-1.5"><span data-v-38c83283="" class="flex size-4 shrink-0 items-center justify-center rounded-full bg-[var(--color-success)] text-white">
40<svg data-v-38c83283="" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span> From $20/month </li><li data-v-38c83283="" class="flex items-center gap-1.5"><span data-v-38c83283="" class="flex size-4 shrink-0 items-center justify-center rounded-full bg-[var(--color-success)] text-white"><svg data-v-38c83283="" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span> No commission on sales </li></ul><p data-v-38c83283="" class="enter-up mt-6 text-sm text-[var(--color-ink-secondary)]" style="--i: 8; --enter-step: 50ms;">Already have an account? <a data-v-38c83283="" href="/login" class="font-semibold text-[var(--color-accent-text)] underline decoration-1 underline-offset-4 transition-colors hover:text-[var(--color-accent-strong)]">Log in</a></p></div></section><section data-v-5260ae99="" class="overflow-hidden border-y border-[var(--color-line)] bg-[var(--color-surface)] py-9 sm:py-11" aria-labelledby="built-for-label"><div data-v-5260ae99="" class="mx-auto flex max-w-6xl flex-col items-center gap-5 px-5 sm:gap-6 sm:px-6"><h2 data-v-5260ae99="" id="built-for-label" class="text-center font-[family-name:var(--font-marketing)] text-[1.75rem] leading-tight font-bold tracking-[-0.03em] text-[var(--color-ink)] sm:text-[2.25rem]"> Built for <span data-v-5260ae99="" class="text-[var(--color-accent-strong)] italic">your trade</span></h2><div data-v-5260ae99="" class="marquee -mx-5 sm:mx-0" style="--marquee-duration: 46s;"><ul data-v-5260ae99="" class="marquee-track items-center gap-3 py-0.5"><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/auto-repair-shops" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></span> Auto shops</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/salons-and-barbers" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26"></polygon></svg></span> Salons & barbers</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/cleaning-services" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10"></polygon></svg></span> Cleaning services</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/contractors" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="7" width="20" height="14" rx="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg></span> Contractors</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/lawn-and-garden-care" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2"></rect><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h18"></path></svg></span> Lawn & garden</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/junk-removal-services" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6h18"></path><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"></path><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
40<line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span> Junk removal</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/restaurants-and-bakeries" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path><path d="M3 6h18"></path><path d="M16 10a4 4 0 0 1-8 0"></path></svg></span> Restaurants & bakeries</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/boutiques-and-retail" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r="0.5" fill="currentColor"></circle></svg></span> Boutiques & retail</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/fitness-studios" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10"></polygon></svg></span> Fitness studios</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/clinics" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1 1 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></span> Local clinics</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/florists" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></span> Florists</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/pet-services" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></span> Pet services</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/grocery-and-convenience-stores" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path><path d="M3 6h18"></path><path d="M16 10a4 4 0 0 1-8 0"></path></svg></span> Grocery & convenience</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/hardware-and-diy-stores" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></span> Hardware & DIY</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/electronics-and-phone-shops" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="2" width="14" height="20" rx="2"></rect><path d="M12 18h.01"></path></svg></span> Electronics & phones</a></li><li data-v-5260ae99="" class="shrink-0"><a data-v-5260ae99="" href="/website-for/pharmacies-and-health-stores" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1 1 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></span> Pharmacies & health</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/auto-repair-shops" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></span> Auto shops</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/salons-and-barbers" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26"></polygon></svg></span> Salons & barbers</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/cleaning-services" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10"></polygon></svg></span> Cleaning services</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/contractors" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="7" width="20" height="14" rx="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg></span> Contractors</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/lawn-and-garden-care" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2"></rect><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h18"></path></svg></span> Lawn & garden</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/junk-removal-services" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260
40ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6h18"></path><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"></path><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span> Junk removal</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/restaurants-and-bakeries" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path><path d="M3 6h18"></path><path d="M16 10a4 4 0 0 1-8 0"></path></svg></span> Restaurants & bakeries</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/boutiques-and-retail" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r="0.5" fill="currentColor"></circle></svg></span> Boutiques & retail</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/fitness-studios" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10"></polygon></svg></span> Fitness studios</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/clinics" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1 1 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></span> Local clinics</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/florists" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></span> Florists</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/pet-services" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></span> Pet services</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/grocery-and-convenience-stores" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path><path d="M3 6h18"></path><path d="M16 10a4 4 0 0 1-8 0"></path></svg></span> Grocery & convenience</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/hardware-and-diy-stores" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></span> Hardware & DIY</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/electronics-and-phone-shops" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="2" width="14" height="20" rx="2"></rect><path d="M12 18h.01"></path></svg></span> Electronics & phones</a></li><li data-v-5260ae99="" class="shrink-0" aria-hidden="true"><a data-v-5260ae99="" href="/website-for/pharmacies-and-health-stores" class="group flex items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-canvas)] py-2 pr-4 pl-3 text-sm font-medium whitespace-nowrap text-[var(--color-ink-secondary)] transition-colors duration-200 hover:border-[var(--color-line-strong)] hover:text-[var(--color-ink)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" tabindex="-1"><span data-v-5260ae99="" class="flex size-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1 1 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></span> Pharmacies & health</a></li></ul></div></div></section><section data-v-ef340f19="" data-v-5260ae99="" id="showcase" class="reveal scroll-mt-24 border-t border-[var(--color-line)] bg-[var(--color-canvas)] is-visible"><div data-v-ef340f19="" class="mx-auto max-w-6xl px-5 py-16 sm:px-6 sm:py-24 lg:py-32"><div data-v-ef340f19="" class="lg:grid lg:grid-cols-[2fr_3fr] lg:items-end lg:gap-x-12"><div data-v-ef340f19="" class="max-w-2xl"><p data-v-ef340f19="" class="reveal-item text-xs font-semibold tracking-[0.2em] text-[var(--color-accent-text)] uppercase"> The designs </p><h2 data-v-ef340f19="" class="reveal-wipe mt-5 font-[family-name:var
40(--font-marketing)] text-4xl leading-[1.02] font-bold tracking-[-0.03em] text-[var(--color-ink)] sm:text-6xl" style="--reveal-delay: 80ms;"> One site. <br data-v-ef340f19=""><span data-v-ef340f19="" class="text-[var(--color-accent-strong)] italic">Five looks.</span></h2></div><div data-v-ef340f19="" class="max-w-2xl lg:max-w-none"><p data-v-ef340f19="" class="reveal-item mt-6 text-lg leading-relaxed text-[var(--color-ink-secondary)] lg:mt-0" style="--reveal-delay: 220ms;"> The same business, the same content, five designs. Switch whenever you like â your words and photos stay exactly where they are. </p><div data-v-ef340f19="" class="no-scrollbar reveal-item mt-10 -mx-5 overflow-x-auto px-5 sm:mx-0 sm:px-0 lg:mt-7" role="tablist" aria-label="Website designs" style="--reveal-delay: 300ms;"><div data-v-ef340f19="" class="flex w-max gap-2 sm:w-auto sm:flex-wrap"><button data-v-ef340f19="" id="theme-tab-classic" type="button" role="tab" aria-selected="true" aria-controls="theme-panel" tabindex="0" class="group relative shrink-0 overflow-hidden rounded-[var(--radius-pill)] border px-4 py-2.5 text-sm font-semibold transition-[color,background-color,border-color] duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)] border-transparent bg-[var(--color-ink)] text-[var(--color-canvas)]"><span data-v-ef340f19="" class="flex items-center gap-2"><span data-v-ef340f19="" class="flex gap-0.5" aria-hidden="true"><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(15, 23, 42);"></span><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(226, 232, 240);"></span><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(255, 255, 255);"></span></span> Classic</span><span data-v-ef340f19="" class="dwell absolute inset-x-0 bottom-0 h-0.5 origin-left bg-[var(--color-accent)]" aria-hidden="true"></span></button><button data-v-ef340f19="" id="theme-tab-aurora" type="button" role="tab" aria-selected="false" aria-controls="theme-panel" tabindex="-1" class="group relative shrink-0 overflow-hidden rounded-[var(--radius-pill)] border px-4 py-2.5 text-sm font-semibold transition-[color,background-color,border-color] duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)] border-[var(--color-line-strong)] bg-[var(--color-surface)] text-[var(--color-ink-secondary)] hover:border-[var(--color-ink-muted)] hover:text-[var(--color-ink)]"><span data-v-ef340f19="" class="flex items-center gap-2"><span data-v-ef340f19="" class="flex gap-0.5" aria-hidden="true"><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(67, 56, 202);"></span><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(129, 140, 248);"></span><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(248, 250, 252);"></span></span> Aurora</span><!----></button><button data-v-ef340f19="" id="theme-tab-editorial" type="button" role="tab" aria-selected="false" aria-controls="theme-panel" tabindex="-1" class="group relative shrink-0 overflow-hidden rounded-[var(--radius-pill)] border px-4 py-2.5 text-sm font-semibold transition-[color,background-color,border-color] duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)] border-[var(--color-line-strong)] bg-[var(--color-surface)] text-[var(--color-ink-secondary)] hover:border-[var(--color-ink-muted)] hover:text-[var(--color-ink)]"><span data-v-ef340f19="" class="flex items-center gap-2"><span data-v-ef340f19="" class="flex gap-0.5" aria-hidden="true"><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(28, 25, 23);"></span><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(214, 211, 209);"></span><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(250, 248, 245);"></span></span> Editorial</span><!----></button><button data-v-ef340f19="" id="theme-tab-ironclad" type="button" role="tab" aria-selected="false" aria-controls="theme-panel" tabindex="-1" class="group relative shrink-0 overflow-hidden rounded-[var(--radius-pill)] border px-4 py-2.5 text-sm font-semibold transition-[color,background-color,border-color] duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)] border-[var(--color-line-strong)] bg-[var(--color-surface)] text-[var(--color-ink-secondary)] hover:border-[var(--color-ink-muted)] hover:text-[var(--color-ink)]"><span data-v-ef340f19="" class="flex items-center gap-2"><span data-v-ef340f19="" class="flex gap-0.5" aria-hidden="true"><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(12, 10, 9);"></span><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(245, 158, 11);"></span><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(68, 64, 60);"></span></span> Ironclad</span><!----></button><button data-v-ef340f19="" id="theme-tab-harvest" type="button" role="tab" aria-selected="false" aria-controls="theme-panel" tabindex="-1" class="group relative shrink-0 overflow-hidden rounded-[var(--radius-pill)] border px-4 py-2.5 text-sm font-semibold transition-[color,background-color,border-color] duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)] border-[var(--color-line-strong)] bg-[var(--color-surface)] text-[var(--color-ink-secondary)] hover:border-[var(--color-ink-muted)] hover:text-[var(--color-ink)]"><span data-v-ef340f19="" class="flex items-center gap-2"><span data-v-ef340f19="" class="flex gap-0.5" aria-hidden="true"><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(61, 43, 31);"></span><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(194, 112, 74);"></span><span data-v-ef340f19="" class="size-1.5 rounded-full ring-1 ring-black/10" style="background-color: rgb(253, 248, 241);"></span></span> Harvest</span><!----></button></div></div></div></div><div data-v-ef340f19="" id="theme-panel" role="tabpanel" aria-labelledby="theme-tab-classic" tabindex="0" class="mt-8 focus-visible:outline-2 focus-visible:outline-offset-4 sm:mt-9 focus-visible:outline-[var(--color-accent)]"><div data-v-ef340f19=""><div data-v-ef340f19="" class="flex flex-wrap items-end justify-between gap-x-6 gap-y-3"><div data-v-ef340f19=""><div data-v-ef340f19="" class="flex flex-wrap items-baseline gap-x-3 gap-y-1">
40<h3 data-v-ef340f19="" class="font-[family-name:var(--font-marketing)] text-2xl font-bold tracking-[-0.01em] text-[var(--color-ink)]">Classic</h3><p data-v-ef340f19="" class="text-sm font-medium text-[var(--color-ink-muted)]">Clear and familiar</p></div><p data-v-ef340f19="" class="mt-2 max-w-2xl text-[var(--color-ink-secondary)]">A wide cover photo, a tabbed section bar and tidy card grids. The safe choice for any trade.</p></div><a data-v-ef340f19="" href="https://demo-salon.business-lane.com?theme=classic" target="_blank" rel="noopener noreferrer" class="group inline-flex shrink-0 items-center gap-2 rounded-[var(--radius-pill)] border border-[var(--color-line-strong)] bg-[var(--color-surface)] px-4 py-2 text-sm font-semibold text-[var(--color-ink)] transition-colors hover:border-[var(--color-ink-muted)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]"> Open it live <svg data-v-ef340f19="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div data-v-ef340f19="" class="mt-7 overflow-hidden rounded-[var(--radius-modal)] border border-[var(--color-line)] bg-[var(--color-surface)] shadow-[0_2px_8px_-4px_rgb(0_0_0/0.12),0_40px_80px_-48px_rgb(0_0_0/0.5)]"><div data-v-ef340f19="" class="flex items-center gap-2 border-b border-[var(--color-line)] bg-[var(--color-sunken)] px-4 py-3"><span data-v-ef340f19="" class="flex gap-1.5" aria-hidden="true"><span data-v-ef340f19="" class="size-2.5 rounded-full bg-[var(--color-line-strong)]"></span><span data-v-ef340f19="" class="size-2.5 rounded-full bg-[var(--color-line-strong)]"></span><span data-v-ef340f19="" class="size-2.5 rounded-full bg-[var(--color-line-strong)]"></span></span><span data-v-ef340f19="" class="ml-2 truncate rounded-[var(--radius-pill)] bg-[var(--color-surface)] px-3 py-1 text-xs text-[var(--color-ink-muted)]"> rosewood-hair-salon.business-lane.com </span></div><div data-v-ef340f19="" class="max-h-[30rem] overflow-hidden sm:max-h-[36rem]"><picture data-v-ef340f19="" class="contents"><source type="image/avif" srcset="/showcase/site-classic.avif 1440w, /showcase/[email protected] 2880w" sizes="(min-width: 72rem) 1102px, calc(100vw - 3rem)"><source type="image/webp" srcset="/showcase/site-classic.webp 1440w, /showcase/[email protected] 2880w" sizes="(min-width: 72rem) 1102px, calc(100vw - 3rem)"><img src="/showcase/site-classic.jpg" srcset="/showcase/site-classic.jpg 1440w, /showcase/[email protected] 2880w" sizes="(min-width: 72rem) 1102px, calc(100vw - 3rem)" width="1440" height="1952" alt="The Classic design, showing the same salon's site" loading="lazy" decoding="async" class="w-full"></picture></div></div></div></div></div></section><section data-v-5260ae99="" id="how-it-works" class="reveal scroll-mt-24 border-t border-[var(--color-line)] is-visible"><div data-v-5260ae99="" class="mx-auto max-w-6xl px-5 py-16 sm:px-6 sm:py-24 lg:py-28"><div data-v-5260ae99="" class="max-w-2xl"><p data-v-5260ae99="" class="reveal-item text-xs font-semibold tracking-[0.2em] text-[var(--color-accent-text)] uppercase"> How it works </p><h2 data-v-5260ae99="" class="reveal-wipe mt-5 font-[family-name:var(--font-marketing)] text-4xl font-bold tracking-[-0.03em] text-[var(--color-ink)] sm:text-5xl" style="--reveal-delay: 80ms;"> Up and running <span data-v-5260ae99="" class="text-[var(--color-accent-strong)] italic">in three steps</span></h2></div><div data-v-5260ae99="" class="relative mt-12 sm:mt-16"><span data-v-5260ae99="" class="reveal-rule absolute top-5 right-[16.6%] left-[16.6%] hidden h-px bg-[var(--color-line-strong)] sm:block" aria-hidden="true" style="--reveal-delay: 250ms;"></span><ol data-v-5260ae99="" class="stagger relative grid gap-10 sm:grid-cols-3 sm:gap-8"><li data-v-5260ae99="" class="reveal-item text-center" style="--i: 0; --stagger-step: 140ms;"><span data-v-5260ae99="" class="mx-auto mb-5 flex size-10 items-center justify-center rounded-full bg-[var(--color-accent-strong)] text-sm font-bold text-white ring-8 ring-white">1</span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Create your account</h3><p data-v-5260ae99="" class="mx-auto mt-2 max-w-xs text-sm leading-relaxed text-[var(--color-ink-secondary)]">Pick your business name and web address. Signing up takes less than a minute.</p></li><li data-v-5260ae99="" class="reveal-item text-center" style="--i: 1; --stagger-step: 140ms;"><span data-v-5260ae99="" class="mx-auto mb-5 flex size-10 items-center justify-center rounded-full bg-[var(--color-accent-strong)] text-sm font-bold text-white ring-8 ring-white">2</span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Add your details</h3><p data-v-5260ae99="" class="mx-auto mt-2 max-w-xs text-sm leading-relaxed text-[var(--color-ink-secondary)]">Upload your logo, set your hours, and list your services, products, and current offers.</p></li><li data-v-5260ae99="" class="reveal-item text-center" style="--i: 2; --stagger-step: 140ms;"><span data-v-5260ae99="" class="mx-auto mb-5 flex size-10 items-center justify-center rounded-full bg-[var(--color-accent-strong)] text-sm font-bold text-white ring-8 ring-white">3</span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Share your link</h3><p data-v-5260ae99="" class="mx-auto mt-2 max-w-xs text-sm leading-relaxed text-[var(--color-ink-secondary)]">Your website is live immediately. Put it on social media, business cards, anywhere.</p></li></ol></div></div></section><section data-v-5260ae99="" id="pricing" class="reveal scroll-mt-24 border-t border-[var(--color-line)] bg-[var(--color-sunken)] is-visible"><div data-v-5260ae99="" class="mx-auto max-w-6xl px-5 py-16 sm:px-6 sm:py-24 lg:py-28"><div data-v-5260ae99="" class="max-w-2xl"><p data-v-5260ae99="" class="reveal-item text-xs font-semibold tracking-[0.2em] text-[var(--color-accent-text)] uppercase"> Pricing </p><h2 data-v-5260ae99="" class="reveal-wipe mt-5 font-[family-name:var
40(--font-marketing)] text-4xl font-bold tracking-[-0.03em] text-[var(--color-ink)] sm:text-5xl" style="--reveal-delay: 80ms;"> Simple pricing, <span data-v-5260ae99="" class="text-[var(--color-accent-strong)] italic">two plans</span></h2><p data-v-5260ae99="" class="reveal-item mt-5 text-lg text-[var(--color-ink-secondary)]" style="--reveal-delay: 200ms;"> Start with a 14-day free trial of everything â no credit card required. No setup fees, no per-feature upsells. </p></div><div data-v-5260ae99="" class="reveal-item mt-10 flex justify-center" style="--reveal-delay: 260ms;"><div data-v-5260ae99="" role="radiogroup" aria-label="Billing interval" class="relative inline-flex items-center rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-sunken)] p-1.5"><span aria-hidden="true" class="absolute top-1.5 bottom-1.5 rounded-[var(--radius-pill)] bg-[var(--color-surface)] shadow-[0_1px_2px_rgb(0_0_0/0.06),0_4px_12px_-4px_rgb(0_0_0/0.18)] motion-safe:transition-[transform,width] motion-safe:duration-[var(--duration-base)] motion-safe:ease-[var(--ease-emphasized)]" style="width: 112px; transform: translateX(0px);"></span><button type="button" role="radio" aria-checked="true" tabindex="0" class="relative z-10 flex items-center gap-2 rounded-[var(--radius-pill)] font-semibold whitespace-nowrap transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)] px-6 py-2.5 text-base text-[var(--color-ink)]">Monthly <!----></button><button type="button" role="radio" aria-checked="false" tabindex="-1" class="relative z-10 flex items-center gap-2 rounded-[var(--radius-pill)] font-semibold whitespace-nowrap transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)] px-6 py-2.5 text-base text-[var(--color-ink-muted)] hover:text-[var(--color-ink-strong)]">Yearly <span class="rounded-[var(--radius-pill)] bg-[var(--color-accent-subtle)] px-2 py-0.5 text-xs font-bold text-[var(--color-accent-text)] transition-opacity duration-200 opacity-70"> Save 17% </span></button></div></div><div data-v-5260ae99="" class="stagger mx-auto mt-10 grid max-w-4xl items-stretch gap-6 md:grid-cols-2"><div data-v-5260ae99="" class="reveal-item relative flex flex-col overflow-hidden rounded-[var(--radius-modal)] border border-[var(--color-line)] bg-[var(--color-surface)] p-6 transition-[transform,box-shadow] sm:p-8 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:shadow-[0_28px_56px_-40px_rgb(0_0_0/0.5)]" style="--i: 0;"><h3 data-v-5260ae99="" class="font-[family-name:var(--font-marketing)] text-xl font-bold tracking-[-0.01em] text-[var(--color-ink)]"> Website </h3><p data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]"> Everything your website needs </p><div data-v-5260ae99="" class="mt-5 flex flex-wrap items-baseline gap-x-3 gap-y-1"><span data-v-5260ae99="" class="text-5xl font-extrabold tracking-tight text-[var(--color-ink)]">$20</span><span data-v-5260ae99="" class="text-[var(--color-ink-muted)]">/ month</span><!----></div><p data-v-5260ae99="" class="mt-3 text-sm text-[var(--color-ink-secondary)]">Billed monthly · cancel any time</p><ul data-v-5260ae99="" class="mt-7 mb-8 space-y-3"><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Your own website and web address, in five designs you can switch between</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Unlimited services, products, promotions, and FAQs</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Appointment requests you confirm, move or cancel â customer message written for you</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Photo gallery (50 photos) with before/after sliders and carousels</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> AI-written first draft of your services, introduction and FAQs</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Announcement bar for closures and holiday hours</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Insights showing visits, inquiries and reviews month on month</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Reviews with star ratings and a shareable review link</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> QR posters, Google-ready SEO, and email alerts</li></ul><a data-v-5260ae99="" href="/register" class="group btn btn-secondary mt-auto w-full !rou
40nded-[var(--radius-pill)] !py-3.5"> Start your free trial <svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div data-v-5260ae99="" class="reveal-item rounded-[calc(var(--radius-modal)+4px)] bg-gradient-to-b from-[var(--color-accent)] to-[var(--color-accent-strong)] p-[2px] shadow-[0_28px_56px_-40px_color-mix(in_srgb,var(--color-accent-strong)_80%,transparent)] transition-transform duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1" style="--i: 1;"><div data-v-5260ae99="" class="relative flex h-full flex-col overflow-hidden rounded-[var(--radius-modal)] bg-[var(--color-surface)] p-6 sm:p-8"><span data-v-5260ae99="" class="badge absolute top-5 right-5 sm:top-7 sm:right-7 bg-[var(--color-accent)] text-[var(--color-accent-fg)]"> Most popular </span><h3 data-v-5260ae99="" class="font-[family-name:var(--font-marketing)] text-xl font-bold tracking-[-0.01em] text-[var(--color-ink)]"> Business </h3><p data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]"> The website plus an online shop and back office </p><div data-v-5260ae99="" class="mt-5 flex flex-wrap items-baseline gap-x-3 gap-y-1"><span data-v-5260ae99="" class="text-5xl font-extrabold tracking-tight text-[var(--color-ink)]">$25</span><span data-v-5260ae99="" class="text-[var(--color-ink-muted)]">/ month</span><!----></div><p data-v-5260ae99="" class="mt-3 text-sm text-[var(--color-ink-secondary)]">Billed monthly · cancel any time</p><ul data-v-5260ae99="" class="mt-7 mb-8 space-y-3"><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Everything in the Website plan</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> An online shop with cart, checkout, delivery or collection</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Cash on delivery, bank transfer, or card through your own Stripe</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Orders you track, with every update emailed to the customer</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Customer records with order history and lifetime spend</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Invoices with PDF download and overdue alerts</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Build an invoice by scanning â phone camera or a barcode scanner</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Printable barcode shelf labels for your products</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Inventory with low-stock alerts, counted down by orders and invoices</li><li data-v-5260ae99="" class="flex items-start gap-2.5 text-sm text-[var(--color-ink-strong)]"><svg data-v-5260ae99="" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-0.5 shrink-0 text-[var(--color-success)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> Stock held the moment an order is placed, so nothing sells twice</li></ul><a data-v-5260ae99="" href="/register" class="group btn btn-primary mt-auto w-full !rou
40nded-[var(--radius-pill)] !py-3.5"> Start your free trial <svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div><p data-v-5260ae99="" class="mt-8 text-center text-xs text-[var(--color-ink-muted)]"> Switch or cancel any time from your dashboard. Payments processed securely by Stripe. </p></div></section><section data-v-5260ae99="" id="features" class="reveal scroll-mt-24 border-t border-[var(--color-line)] is-visible"><div data-v-5260ae99="" class="mx-auto max-w-6xl px-5 py-16 sm:px-6 sm:py-24 lg:py-28"><div class="max-w-2xl" data-v-5260ae99=""><p class="reveal-item text-xs font-semibold tracking-[0.2em] text-[var(--color-accent-text)] uppercase" data-v-5260ae99=""> One dashboard </p><h2 class="reveal-wipe mt-5 font-[family-name:var(--font-marketing)] text-4xl font-bold tracking-[-0.03em] text-balance text-[var(--color-ink)] sm:text-5xl" style="--reveal-delay:80ms;" data-v-5260ae99=""> Everything your business <span class="text-[var(--color-accent-strong)] italic" data-v-5260ae99="">needs online</span></h2><p class="reveal-item mt-5 text-lg text-[var(--color-ink-secondary)]" style="--reveal-delay:200ms;" data-v-5260ae99=""> One simple dashboard for your website, orders, customers and paperwork. This is the owner's side of a site like the one above. </p></div><div data-v-5260ae99="" class="reveal reveal-zoom mt-10 overflow-hidden sm:mt-14 rounded-[var(--radius-modal)] border border-[var(--color-line)] bg-[var(--color-surface)] shadow-[0_2px_8px_-4px_rgb(0_0_0/0.12),0_48px_96px_-56px_rgb(0_0_0/0.55)] is-visible"><div class="flex items-center gap-2 border-b border-[var(--color-line)] bg-[var(--color-sunken)] px-4 py-3" data-v-5260ae99=""><span class="flex gap-1.5" aria-hidden="true" data-v-5260ae99=""><span class="size-2.5 rounded-full bg-[var(--color-line-strong)]" data-v-5260ae99=""></span><span class="size-2.5 rounded-full bg-[var(--color-line-strong)]" data-v-5260ae99=""></span><span class="size-2.5 rounded-full bg-[var(--color-line-strong)]" data-v-5260ae99=""></span></span><span class="ml-2 truncate rounded-[var(--radius-pill)] bg-[var(--color-surface)] px-3 py-1 text-xs text-[var(--color-ink-muted)]" data-v-5260ae99=""> business-lane.com/dashboard </span></div><div data-v-5260ae99="" class="max-h-[34rem] overflow-hidden"><picture data-v-5260ae99="" class="contents"><source type="image/avif" srcset="/showcase/dashboard.avif 1440w, /showcase/[email protected] 2880w" sizes="(min-width: 72rem) 1102px, calc(100vw - 3rem)"><source type="image/webp" srcset="/showcase/dashboard.webp 1440w, /showcase/[email protected] 2880w" sizes="(min-width: 72rem) 1102px, calc(100vw - 3rem)"><img src="/showcase/dashboard.jpg" srcset="/showcase/dashboard.jpg 1440w, /showcase/[email protected] 2880w" sizes="(min-width: 72rem) 1102px, calc(100vw - 3rem)" width="1440" height="1100" alt="The Business Lane dashboard for a hair salon: website link, health checklist, stats and quick actions" loading="lazy" decoding="async" class="parallax-y w-full" style="--drift-from: -2%; --drift-to: 2%;"></picture></div></div><div data-v-5260ae99="" class="mt-14 space-y-12 sm:mt-20 sm:space-y-16"><div data-v-5260ae99="" class="reveal is-visible"><div data-v-5260ae99="" class="flex items-baseline gap-4"><h3 data-v-5260ae99="" class="font-[family-name:var(--font-marketing)] text-xl font-bold tracking-[-0.01em] text-[var(--color-ink)]">Your website</h3><span data-v-5260ae99="" class="h-px grow bg-[var(--color-line)]" aria-hidden="true"></span></div><span data-v-5260ae99="" class="reveal-rule mt-3 block h-[2px] w-16 rounded-full bg-[var(--color-accent)]" aria-hidden="true"></span><div data-v-5260ae99="" class="stagger mt-1 grid gap-x-12 sm:grid-cols-2"><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 0; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Your own website</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">A beautiful page at your-name.business-lane.com with your logo, colors, and cover photo â no designer or developer needed.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 roun
40ded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 1; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Five website designs</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Five designs â Classic, Aurora, Editorial, Ironclad and Harvest. Preview each one on your own content first, and switch whenever you like: your services, photos and colors carry across every time.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 2; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Before / after gallery</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Show your work with an interactive slider customers can drag. Photos are optimized automatically for fast loading.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 3; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Hours & Open now</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Set your opening hours once. Your site shows a live Open/Closed badge so customers know before they call.</p></div></div></div></div><div data-v-5260ae99="" class="reveal is-visible"><div data-v-5260ae99="" class="flex items-baseline gap-4">
40<h3 data-v-5260ae99="" class="font-[family-name:var(--font-marketing)] text-xl font-bold tracking-[-0.01em] text-[var(--color-ink)]">Getting found</h3><span data-v-5260ae99="" class="h-px grow bg-[var(--color-line)]" aria-hidden="true"></span></div><span data-v-5260ae99="" class="reveal-rule mt-3 block h-[2px] w-16 rounded-full bg-[var(--color-accent)]" aria-hidden="true"></span><div data-v-5260ae99="" class="stagger mt-1 grid gap-x-12 sm:grid-cols-2"><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 0; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Get found on Google</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Structured data, sitemaps, and fast mobile pages tell Google exactly who you are â hours, services, and FAQs in search results.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 1; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="5" height="5" x="3" y="3" rx="1"></rect><rect width="5" height="5" x="16" y="3" rx="1"></rect><rect width="5" height="5" x="3" y="16" rx="1"></rect><path d="M21 16h-3a2 2 0 0 0-2 2v3"></path><path d="M21 21v.01"></path><path d="M12 7v3a2 2 0 0 1-2 2H7"></path><path d="M3 12h.01"></path><path d="M12 3h.01"></path><path d="M12 16v.01"></path><path d="M16 12h1"></path><path d="M21 12v.01"></path><path d="M12 21v-1"></path></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">QR posters</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Download print-ready QR posters for your website and review page â perfect for your counter, window, or flyers.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 2; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line>
40<line x1="12" y1="16" x2="12.01" y2="16"></line></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Announcement bar</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Closed for the day, holiday hours, a burst pipe â post a notice across the top of your site from your phone, and schedule when it stops showing.</p></div></div></div></div><div data-v-5260ae99="" class="reveal is-visible"><div data-v-5260ae99="" class="flex items-baseline gap-4"><h3 data-v-5260ae99="" class="font-[family-name:var(--font-marketing)] text-xl font-bold tracking-[-0.01em] text-[var(--color-ink)]">Winning work</h3><span data-v-5260ae99="" class="h-px grow bg-[var(--color-line)]" aria-hidden="true"></span></div><span data-v-5260ae99="" class="reveal-rule mt-3 block h-[2px] w-16 rounded-full bg-[var(--color-accent)]" aria-hidden="true"></span><div data-v-5260ae99="" class="stagger mt-1 grid gap-x-12 sm:grid-cols-2"><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 0; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2"></rect><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h18"></path></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Appointment requests you can answer</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Customers ask for a booking on any service with the date and time they want. It lands in your dashboard and inbox, where you set the time that actually suits you, confirm it or call it off â and send the customer the news on WhatsApp, by text or by email, written out for you.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 1; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z"></path></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">WhatsApp & messages</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">One tap to WhatsApp, plus a contact form that emails you the moment a customer gets in touch.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 roun
40ded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 2; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26"></polygon></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Reviews & star ratings</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Collect reviews with a shareable link, approve what gets published, and show your rating on Google.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 3; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r="0.5" fill="currentColor"></circle></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Promotions & offers</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Publish limited-time offers that go live instantly and appear front and center on your website.</p></div></div></div></div><div data-v-5260ae99="" class="reveal is-visible"><div data-v-5260ae99="" class="flex items-baseline gap-4"><h3 data-v-5260ae99="" class="font-[family-name:var(--font-marketing)] text-xl font-bold tracking-[-0.01em] text-[var(--color-ink)]">Selling online</h3><span data-v-5260ae99="" class="h-px grow bg-[var(--color-line)]" aria-hidden="true"></span></div><span data-v-5260ae99="" class="reveal-rule mt-3 block h-[2px] w-16 rounded-full bg-[var(--color-accent)]" aria-hidden="true"></span><div data-v-5260ae99="" class="stagger mt-1 grid gap-x-12 sm:grid-cols-2"><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 0; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Online shop & checkout</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">A cart and checkout on your own site. Customers choose delivery or collection, see what is left before they buy, and never need an account. You set the delivery fee, free delivery over an amount, and a minimum order.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 roun
40ded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 1; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="5" width="20" height="14" rx="2"></rect><line x1="2" y1="10" x2="22" y2="10"></line></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Cash, bank transfer or card</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Take cash on delivery or collection, bank transfers with your account details on every confirmation, or cards through your own Stripe account. The money goes straight to you â no commission.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 2; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 17h4V5H2v12h3"></path><path d="M20 17h2v-3.34a4 4 0 0 0-1.17-2.83L19 9h-5v8h2"></path><circle cx="7.5" cy="17.5" r="2.5"></circle><circle cx="17.5" cy="17.5" r="2.5"></circle></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Orders you can track</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Confirm, prepare, send or mark ready to collect â every step emails the customer and shows on their tracking page. Mark a transfer paid when it lands, and raise an invoice from any order.</p></div></div></div></div><div data-v-5260ae99="" class="reveal is-visible"><div data-v-5260ae99="" class="flex items-baseline gap-4"><h3 data-v-5260ae99="" class="font-[family-name:var(--font-marketing)] text-xl font-bold tracking-[-0.01em] text-[var(--color-ink)]">Running the business</h3><span data-v-5260ae99="" class="h-px grow bg-[var(--color-line)]" aria-hidden="true"></span></div><span data-v-5260ae99="" class="reveal-rule mt-3 block h-[2px] w-16 rounded-full bg-[var(--color-accent)]" aria-hidden="true"></span><div data-v-5260ae99="" class="stagger mt-1 grid gap-x-12 sm:grid-cols-2"><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 0; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="2" width="14" height="20" rx="2"></rect><path d="M12 18h.01"></path></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Scan an item onto the invoice</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Bill a customer by scanning what they are buying. Point your phone camera at the barcode, or use the USB or Bluetooth scanner you already have â the product lands on the invoice at your price, beeps to confirm, and scanning it twice bills two.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 roun
40ded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 1; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Customers & invoices</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Keep customer records in one place, create invoices in your currency, download them as PDFs to send or print, and get alerted when one goes overdue.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 2; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Inventory & stock</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Track stock counts per product with a full history of every change. An online order holds its items the moment it is placed, invoices sell stock automatically, low-stock alerts warn you early, and your website flips to out-of-stock by itself.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 3; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 6 2 18 2 18 9"></polyline><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><rect x="6" y="14" width="12" height="8" rx="1"></rect></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Barcodes & printed labels</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Every product carries a code â scanned off the manufacturer's box, generated for you, or typed in. Print them as shelf labels on ordinary label sheets, with the name and price, so everything you sell can be scanned.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 roun
40ded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 4; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Services & products</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">List everything you offer with up to ten photos each, in your own currency â with a price, or "request a quote" when you price per job. Customers can book a service, ask about a product, or buy it straight from your shop.</p></div></div></div></div><div data-v-5260ae99="" class="reveal is-visible"><div data-v-5260ae99="" class="flex items-baseline gap-4"><h3 data-v-5260ae99="" class="font-[family-name:var(--font-marketing)] text-xl font-bold tracking-[-0.01em] text-[var(--color-ink)]">Doing the work for you</h3><span data-v-5260ae99="" class="h-px grow bg-[var(--color-line)]" aria-hidden="true"></span></div><span data-v-5260ae99="" class="reveal-rule mt-3 block h-[2px] w-16 rounded-full bg-[var(--color-accent)]" aria-hidden="true"></span><div data-v-5260ae99="" class="stagger mt-1 grid gap-x-12 sm:grid-cols-2"><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 0; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10"></polygon></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Written for you by AI</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Tell us your trade and we draft your introduction, services and FAQs in seconds. Everything arrives as a draft you edit and approve â nothing is published without you.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 1; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="7" height="7" rx="1"></rect><rect x="14" y="3" width="7" height="7" rx="1"></rect><rect x="14" y="14" width="7" height="7" rx="1"></rect><rect x="3" y="14" width="7" height="7" rx="1"></rect></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Insights that show the value</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">Visits, inquiries, booking requests and reviews, each against the peri
40od before. Every figure counted from your own records â nothing estimated.</p></div></div><div data-v-5260ae99="" class="group reveal-item -mx-3 flex gap-4 rounded-[var(--radius-card)] border-b border-[var(--color-line)] px-3 py-5 transition-[background-color,box-shadow] sm:py-6 duration-200 last:border-b-0 hover:bg-[var(--color-sunken)] hover:shadow-[0_12px_32px_-28px_rgb(0_0_0/0.6)] sm:last:border-b" style="--i: 2; --stagger-step: 55ms;"><span data-v-5260ae99="" class="mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-control)] bg-[var(--color-accent-subtle)] text-[var(--color-accent-text)] transition-[background-color,color,transform] duration-200 ease-[var(--ease-spring)] group-hover:scale-110 group-hover:bg-[var(--color-accent-strong)] group-hover:text-white"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg></span><div data-v-5260ae99=""><h4 data-v-5260ae99="" class="font-semibold text-[var(--color-ink)]">Activity notifications</h4><p data-v-5260ae99="" class="mt-1.5 text-sm leading-relaxed text-[var(--color-ink-secondary)]">A live notification bell for new bookings, messages, and reviews â so nothing from a customer slips past you.</p></div></div></div></div></div></div></section><section data-v-5260ae99="" class="reveal border-t border-[var(--color-line)] bg-[var(--color-sunken)] is-visible"><div data-v-5260ae99="" class="mx-auto max-w-6xl px-5 py-16 sm:px-6 sm:py-24 lg:py-28"><div data-v-5260ae99="" class="max-w-2xl"><p data-v-5260ae99="" class="reveal-item text-xs font-semibold tracking-[0.2em] text-[var(--color-accent-text)] uppercase"> Proof, not mockups </p><h2 data-v-5260ae99="" class="reveal-wipe mt-5 font-[family-name:var(--font-marketing)] text-4xl font-bold tracking-[-0.03em] text-[var(--color-ink)] sm:text-5xl" style="--reveal-delay: 80ms;"> More <span data-v-5260ae99="" class="text-[var(--color-accent-strong)] italic">finished sites</span></h2><p data-v-5260ae99="" class="reveal-item mt-5 text-lg text-[var(--color-ink-secondary)]" style="--reveal-delay: 200ms;"> Every trade we build for has a finished site you can open right now â 15 real businesses across all five designs, and none of them the salon above. No sign-up, no password. </p></div><ul data-v-5260ae99="" id="demo-sites" class="stagger mt-10 grid gap-4 sm:mt-12 sm:grid-cols-2 sm:gap-5 lg:grid-cols-3"><li data-v-5260ae99="" class="reveal-item" style="--i: 0; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-motors.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1711386689622-1cda23e10217-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-orange-50 text-orange-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Auto shops</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Aurora design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">Workshop services, parts for sale, seasonal offers, and a photo carousel on every job.</span><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li><li data-v-5260ae99="" class="reveal-item" style="--i: 1; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-cleaning.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1758273238415-01ec03d9ef27-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-sky-50 text-sky-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Cleaning services</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Editorial design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">Regular cleans, deep cleans and move-out jobs, with a first-clean offer on the homepage.</span><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li><li data-v-5260ae99="" class="reveal-item" style="--i: 2; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-builders.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1587582423116-ec07293f0395-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-slate-100 text-slate-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="7" width="20" height="14" rx="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Contractors</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Ironclad design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">Additions, attic conversions and structural repairs â every job quoted, with before/after photos of the last ones.</span><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li><li data-v-5260ae99="" class="reveal-item" style="--i: 0; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-lawn.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1734303023491-db8037a21f09-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-green-50 text-green-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2"></rect><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h18"></path></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Lawn & garden</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Harvest design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">Maintenance every two weeks, hedge trimming and spring cleanups, plus lawn fertilizer and mower service to buy.</span><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li><li data-v-5260ae99="" class="reveal-item" style="--i: 1; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-junk.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1698917414969-feade59e3343-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-stone-100 text-stone-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6h18"></path><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"></path><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
40<line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Junk removal</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Ironclad design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">Single items through to whole-house cleanouts, picked up the same day, with the disposal spelled out.</span><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li><li data-v-5260ae99="" class="reveal-item" style="--i: 2; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-bakery.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1622021142947-da7dedc7c39a-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-amber-50 text-amber-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path><path d="M3 6h18"></path><path d="M16 10a4 4 0 0 1-8 0"></path></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Restaurants & bakeries</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Harvest design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">Sourdough and pastries sold off the page, celebration cakes to order, and a class you can book.</span><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li><li data-v-5260ae99="" class="reveal-item" hidden="" style="--i: 0; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-boutique.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1746216845602-336ad3a744f7-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-rose-50 text-rose-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
40<path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r="0.5" fill="currentColor"></circle></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Boutiques & retail</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Classic design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">A small rack of clothing with sizes and stock, alterations booked in, and a season sale.</span><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li><li data-v-5260ae99="" class="reveal-item" hidden="" style="--i: 1; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-gym.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1704223523381-bb976da90793-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-violet-50 text-violet-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10"></polygon></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Fitness studios</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Aurora design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">Small-group strength blocks and one-on-one coaching, with a free intro session anyone can request.</span><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li><li data-v-5260ae99="" class="reveal-item" hidden="" style="--i: 2; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-clinic.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1758691463582-11aea602cd4a-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-teal-50 text-teal-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1 1 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Local clinics</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Editorial design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">Consultations, health checks, opening hours, FAQs, and a map to the practice.</span><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li><li data-v-5260ae99="" class="reveal-item" hidden="" style="--i: 0; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-florist.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1642751652611-bb9a7cad58a3-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-pink-50 text-pink-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Florists</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Harvest design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">Weddings, funerals and a weekly subscription, with seasonal bunches priced up alongside them.</span><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li><li data-v-5260ae99="" class="reveal-item" hidden="" style="--i: 1; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-pets.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1528846104175-4fd300ee59da-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-indigo-50 text-indigo-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Pet services</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Aurora design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">Grooming priced by the size of the dog, a puppy introduction, and photos of everyone who comes through.</span><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li><li data-v-5260ae99="" class="reveal-item" hidden="" style="--i: 2; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-grocery.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1753354868590-81ed82047c4f-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-lime-50 text-lime-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Grocery & convenience</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Harvest design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">A weekly produce box, local delivery, and seasonal produce priced up shelf by shelf.</sp
40an><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li><li data-v-5260ae99="" class="reveal-item" hidden="" style="--i: 0; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-hardware.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1783309239591-9b63f3599744-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-zinc-100 text-zinc-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="5" height="5" x="3" y="3" rx="1"></rect><rect width="5" height="5" x="16" y="3" rx="1"></rect><rect width="5" height="5" x="3" y="16" rx="1"></rect><path d="M21 16h-3a2 2 0 0 0-2 2v3"></path><path d="M21 21v.01"></path><path d="M12 7v3a2 2 0 0 1-2 2H7"></path><path d="M3 12h.01"></path><path d="M12 3h.01"></path><path d="M12 16v.01"></path><path d="M16 12h1"></path><path d="M21 12v.01"></path><path d="M12 21v-1"></path></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Hardware & DIY</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Ironclad design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">Lumber and key cutting, contractor accounts, and fasteners sold by the each with barcodes behind them.</span><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li><li data-v-5260ae99="" class="reveal-item" hidden="" style="--i: 1; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-phones.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1550041473-d296a3a8a18a-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-cyan-50 text-cyan-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="2" width="14" height="20" rx="2"></rect><path d="M12 18h.01"></path></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Electronics & phones</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Aurora design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">Screen, battery and port repairs with the turnaround stated, plus accessories and a repair-day offer.</span><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li><li data-v-5260ae99="" class="reveal-item" hidden="" style="--i: 2; --stagger-step: 70ms;"><a data-v-5260ae99="" href="https://demo-pharmacy.business-lane.com" target="_blank" rel="noopener noreferrer" class="group hover-sheen flex h-full flex-col rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] p-5 transition-[transform,box-shadow,border-color] sm:p-6 duration-300 ease-[var(--ease-emphasized)] hover:-translate-y-1 hover:border-[var(--color-line-strong)] hover:shadow-[0_24px_48px_-32px_rgb(0_0_0/0.45)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-accent)]" style="--sheen-color: #17150f;"><span data-v-5260ae99="" class="pointer-events-none absolute inset-0" aria-hidden="true"><img data-v-5260ae99="" src="/uploads/demo/1580281657527-47f249e8f4df-560x420.jpg" alt="" width="560" height="420" loading="lazy" decoding="async" class="size-full object-cover opacity-[0.32] transition-[opacity,transform] duration-500 ease-[var(--ease-emphasized)] group-hover:scale-[1.07] group-hover:opacity-[0.5]" style="mask-image: radial-gradient(100% 100% at 100% 100%, rgb(0, 0, 0) 0%, transparent 60%);"></span><div data-v-5260ae99="" class="relative flex grow flex-col"><span data-v-5260ae99="" class="mb-5 flex size-11 items-center justify-center rounded-[var(--radius-control)] transition-transform duration-300 ease-[var(--ease-spring)] group-hover:scale-110 bg-emerald-50 text-emerald-600"><svg data-v-5260ae99="" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></span><h3 data-v-5260ae99="" class="text-base font-semibold text-[var(--color-ink)]">Pharmacies & health</h3><span data-v-5260ae99="" class="mt-0.5 text-sm text-[var(--color-ink-muted)]">Classic design </span><span data-v-5260ae99="" class="mt-3 grow text-sm leading-relaxed text-[var(--color-ink-secondary)]">Vaccinations, blood pressure checks and prescription delivery, with the Sunday hours up front.</span><span data-v-5260ae99="" class="mt-5 inline-flex items-center gap-1.5 text-sm font-semibold text-[var(--color-accent-text)]"> Visit the site <svg data-v-5260ae99="" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></li></ul><div data-v-5260ae99="" class="mt-8 flex justify-center sm:mt-10"><button data-v-5260ae99="" type="button" class="btn btn-secondary !rounded-[var(--radius-pill)] !px-6 !py-3" aria-controls="demo-sites" aria-expanded="false"> Show all 15 trades <svg data-v-5260ae99="" width="16" height="16" viewB
40ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div></div></section><section data-v-5260ae99="" id="faq" class="reveal scroll-mt-24 border-t border-[var(--color-line)] is-visible"><div data-v-5260ae99="" class="mx-auto max-w-3xl px-5 py-16 sm:px-6 sm:py-24 lg:py-28"><div class="max-w-2xl" data-v-5260ae99=""><p class="reveal-item text-xs font-semibold tracking-[0.2em] text-[var(--color-accent-text)] uppercase" data-v-5260ae99=""> Questions </p><h2 class="reveal-wipe mt-5 font-[family-name:var(--font-marketing)] text-4xl font-bold tracking-[-0.03em] text-[var(--color-ink)] sm:text-5xl" style="--reveal-delay:80ms;" data-v-5260ae99=""> Frequently <span class="text-[var(--color-accent-strong)] italic" data-v-5260ae99="">asked</span></h2><p class="reveal-item mt-5 text-lg text-[var(--color-ink-secondary)]" style="--reveal-delay:200ms;" data-v-5260ae99=""> Everything you might be wondering before you start. </p></div><div data-v-5260ae99="" class="stagger mt-12 space-y-3"><details data-v-5260ae99="" name="landing-faq" class="faq reveal-item group rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] transition-[border-color,box-shadow] duration-200 open:border-[var(--color-line-strong)] open:shadow-[0_16px_40px_-32px_rgb(0_0_0/0.5)]" style="--i: 0; --stagger-step: 45ms;"><summary data-v-5260ae99="" class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4.5 text-left transition-colors duration-150 hover:bg-[var(--color-sunken)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-accent)] [&::-webkit-details-marker]:hidden"><span data-v-5260ae99="" class="text-[15px] font-semibold text-[var(--color-ink)] sm:text-base">Do I need any technical skills?</span><span data-v-5260ae99="" class="flex size-7 shrink-0 items-center justify-center rounded-full border border-[var(--color-line)] text-[var(--color-ink-muted)] transition-[transform,color,border-color,background-color] duration-300 ease-[var(--ease-emphasized)] group-open:rotate-180 group-open:border-transparent group-open:bg-[var(--color-accent-subtle)] group-open:text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></summary><div data-v-5260ae99="" class="border-t border-[var(--color-line)] px-5 py-4"><p data-v-5260ae99="" class="text-sm leading-relaxed text-[var(--color-ink-secondary)]">None at all. If you can fill in a form, you can build your website. You type in your details, upload photos, and the design, hosting, speed, and search setup are handled for you.</p></div></details><details data-v-5260ae99="" name="landing-faq" class="faq reveal-item group rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] transition-[border-color,box-shadow] duration-200 open:border-[var(--color-line-strong)] open:shadow-[0_16px_40px_-32px_rgb(0_0_0/0.5)]" style="--i: 1; --stagger-step: 45ms;"><summary data-v-5260ae99="" class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4.5 text-left transition-colors duration-150 hover:bg-[var(--color-sunken)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-accent)] [&::-webkit-details-marker]:hidden"><span data-v-5260ae99="" class="text-[15px] font-semibold text-[var(--color-ink)] sm:text-base">What happens when my free trial ends?</span><span data-v-5260ae99="" class="flex size-7 shrink-0 items-center justify-center rounded-full border border-[var(--color-line)] text-[var(--color-ink-muted)] transition-[transform,color,border-color,background-color] duration-300 ease-[var(--ease-emphasized)] group-open:rotate-180 group-open:border-transparent group-open:bg-[var(--color-accent-subtle)] group-open:text-[var(--color-accent-text)]">
40<svg data-v-5260ae99="" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></summary><div data-v-5260ae99="" class="border-t border-[var(--color-line)] px-5 py-4"><p data-v-5260ae99="" class="text-sm leading-relaxed text-[var(--color-ink-secondary)]">Your website pauses until you subscribe â nothing is deleted. You keep full access to your dashboard and everything you built, and the moment you subscribe your site is back online exactly as you left it.</p></div></details><details data-v-5260ae99="" name="landing-faq" class="faq reveal-item group rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] transition-[border-color,box-shadow] duration-200 open:border-[var(--color-line-strong)] open:shadow-[0_16px_40px_-32px_rgb(0_0_0/0.5)]" style="--i: 2; --stagger-step: 45ms;"><summary data-v-5260ae99="" class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4.5 text-left transition-colors duration-150 hover:bg-[var(--color-sunken)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-accent)] [&::-webkit-details-marker]:hidden"><span data-v-5260ae99="" class="text-[15px] font-semibold text-[var(--color-ink)] sm:text-base">Can I sell products as well as services?</span><span data-v-5260ae99="" class="flex size-7 shrink-0 items-center justify-center rounded-full border border-[var(--color-line)] text-[var(--color-ink-muted)] transition-[transform,color,border-color,background-color] duration-300 ease-[var(--ease-emphasized)] group-open:rotate-180 group-open:border-transparent group-open:bg-[var(--color-accent-subtle)] group-open:text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></summary><div data-v-5260ae99="" class="border-t border-[var(--color-line)] px-5 py-4"><p data-v-5260ae99="" class="text-sm leading-relaxed text-[var(--color-ink-secondary)]">Yes. List services with appointment requests, products with photos and prices, or both. On the Business plan your products can be bought outright: customers add them to a cart, choose delivery or collection, and pay cash, by bank transfer or by card. Stock is held the moment someone orders, so the last one never sells twice.</p></div></details><details data-v-5260ae99="" name="landing-faq" class="faq reveal-item group rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] transition-[border-color,box-shadow] duration-200 open:border-[var(--color-line-strong)] open:shadow-[0_16px_40px_-32px_rgb(0_0_0/0.5)]" style="--i: 3; --stagger-step: 45ms;"><summary data-v-5260ae99="" class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4.5 text-left transition-colors duration-150 hover:bg-[var(--color-sunken)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-accent)] [&::-webkit-details-marker]:hidden"><span data-v-5260ae99="" class="text-[15px] font-semibold text-[var(--color-ink)] sm:text-base">Do I need to buy a barcode scanner?</span><span data-v-5260ae99="" class="flex size-7 shrink-0 items-center justify-center rounded-full border border-[var(--color-line)] text-[var(--color-ink-muted)] transition-[transform,color,border-color,background-color] duration-300 ease-[var(--ease-emphasized)] group-open:rotate-180 group-open:border-transparent group-open:bg-[var(--color-accent-subtle)] group-open:text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></summary><div data-v-5260ae99="" class="border-t border-[var(--color-line)] px-5 py-4"><p data-v-5260ae99="" class="text-sm leading-relaxed text-[var(--color-ink-secondary)]">No. Your phone is the scanner â open an invoice, tap the camera button, and point it at the barcode. If you already own a USB or Bluetooth scanner it works too, with nothing to install: it types the code and the item appears on the invoice. You can also just type a code in, so a flat battery or a scuffed barcode never stops you serving a customer.</p></div></details>
40<details data-v-5260ae99="" name="landing-faq" class="faq reveal-item group rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] transition-[border-color,box-shadow] duration-200 open:border-[var(--color-line-strong)] open:shadow-[0_16px_40px_-32px_rgb(0_0_0/0.5)]" style="--i: 4; --stagger-step: 45ms;"><summary data-v-5260ae99="" class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4.5 text-left transition-colors duration-150 hover:bg-[var(--color-sunken)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-accent)] [&::-webkit-details-marker]:hidden"><span data-v-5260ae99="" class="text-[15px] font-semibold text-[var(--color-ink)] sm:text-base">What if my products have no barcodes on them?</span><span data-v-5260ae99="" class="flex size-7 shrink-0 items-center justify-center rounded-full border border-[var(--color-line)] text-[var(--color-ink-muted)] transition-[transform,color,border-color,background-color] duration-300 ease-[var(--ease-emphasized)] group-open:rotate-180 group-open:border-transparent group-open:bg-[var(--color-accent-subtle)] group-open:text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></summary><div data-v-5260ae99="" class="border-t border-[var(--color-line)] px-5 py-4"><p data-v-5260ae99="" class="text-sm leading-relaxed text-[var(--color-ink-secondary)]">We give each product a code of its own, built from your business name â or you can type your own. Print them as shelf labels on ordinary label sheets, with the product name and price beside the barcode, and from then on they scan like anything else in the shop.</p></div></details><details data-v-5260ae99="" name="landing-faq" class="faq reveal-item group rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] transition-[border-color,box-shadow] duration-200 open:border-[var(--color-line-strong)] open:shadow-[0_16px_40px_-32px_rgb(0_0_0/0.5)]" style="--i: 5; --stagger-step: 45ms;"><summary data-v-5260ae99="" class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4.5 text-left transition-colors duration-150 hover:bg-[var(--color-sunken)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-accent)] [&::-webkit-details-marker]:hidden"><span data-v-5260ae99="" class="text-[15px] font-semibold text-[var(--color-ink)] sm:text-base">Do you take a commission on my bookings or sales?</span><span data-v-5260ae99="" class="flex size-7 shrink-0 items-center justify-center rounded-full border border-[var(--color-line)] text-[var(--color-ink-muted)] transition-[transform,color,border-color,background-color] duration-300 ease-[var(--ease-emphasized)] group-open:rotate-180 group-open:border-transparent group-open:bg-[var(--color-accent-subtle)] group-open:text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></summary><div data-v-5260ae99="" class="border-t border-[var(--color-line)] px-5 py-4"><p data-v-5260ae99="" class="text-sm leading-relaxed text-[var(--color-ink-secondary)]">No. You pay one flat monthly subscription. Bookings, messages, and payments from your customers go directly to you â we never sit in the middle. Card payments in your shop land in your own Stripe account, and the only fee on them is Stripe's own.</p></div></details><details data-v-5260ae99="" name="landing-faq" class="faq reveal-item group rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] transition-[border-color,box-shadow] duration-200 open:border-[var(--color-line-strong)] open:shadow-[0_16px_40px_-32px_rgb(0_0_0/0.5)]" style="--i: 6; --stagger-step: 45ms;"><summary data-v-5260ae99="" class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4.5 text-left transition-colors duration-150 hover:bg-[var(--color-sunken)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-accent)] [&::-webkit-details-marker]:hidden"><span data-v-5260ae99="" class="text-[15px] font-semibold text-[var(--color-ink)] sm:text-base">What web address will my site have?</span><span data-v-5260ae99="" class="flex size-7 shrink-0 items-center justify-center rounded-full border border-[var(--color-line)] text-[var(--color-ink-muted)] transition-[transform,color,border-color,background-color] duration-300 ease-[var(--ease-emphasized)] group-open:rotate-180 group-open:border-transparent group-open:bg-[var(--color-accent-subtle)] group-open:text-[var(--color-accent-text)]">
40<svg data-v-5260ae99="" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></summary><div data-v-5260ae99="" class="border-t border-[var(--color-line)] px-5 py-4"><p data-v-5260ae99="" class="text-sm leading-relaxed text-[var(--color-ink-secondary)]">Your site lives at your-name.business-lane.com â yours from the moment you sign up. It works great on business cards, social media, and the printable QR posters included with your account.</p></div></details><details data-v-5260ae99="" name="landing-faq" class="faq reveal-item group rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] transition-[border-color,box-shadow] duration-200 open:border-[var(--color-line-strong)] open:shadow-[0_16px_40px_-32px_rgb(0_0_0/0.5)]" style="--i: 7; --stagger-step: 45ms;"><summary data-v-5260ae99="" class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4.5 text-left transition-colors duration-150 hover:bg-[var(--color-sunken)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-accent)] [&::-webkit-details-marker]:hidden"><span data-v-5260ae99="" class="text-[15px] font-semibold text-[var(--color-ink)] sm:text-base">Can I cancel any time?</span><span data-v-5260ae99="" class="flex size-7 shrink-0 items-center justify-center rounded-full border border-[var(--color-line)] text-[var(--color-ink-muted)] transition-[transform,color,border-color,background-color] duration-300 ease-[var(--ease-emphasized)] group-open:rotate-180 group-open:border-transparent group-open:bg-[var(--color-accent-subtle)] group-open:text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></summary><div data-v-5260ae99="" class="border-t border-[var(--color-line)] px-5 py-4"><p data-v-5260ae99="" class="text-sm leading-relaxed text-[var(--color-ink-secondary)]">Yes, in a couple of clicks from your dashboard â no phone calls, no retention hoops. Your subscription stays active until the end of the period you already paid for.</p></div></details><details data-v-5260ae99="" name="landing-faq" class="faq reveal-item group rounded-[var(--radius-card)] border border-[var(--color-line)] bg-[var(--color-surface)] transition-[border-color,box-shadow] duration-200 open:border-[var(--color-line-strong)] open:shadow-[0_16px_40px_-32px_rgb(0_0_0/0.5)]" open="" style="--i: 8; --stagger-step: 45ms;"><summary data-v-5260ae99="" class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4.5 text-left transition-colors duration-150 hover:bg-[var(--color-sunken)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--color-accent)] [&::-webkit-details-marker]:hidden"><span data-v-5260ae99="" class="text-[15px] font-semibold text-[var(--color-ink)] sm:text-base">What's the difference between the two plans?</span><span data-v-5260ae99="" class="flex size-7 shrink-0 items-center justify-center rounded-full border border-[var(--color-line)] text-[var(--color-ink-muted)] transition-[transform,color,border-color,background-color] duration-300 ease-[var(--ease-emphasized)] group-open:rotate-180 group-open:border-transparent group-open:bg-[var(--color-accent-subtle)] group-open:text-[var(--color-accent-text)]"><svg data-v-5260ae99="" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></summary><div data-v-5260ae99="" class="border-t border-[var(--color-line)] px-5 py-4"><p data-v-5260ae99="" class="text-sm leading-relaxed text-[var(--color-ink-secondary)]">Website ($20/month) is everything your public site needs â services, products, promotions, photo gallery, reviews, bookings and messages. Business ($25/month) adds an online shop with delivery or collection and your back office: orders, customer records, invoices with PDF download that you can build by scanning barcodes, printable barcode labels, and inventory tracking with low-stock alerts. The 14-day free trial includes everything, and you can switch plans any time.</p></div></details></div></div></section><section data-v-5260ae99="" id="contact" class="reveal scroll-mt-24 border-t border-[var(--color-line)] bg-[var(--color-sunken)] is-visible"><div data-v-5260ae99="" class="mx-auto max-w-3xl px-5 py-14 sm:px-6 sm:py-20 lg:py-24">
40<h2 data-v-5260ae99="" class="reveal-wipe font-[family-name:var(--font-marketing)] text-3xl font-bold tracking-[-0.02em] text-[var(--color-ink)] sm:text-4xl"> Questions? Talk to <span data-v-5260ae99="" class="text-[var(--color-accent-strong)] italic">a real person</span></h2><p data-v-5260ae99="" class="reveal-item mt-4 text-lg text-[var(--color-ink-secondary)]" style="--reveal-delay: 140ms;"> We're happy to help before you sign up â email us or send a WhatsApp message any time. </p><div data-v-5260ae99="" class="stagger mt-9 flex flex-col items-center justify-center gap-3 sm:flex-row"><a data-v-5260ae99="" href="mailto:[email protected]" class="reveal-item flex w-full items-center justify-center gap-2.5 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-surface)] px-6 py-3.5 text-sm font-semibold text-[var(--color-ink-strong)] shadow-xs transition-[border-color,transform,box-shadow] duration-200 hover:-translate-y-0.5 hover:border-[var(--color-line-strong)] hover:shadow-[var(--elevation-2)] sm:w-auto" style="--i: 0; --stagger-step: 90ms;"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="text-[var(--color-accent-text)]"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg> [email protected] </a><a data-v-5260ae99="" href="https://wa.me/16674049982" target="_blank" rel="noopener noreferrer" class="reveal-item flex w-full items-center justify-center gap-2.5 rounded-[var(--radius-pill)] border border-[var(--color-line)] bg-[var(--color-surface)] px-6 py-3.5 text-sm font-semibold text-[var(--color-ink-strong)] shadow-xs transition-[border-color,transform,box-shadow] duration-200 hover:-translate-y-0.5 hover:border-[var(--color-line-strong)] hover:shadow-[var(--elevation-2)] sm:w-auto" style="--i: 1; --stagger-step: 90ms;"><svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="text-[var(--color-whatsapp)]"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z"></path></svg> +1 (667) 404 9982 </a></div></div></section><section data-v-5260ae99="" class="reveal px-5 pt-14 pb-16 sm:px-6 sm:pt-20 sm:pb-24 lg:pt-24 lg:pb-28 is-visible"><div data-v-5260ae99="" class="relative isolate mx-auto max-w-6xl overflow-hidden rounded-[calc(var(--radius-modal)*1.5)] bg-[var(--color-accent-strong)] px-6 py-14 text-center text-white sm:px-12 sm:py-20 lg:py-24"><div class="animate-mesh absolute inset-0 -z-10" style="background-image:radial-gradient(30rem 22rem at 18% 20%, #ff9d6b 0%, transparent 60%), 41 radial-gradient(26rem 20rem at 82% 25%, #ff7a45 0%, transparent 58%), 42 radial-gradient(34rem 24rem at 50% 100%, #8f3100 0%, transparent 62%);" aria-hidden="true" data-v-5260ae99=""></div><svg class="pointer-events-none absolute inset-0 -z-10 size-full" viewBox="0 0 1440 480" preserveAspectRatio="xMidYMid slice" aria-hidden="true" data-v-5260ae99=""><path d="M -120 420 C 300 400, 420 120, 760 150 S 1180 330, 1560 40" fill="none" stroke="#ffffff" stroke-width="14" stroke-linecap="round" stroke-dasharray="26 42" op
42acity="0.16" data-v-5260ae99=""></path></svg><h2 class="reveal-item font-[family-name:var(--font-marketing)] text-4xl font-bold tracking-[-0.03em] text-balance sm:text-5xl" data-v-5260ae99=""> Ready to put your business <span class="text-[var(--color-accent-fg)] italic" data-v-5260ae99="">on the map?</span></h2><p data-v-5260ae99="" class="reveal-item mx-auto mt-5 max-w-xl text-lg text-white/90" style="--reveal-delay: 120ms;"> Try everything free for 14 days â no credit card required. Plans from $20/month after that, or 17% less paid yearly. </p><a data-v-5260ae99="" href="/register" class="group reveal-item mt-9 inline-flex items-center gap-2 rounded-[var(--radius-pill)] bg-white px-7 py-4 text-base font-semibold text-[var(--color-accent-strong)] shadow-[0_20px_40px_-20px_rgb(0_0_0/0.5)] transition-transform duration-200 hover:-translate-y-0.5 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" style="--reveal-delay: 220ms;"> Start your free trial <svg data-v-5260ae99="" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="hover-nudge"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></section></main><footer data-v-5260ae99="" class="border-t border-[var(--color-line)] bg-[var(--color-canvas)]"><div class="mx-auto max-w-6xl px-5 py-16 sm:px-6"><div class="grid gap-12 md:grid-cols-12"><div class="md:col-span-5"><span class="inline-flex items-center gap-2.5"><svg width="30" height="30" viewBox="0 0 56 56" aria-hidden="true" class="shrink-0"><rect width="56" height="56" rx="14" fill="#12324A"></rect><path d="M23 9 H31 C42 9 42 25 31 25 H23 M23 25 H33 C45 25 45 43 33 43 H23" stroke="#FFFFFF" stroke-width="5.5" fill="none" stroke-linecap="round"></path><rect x="15.5" y="8" width="6" height="8" rx="3" fill="#FF7A45"></rect><rect x="15.5" y="20" width="6" height="8" rx="3" fill="#FF7A45"></rect><rect x="15.5" y="32" width="6" height="8" rx="3" fill="#FF7A45"></rect></svg><span class="font-display inline-flex items-baseline gap-1.5 text-lg font-bold tracking-tight whitespace-nowrap text-slate-900"> business <span class="bg-accent-400 inline-block h-[0.28em] w-[0.7em] self-center rounded-full"></span> lane </span></span><p class="mt-5 max-w-xs text-sm leading-relaxed text-[var(--color-ink-secondary)]"> A website, an online shop, a booking inbox and a back office for local businesses â set up in an afternoon, run from your phone. </p><div class="mt-7 flex flex-col gap-3"><a href="mailto:[email protected]" class="hover-underline inline-flex w-fit items-center gap-2.5 text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="text-[var(--color-ink-muted)]"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg> [email protected] </a><a href="https://wa.me/16674049982" target="_blank" rel="noopener noreferrer" class="hover-underline inline-flex w-fit items-center gap-2.5 text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="text-[var(--color-ink-muted)]"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z"></path></svg> +1 (667) 404 9982 </a></div></div><div class="grid gap-10 sm:grid-cols-3 md:col-span-7"><div><p id="footer-column-0" class="text-xs font-semibold tracking-[0.16em] text-[var(--color-ink-muted)] uppercase">Product</p><ul class="mt-4 space-y-2.5" aria-labelledby="footer-column-0"><li><a href="/features" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Features</a></li><li><a href="/pricing" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Pricing</a></li><li><a href="/what-a-website-costs" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">What a website costs</a></li><li><a href="/free-website-trial" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Free trial</a></li><li><a aria-current="page" href="/#showcase" class="router-link-active router-link-exact-active hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Designs</a></li><li><a aria-current="page" href="/#faq" class="router-link-active router-link-exact-active hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">FAQ</a></li></ul></div><div><p id="footer-column-1" class="text-xs font-semibold tracking-[0.16em] text-[var(--color-ink-muted)] uppercase">Company</p><ul class="mt-4 space-y-2.5" aria-labelledby="footer-column-1"><li><a href="/about" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">About</a></li><li><a href="/terms" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Terms & Conditions</a></li><li><a href="/privacy" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Privacy Policy</a></li></ul></div><div><p id="footer-column-2" class="text-xs font-semibold tracking-[0.16em] text-[var(--color-ink-muted)] uppercase">Get started</p><ul class="mt-4 space-y-2.5" aria-labelledby="footer-column-2"><li><a href="/register" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Start free trial</a></li><li><a href="/login" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Log in</a></li></ul></div></div></div><nav class="mt-14 border-t border-[var(--color-line)] pt-8" aria-labelledby="footer-trades"><p id="footer-trades" class="text-xs font-semibold tracking-[0.16em] text-[var(--color-ink-muted)] uppercase"> Websites by trade </p><ul class="mt-4 flex flex-wrap gap-x-5 gap-y-2.5"><li><a href="/website-for/auto-repair-shops" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Auto shops</a></li><li><a href="/website-for/salons-and-barbers" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Salons & barbers</a></li><li><a href="/website-for/cleaning-services" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Cleaning services</a></li><li><a href="/website-for/contractors" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Contractors</a></li><li><a href="/website-for/lawn-and-garden-care" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Lawn & garden</a></li><li><a href="/website-for/junk-removal-services" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Junk removal</a></li><li><a href="/website-for/restaurants-and-bakeries" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Restaurants & bakeries</a></li><li><a href="/website-for/boutiques-and-retail" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Boutiques & retail</a></li><li><a href="/website-for/fitness-studios" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Fitness studios</a></li><li><a href="/website-for/clinics" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Local clinics</a></li><li><a href="/website-for/florists" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Florists</a></li><li><a href="/website-for/pet-services" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Pet services</a></li><li><a href="/website-for/grocery-and-convenience-stores" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Grocery & convenience</a></li><li><a href="/website-for/hardware-and-diy-stores" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Hardware & DIY</a></li><li><a href="/website-for/electronics-and-phone-shops" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Electronics & phones</a></li><li><a href="/website-for/pharmacies-and-health-stores" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Pharmacies & health</a></li><li><a href="/industries" class="hover-underline inline-block text-sm font-semibold text-[var(--color-accent-text)]"> All trades </a></li></ul></nav><nav class="mt-8" aria-labelledby="footer-compare"><p id="footer-compare" class="text-xs font-semibold tracking-[0.16em] text-[var(--color-ink-muted)] uppercase"> Compare </p><ul class="mt-4 flex flex-wrap gap-x-5 gap-y-2.5"><li><a href="/alternatives/wix" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Wix alternative</a></li><li><a href="/alternatives/squarespace" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">Squarespace alternative</a></li><li>
42<a href="/alternatives/godaddy" class="hover-underline inline-block text-sm text-[var(--color-ink-secondary)] transition-colors hover:text-[var(--color-ink)]">GoDaddy alternative</a></li><li><a href="/alternatives" class="hover-underline inline-block text-sm font-semibold text-[var(--color-accent-text)]"> All comparisons </a></li></ul></nav><div class="mt-12 flex flex-col-reverse items-center justify-between gap-4 border-t border-[var(--color-line)] pt-8 sm:flex-row"><p class="text-sm text-[var(--color-ink-muted)]"> © 2026 Business Lane. All rights reserved. </p><span class="flex items-center gap-2.5 text-sm text-[var(--color-ink-muted)]"><span class="inline-flex items-center gap-2.5"><svg width="20" height="20" viewBox="0 0 56 56" aria-hidden="true" class="shrink-0"><rect width="56" height="56" rx="14" fill="#12324A"></rect><path d="M23 9 H31 C42 9 42 25 31 25 H23 M23 25 H33 C45 25 45 43 33 43 H23" stroke="#FFFFFF" stroke-width="5.5" fill="none" stroke-linecap="round"></path><rect x="15.5" y="8" width="6" height="8" rx="3" fill="#FF7A45"></rect><rect x="15.5" y="20" width="6" height="8" rx="3" fill="#FF7A45"></rect><rect x="15.5" y="32" width="6" height="8" rx="3" fill="#FF7A45"></rect></svg><!----></span> Made for local businesses </span></div></div></footer></div></div> 43 44 45<div><div><div class="Vue-Toastification__container top-left"></div></div><div><div class="Vue-Toastification__container top-center"></div></div><div><div class="Vue-Toastification__container top-right"></div></div><div><div class="Vue-Toastification__container bottom-left"></div></div><div><div class="Vue-Toastification__container bottom-center"></div></div><div><div class="Vue-Toastification__container bottom-right"></div></div></div></body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.