PageSourceSearch

https://www.bitrecs.ai/

html bitrecs.ai collected 2026-10-05 11:50:28 UTC 130,738 bytes, 3 lines download raw bytes

1<!DOCTYPE html><!--5p5IY6cD1IHYxu_w70Sbo--><html lang="en" class="__variable_646807"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/636a5ac981f94f8b-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fclaude.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fclaude.png&amp;w=256&amp;q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fchat.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fchat.png&amp;w=256&amp;q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fgrok.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fgrok.png&amp;w=256&amp;q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fgem.png&amp;w=256&amp;q=75 1x, /_next/image?url=%2Fgem.png&amp;w=640&amp;q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fdeep.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fdeep.png&amp;w=256&amp;q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fqwen.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fqwen.png&amp;w=256&amp;q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fmeta_old.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fmeta_old.png&amp;w=256&amp;q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=640&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=750&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=828&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=1080&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=1200&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=1920&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=2048&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=640&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=750&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=828&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=1080&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=1200&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=1920&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=2048&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=640&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=750&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=828&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=1080&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=1200&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=1920&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=2048&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 3840w" imageSizes="100vw"/><link rel="stylesheet" href="/_next/static/css/36d3ad196d96d2e6.css?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5ece48f4edcfbeed.css?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-85b44aa02e4981b9.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG"/>
1<script src="/_next/static/chunks/4bd1b696-c023c6e3521b1417.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG" async=""></script>
1<script src="/_next/static/chunks/255-4c7a1cbc62ef9428.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG" async=""></script>
1<script src="/_next/static/chunks/main-app-f9b5d20365cb8be2.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG" async=""></script>
1<script src="/_next/static/chunks/app/layout-4dd9b7ca7163d5ea.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG" async=""></script>
1<script src="/_next/static/chunks/850-95779eec44a08b5d.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG" async=""></script>
1<script src="/_next/static/chunks/909-69ca2bb2980cac69.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG" async=""></script>
1<script src="/_next/static/chunks/461-a9c99bc3e7374143.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG" async=""></script>
1<script src="/_next/static/chunks/app/page-e627319c6257ba2b.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-ER69GGE4W3" as="script"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=640&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=750&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=828&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=1080&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=1200&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=1920&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=2048&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 3840w" imageSizes="100vw"/><meta name="next-size-adjust" content=""/><title>Bitrecs</title><meta name="description" content="Next generation product recommendations"/><meta property="og:title" content="Bitrecs"/><meta property="og:description" content="Next generation product recommendations"/><meta property="og:image" content="https://www.bitrecs.ai/og.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Bitrecs"/><meta name="twitter:description" content="Next generation product recommendations"/><meta name="twitter:image" content="https://www.bitrecs.ai/og.png"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="32x30"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG" noModule=""></script>
1</head><body class="antialiased font-sans"><div hidden=""><!--$--><!--/$--></div>
vendor: 67 bytes, line 1
1<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1GTM-K9RMF6SK
vendor: 90 bytes, lines 1-2
1"
2        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2<div class="min-h-screen flex flex-col relative" style="background-image:linear-gradient(to right, rgba(0, 128, 0, 0.10) 1px, transparent 1px),
3          linear-gradient(to bottom, rgba(0, 128, 0, 0.10) 1px, transparent 1px);background-size:150px 150px;background-color:#f7fafc"><div class="sticky top-4 left-0 right-0 z-[60] flex justify-center px-4"><div class="w-full max-w-6xl relative"><nav class="relative rounded-2xl border border-white/40 bg-white/70 backdrop-blur-xl shadow-lg shadow-emerald-100/20 ring-1 ring-white/50" aria-label="Primary Navigation"><div class="flex items-center justify-between gap-4 px-5 py-3"><div class="flex items-center gap-3 cursor-pointer group"><div class="transition-transform group-hover:scale-105"><a class="flex items-center gap-3" href="/"><div class="filter brightness-150"><img alt="Bitrecs Logo" loading="lazy" width="120" height="32" decoding="async" data-nimg="1" class="h-8 w-auto" style="color:transparent" src="/logo.svg"/></div></a></div><span class="hidden sm:inline-flex text-[10px] font-semibold uppercase tracking-[0.35em] text-emerald-600 transition-colors group-hover:text-emerald-700">AI RECOMMENDATIONS</span></div><div class="hidden md:flex items-center gap-2"><button type="button" class="group relative rounded-full px-4 py-2 text-sm font-medium transition text-gray-600 hover:bg-emerald-50 hover:text-emerald-700">Integration</button><button type="button" class="group relative rounded-full px-4 py-2 text-sm font-medium transition text-gray-600 hover:bg-emerald-50 hover:text-emerald-700">Pricing</button><button type="button" class="group relative rounded-full px-4 py-2 text-sm font-medium transition text-gray-600 hover:bg-emerald-50 hover:text-emerald-700">Blog</button><button type="button" class="group relative rounded-full px-4 py-2 text-sm font-medium transition text-gray-600 hover:bg-emerald-50 hover:text-emerald-700">Contact</button><button type="button" class="group relative rounded-full px-4 py-2 text-sm font-medium transition text-gray-600 hover:bg-emerald-50 hover:text-emerald-700">Docs</button></div><div class="hidden md:flex items-center gap-3"><a href="https://calendly.com/bitrecs/30-min-meeting" target="_blank" rel="noopener noreferrer" class="text-sm font-medium text-gray-600 hover:text-emerald-600 transition">Talk to sales</a><a href="https://apps.shopify.com/bitrecs-ai-recommendations?utm_source=website&amp;utm_medium=organic&amp;utm_campaign=direct&amp;button_clicked=nav" target="_blank" rel="noopener noreferrer"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary-foreground shadow hover:bg-primary/90 sheen-button py-2 h-10 rounded-full bg-emerald-500 px-5 text-sm font-semibold">Install Bitrecs</button></a></div><button type="button" class="md:hidden inline-flex h-10 w-10 items-center justify-center rounded-full border border-emerald-100 text-emerald-700 hover:bg-emerald-50" aria-label="Toggle mobile menu" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></nav></div></div><main class="flex-1 pt-4 sm:pt-8"><section id="home" class="relative overflow-hidden pt-16 md:pt-20 pb-28" style="opacity:0"><div class="pointer-events-none absolute inset-0 bg-gradient-to-br from-emerald-200/90 via-emerald-100/60 to-emerald-300/80"></div><div class="pointer-events-none absolute inset-0 bg-gradient-to-b from-white/60 via-trans
3parent to-white/90"></div><div class="pointer-events-none absolute right-[-20%] top-[-15%] h-[500px] w-[500px] rounded-full bg-emerald-400/40 blur-[100px] mix-blend-multiply"></div><div class="pointer-events-none absolute left-[-25%] bottom-[-10%] h-[450px] w-[450px] rounded-full bg-emerald-300/50 blur-[120px] mix-blend-multiply"></div><div class="absolute inset-0 bg-[url(&#x27;/grid-pattern.svg&#x27;)] opacity-[0.03]"></div><div class="pointer-events-none absolute inset-0 bg-gradient-to-br from-emerald-600/5 via-transparent to-emerald-500/5 mix-blend-soft-light"></div><div class="relative mx-auto flex max-w-6xl flex-col gap-16 sm:gap-24 px-4"><div class="relative mx-auto w-full max-w-5xl text-center mt-12 sm:mt-16 lg:mt-32"><h1 class="text-4xl leading-[1.1] text-gray-900 sm:text-7xl sm:leading-[1.1] font-bold tracking-tight" style="opacity:0;transform:translateY(20px)">Unlock Explosive Growth with<!-- --> <span class="relative inline-block"><span class="bg-gradient-to-r from-emerald-500 via-emerald-400 to-emerald-600 bg-clip-text text-transparent bg-[length:200%_auto] animate-gradient-x">AI-Powered Product Recommendations</span></span></h1><p class="mt-8 text-lg text-gray-600 sm:text-xl lg:text-2xl lg:leading-relaxed max-w-3xl mx-auto font-medium" style="opacity:0;transform:translateY(20px)">Personalize your ecommerce store in minutes to boost conversions, AOV and lifetime value.</p><div class="mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row sm:gap-6" style="opacity:0;transform:translateY(25px)"><div tabindex="0"><a href="https://apps.shopify.com/bitrecs-ai-recommendations?utm_source=website&amp;utm_medium=organic&amp;utm_campaign=direct&amp;button_clicked=hero" target="_blank" rel="noopener noreferrer"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 sheen-button py-2 group relative h-12 px-8 text-base font-bold sm:h-14 sm:px-10 sm:text-lg bg-emerald-600 hover:bg-emerald-500 text-white shadow-xl shadow-emerald-600/20 overflow-hidden transition-all" type="button"><span class="absolute inset-0 w-full h-full bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:animate-[shimmer_1.5s_infinite]"></span>Install Now</button></a></div><div tabindex="0"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 sheen-button py-2 h-12 px-8 text-base font-semibold sm:h-14 sm:px-10 sm:text-lg bg-white text-gray-900 border border-gray-200 hover:bg-gray-50 hover:border-emerald-200 transition-colors shadow-sm" type="button">Learn More</button></div></div></div></div></section><section class="relative px-4 pt-6 pb-8" style="opacity:0;transform:translateY(20px)"><div class="relative mx-auto max-w-5xl overflow-hidden rounded-3xl border border-emerald-100/80 bg-white/85 shadow-lg shadow-emerald-100/40 backdrop-blur [mask-image:linear-gradient(to_right,transparent,black_10%,black_90%,transparent)]"><div class="absolute left-6 z-20 rounded-full bg-emerald-600 px-4 py-1 text-xs font-semibold uppercase tracking-[0.3em] text-white shadow-lg shadow-emerald-600/30">Supported Models</div><div class="absolute inset-x-12 top-0 h-px bg-gradient-to-r from-transparent via-emerald-200/70 to-transparent"></div><div class="absolute inset-x-0 bottom-0 h-px bg-gradient-to-r from-transparent via-emerald-200/60 to-transparent"></div><div class="relative flex overflow-hidden"><div class="flex min-w-full shrink-0 items-center gap-10 px-5 py-8"><div class="flex h-12 items-center justify-center opacity-80 transition hover:opacity-100"><img alt="Claude" width="120" height="60" decoding="async" data-nimg="1" class="h-10 sm:h-12 w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fclaude.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fclaude.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fclaude.png&amp;w=256&amp;q=75"/></div><div class="flex h-12 items-center justify-center opacity-80 transition hover:opacity-100"><img alt="ChatGPT" width="120" height="60" decoding="async" data-nimg="1" class="h-10 sm:h-12 w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fchat.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fchat.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fchat.png&amp;w=256&amp;q=75"/></div><div class="flex h-12 items-center justify-center opacity-80 transition hover:opacity-100"><img alt="Grok" width="120" height="60" decoding="async" data-nimg="1" class="h-10 sm:h-12 w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fgrok.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fgrok.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fgrok.png&amp;w=256&amp;q=75"/></div><div class="flex h-12 items-center justify-center opacity-80 transition hover:opacity-100"><img alt="Gemini" width="200" height="60" decoding="async" data-nimg="1" class="h-12 sm:h-14 w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fgem.png&amp;w=256&amp;q=75 1x, /_next/image?url=%2Fgem.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fgem.png&amp;w=640&amp;q=75"/></div><div class="flex h-12 items-center justify-center opacity-80 transition hover:opacity-100"><img alt="DeepSeek" width="120" height="60" decoding="async" data-nimg="1" class="h-10 sm:h-12 w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fdeep.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fdeep.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fdeep.png&amp;w=256&amp;q=75"/></div><div class="flex h-12 items-center justify-center opacity-80 transition hover:opacity-100"><img alt="Qwen" width="120" height="60" decoding="async" data-nimg="1" class="h-10 sm:h-12 w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fqwen.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fqwen.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fqwen.png&amp;w=256&amp;q=75"/></div><div class="flex h-12 items-center justify-center opacity-80 transition hover:opacity-100"><img alt="Meta" width="120" height="60" decoding="async" data-nimg="1" class="h-10 sm:h-12 w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fmeta_old.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fmeta_old.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fmeta_old.png&amp;w=256&amp;q=75"/></div></div><div class="flex min-w-full shrink-0 items-center gap-10 px-5 py-8"><div class="flex h-12 items-center justify-center opacity-80 transition hover:opacity-100"><img alt="Claude" width="120" height="60" decoding="async" data-nimg="1" class="h-10 sm:h-12 w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fclaude.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fclaude.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fclaude.png&amp;w=256&amp;q=75"/></div><div class="flex h-12 items-center justify-center opacity-80 transition hover:opacity-100"><img alt="ChatGPT" width="120" height="60" decoding="async" data-nimg="1" class="h-10 sm:h-12 w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fchat.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fchat.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fchat.png&amp;w=256&amp;q=75"/></div><div class="flex h-12 items-center justify-center opacity-80 transition hover:opacity-100"><img alt="Grok" width="120" height="60" decoding="async" data-nimg="1" class="h-10 sm:h-12 w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fgrok.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fgrok.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fgrok.png&amp;w=256&amp;q=75"/></div><div class="flex h-12 items-center justify-center opacity-80 transition hover:opacity-100"><img alt="Gemini" width="200" height="60" decoding="async" data-nimg="1" class="h-12 sm:h-14 w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fgem.png&amp;w=256&amp;q=75 1x, /_next/image?url=%2Fgem.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fgem.png&amp;w=640&amp;q=75"/></div><div class="flex h-12 items-center justify-center opacity-80 transition hover:opacity-100"><img alt="DeepSeek" width="120" height="60" decoding="async" data-nimg="1" class="h-10 sm:h-12 w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fdeep.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fdeep.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fdeep.png&amp;w=256&amp;q=75"/></div><div class="flex h-12 items-center justify-center opacity-80 transition hover:opacity-100"><img alt="Qwen" width="120" height="60" decoding="async" data-nimg="1" class="h-10 sm:h-12 w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fqwen.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fqwen.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fqwen.png&amp;w=256&amp;q=75"/></div><div class="flex h-12 items-center justify-center opacity-80 transition hover:opacity-100"><img alt="Meta" width="120" height="60" decoding="async" data-nimg="1" class="h-10 sm:h-12 w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fmeta_old.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fmeta_old.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fmeta_old.png&amp;w=256&amp;q=75"/></div></div></div></div></section><section class="py-8 px-4 overflow-hidden bg-gray-50"><div class="max-w-5xl mx-auto"><div class="mb-10 text-center" style="opacity:0;transform:translateY(20px)"><h2 class="text-4xl sm:text-5xl md:text-6xl font-bold text-gray-900 mb-4 leading-tight">See Bitrecs in <span class="text-emerald-600">Action</span></h2><p class="text-lg sm:text-xl text-gray-700 max-w-3xl mx-auto font-medium">Bitrecs is a modern product recommendations widget powered by the latest AI models available for Shopify and WooCommerce.</p></div><div class="relative bg-white rounded-xl shadow-2xl border border-gray-100 overflow-hidden" style="opacity:0;transform:translateY(40px)"><div class="px-4 py-3 border-b border-gray-100 flex items-center gap-2 bg-gray-50/50">
3<div class="w-3 h-3 rounded-full bg-[#FF5F56] border border-[#E0443E]"></div><div class="w-3 h-3 rounded-full bg-[#FFBD2E] border border-[#DEA123]"></div><div class="w-3 h-3 rounded-full bg-[#27C93F] border border-[#1AAB29]"></div></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-5 p-5 md:p-7 border-b border-gray-100"><div class="relative h-64 w-64 mx-auto lg:h-72 lg:w-72 bg-white rounded-lg overflow-hidden border border-gray-100 flex items-center justify-center"><img alt="Designer Sneakers" decoding="async" data-nimg="fill" class="object-contain p-6" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=640&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=750&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=828&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=1080&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=1200&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=1920&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=2048&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.0a21ecf8.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG"/></div><div class="text-left flex flex-col justify-center"><h2 class="text-2xl font-bold text-gray-900 mb-2">Designer Sneakers</h2><p class="text-lg text-gray-700 font-semibold mb-3">$430.00 CAD</p><p class="text-sm text-gray-600 leading-relaxed mb-5">Designer sneakers made of canvas and leather. Stylish and well made by a reputable label.</p><button class="inline-flex items-center justify-center rounded-lg bg-emerald-600 px-6 py-2.5 text-base font-semibold text-white shadow-md hover:bg-emerald-700 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart w-4 h-4 mr-2"><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>Add to Cart</button></div></div><div class="py-6 text-center border-b border-gray-50 px-2"><h3 class="text-lg sm:text-2xl font-bold text-gray-900 tracking-wide uppercase">Suggested Products by Bitrecs</h3></div><div class="relative p-5 sm:p-7 bg-white"><button class="absolute left-2 top-1/2 -translate-y-1/2 w-8 h-8 bg-white rounded-full shadow-md border border-gray-100 flex items-center justify-center text-gray-400 hover:text-emerald-600 hover:border-emerald-200 transition-colors z-10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-4 h-4"><path d="m15 18-6-6 6-6"></path></svg></button><button class="absolute right-2 top-1/2 -translate-y-1/2 w-8 h-8 bg-white rounded-full shadow-md border border-gray-100 flex items-center justify-center text-gray-400 hover:text-emerald-600 hover:border-emerald-200 transition-colors z-10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-4 h-4"><path d="m9 18 6-6-6-6"></path></svg></button>
3<div class="grid grid-cols-2 md:grid-cols-4 gap-5"></div></div><div class="absolute inset-0 bg-white z-20 flex items-center justify-center"><div class="flex gap-2"><div class="w-2 h-2 bg-emerald-500 rounded-full animate-bounce" style="animation-delay:0s"></div><div class="w-2 h-2 bg-emerald-500 rounded-full animate-bounce" style="animation-delay:0.1s"></div><div class="w-2 h-2 bg-emerald-500 rounded-full animate-bounce" style="animation-delay:0.2s"></div></div></div></div></div></section><section class="py-8 md:py-16 px-4"><div class="max-w-6xl mx-auto space-y-12"><div class="relative bg-gradient-to-br from-emerald-50 via-white to-emerald-100/70 rounded-[2.5rem] md:rounded-[3.5rem] p-8 md:p-20 text-center overflow-hidden shadow-2xl shadow-emerald-200/50 ring-1 ring-emerald-100"><div class="absolute inset-0 bg-[url(&#x27;/grid-pattern.svg&#x27;)] opacity-[0.08]"></div><div class="absolute inset-0 bg-gradient-to-b from-transparent via-emerald-50/50 to-emerald-100/80"></div><div class="relative z-10"><div class="mb-16 md:mb-24" style="opacity:0;transform:translateY(20px)"><h2 class="text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold text-gray-900 mb-6 leading-[1.1] tracking-tight">How Bitrecs <span class="text-emerald-600">Works</span></h2><p class="text-lg sm:text-xl text-gray-700 max-w-3xl mx-auto font-medium">Unpack the intelligence behind every recommendation, from signal to sale.</p></div><div class="max-w-6xl mx-auto relative"><div class="relative flex flex-col items-center z-20"><div class="relative z-10" style="opacity:0;transform:translateY(20px)"><div class="relative rounded-3xl bg-white p-1 backdrop-blur-xl ring-1 ring-emerald-200"><div class="flex items-center gap-6 rounded-[1.4rem] bg-gray-50 p-6 pr-10 shadow-xl"><div class="relative h-24 w-24 overflow-hidden rounded-2xl border border-emerald-100 bg-white shadow-inner"><img alt="Product Request" decoding="async" data-nimg="fill" class="object-contain p-2" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 240 320&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAAIAAYDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAAAvAV//8QAGhAAAgMBAQAAAAAAAAAAAAAAAgMBBCIABv/aAAgBAQABPwC16Skp7kDDZeDTgs5z3//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAECAQE/AK//xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAwEBPwCP/9k=&#x27;/%3E%3C/svg%3E&quot;)" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=640&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=750&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=828&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=1080&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=1200&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=1920&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=2048&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fin.2f6285b8.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG"/></div><div class="text-left"><div class="flex items-center gap-2 mb-1"><span class="relative flex h-2 w-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-500"></span></span>
3<p class="text-xs font-bold uppercase tracking-widest text-emerald-600">Real-time Input</p></div><h3 class="text-xl font-bold text-gray-900">Shopper Context</h3><p class="text-sm text-gray-600 mt-1">Behavior • Basket • Inventory</p></div></div></div></div><div class="my-8 flex justify-center" style="opacity:0;transform:translateY(-20px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down w-10 h-10 text-emerald-500"><path d="M12 5v14"></path><path d="m19 12-7 7-7-7"></path></svg></div></div><div class="relative z-10 my-4"><div class="mb-6 flex justify-center" style="opacity:0"><span class="rounded-full bg-emerald-50/50 px-4 py-1.5 text-xs font-medium text-emerald-700 ring-1 ring-emerald-200">AI Models Analyze in Parallel</span></div><div class="relative mx-auto max-w-5xl rounded-3xl border border-emerald-100/70 bg-white/70 p-6 backdrop-blur-sm md:p-8 shadow-xl shadow-emerald-100/30" style="opacity:0;transform:scale(0.95)"><div class="hidden md:block space-y-4"><div class="flex justify-center gap-4"><div class="group relative flex h-28 w-36 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white transition-all hover:bg-emerald-50 hover:shadow-[0_0_25px_rgba(52,211,153,0.15)]" style="opacity:0;transform:translateY(10px)"><div class="absolute inset-0 rounded-xl bg-emerald-500/0 transition-colors group-hover:bg-emerald-500/10"></div><div class="relative flex-1 flex items-center justify-center w-full p-3"><img alt="Claude" loading="lazy" width="120" height="50" decoding="async" data-nimg="1" class="max-h-10 w-auto opacity-80 transition-opacity group-hover:opacity-100" style="color:transparent" srcSet="/_next/image?url=%2Fclaude.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fclaude.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fclaude.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-2 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div></div></div><div class="group relative flex h-28 w-36 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white transition-all hover:bg-emerald-50 hover:shadow-[0_0_25px_rgba(52,211,153,0.15)]" style="opacity:0;transform:translateY(10px)"><div class="absolute inset-0 rounded-xl bg-emerald-500/0 transition-colors group-hover:bg-emerald-500/10"></div><div class="relative flex-1 flex items-center justify-center w-full p-3"><img alt="Gemini" loading="lazy" width="120" height="50" decoding="async" data-nimg="1" class="max-h-10 w-auto opacity-80 transition-opacity group-hover:opacity-100" style="color:transparent" srcSet="/_next/image?url=%2Fgem.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fgem.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fgem.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-2 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div></div></div><div class="group relative flex h-28 w-36 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white transition-all hover:bg-emerald-50 hover:shadow-[0_0_25px_rgba(52,211,153,0.15)]" style="opacity:0;transform:translateY(10px)"><div class="absolute inset-0 rounded-xl bg-emerald-500/0 transition-colors group-hover:bg-emerald-500/10"></div><div class="relative flex-1 flex items-center justify-center w-full p-3"><img alt="ChatGPT" loading="lazy" width="120" height="50" decoding="async" data-nimg="1" class="max-h-10 w-auto opacity-80 transition-opacity group-hover:opacity-100" style="color:transparent" srcSet="/_next/image?url=%2Fchat.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fchat.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fchat.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-2 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div></div></div><div class="group relative flex h-28 w-36 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white transition-all hover:bg-emerald-50 hover:shadow-[0_0_25px_rgba(52,211,153,0.15)]" style="opacity:0;transform:translateY(10px)"><div class="absolute inset-0 rounded-xl bg-emerald-500/0 transition-colors group-hover:bg-emerald-500/10"></div><div class="relative flex-1 flex items-center justify-center w-full p-3"><img alt="Grok" loading="lazy" width="120" height="50" decoding="async" data-nimg="1" class="max-h-10 w-auto opacity-80 transition-opacity group-hover:opacity-100" style="color:transparent" srcSet="/_next/image?url=%2Fgrok.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fgrok.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fgrok.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-2 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div></div></div><div class="group relative flex h-28 w-36 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white transition-all hover:bg-emerald-50 hover:shadow-[0_0_25px_rgba(52,211,153,0.15)]" style="opacity:0;transform:translateY(10px)"><div class="absolute inset-0 rounded-xl bg-emerald-500/0 transition-colors group-hover:bg-emerald-500/10"></div><div class="relative flex-1 flex items-center justify-center w-full p-3"><img alt="Meta" loading="lazy" width="120" height="50" decoding="async" data-nimg="1" class="max-h-10 w-auto opacity-80 transition-opacity group-hover:opacity-100" style="color:transparent" srcSet="/_next/image?url=%2Fmeta.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fmeta.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fmeta.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-2 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div></div></div></div><div class="flex justify-center gap-4"><div class="group relative flex h-28 w-36 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white transition-all hover:bg-emerald-50 hover:shadow-[0_0_25px_rgba(52,211,153,0.15)]" style="opacity:0;transform:translateY(10px)"><div class="absolute inset-0 rounded-xl bg-emerald-500/0 transition-colors group-hover:bg-emerald-500/10"></div><div class="relative flex-1 flex items-center justify-center w-full p-3"><img alt="DeepSeek" loading="lazy" width="120" height="50" decoding="async" data-nimg="1" class="max-h-10 w-auto opacity-80 transition-opacity group-hover:opacity-100" style="color:transparent" srcSet="/_next/image?url=%2Fdeep.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fdeep.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fdeep.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-2 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div></div></div><div class="group relative flex h-28 w-36 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white transition-all hover:bg-emerald-50 hover:shadow-[0_0_25px_rgba(52,211,153,0.15)]" style="opacity:0;transform:translateY(10px)"><div class="absolute inset-0 rounded-xl bg-emerald-500/0 transition-colors group-hover:bg-emerald-500/10"></div><div class="relative flex-1 flex items-center justify-center w-full p-3"><img alt="Qwen" loading="lazy" width="120" height="50" decoding="async" data-nimg="1" class="max-h-10 w-auto opacity-80 transition-opacity group-hover:opacity-100" style="color:transparent" srcSet="/_next/image?url=%2Fqwen.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fqwen.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fqwen.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-2 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div></div></div><div class="group relative flex h-28 w-36 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white transition-all hover:bg-emerald-50 hover:shadow-[0_0_25px_rgba(52,211,153,0.15)]" style="opacity:0;transform:translateY(10px)"><div class="absolute inset-0 rounded-xl bg-emerald-500/0 transition-colors group-hover:bg-emerald-500/10"></div><div class="relative flex-1 flex items-center justify-center w-full p-3"><img alt="Kimi" loading="lazy" width="120" height="50" decoding="async" data-nimg="1" class="max-h-10 w-auto opacity-80 transition-opacity group-hover:opacity-100" style="color:transparent" srcSet="/_next/image?url=%2Fkimi.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fkimi.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fkimi.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-2 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div></div></div><div class="group relative flex h-28 w-36 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white transition-all hover:bg-emerald-50 hover:shadow-[0_0_25px_rgba(52,211,153,0.15)]" style="opacity:0;transform:translateY(10px)"><div class="absolute inset-0 rounded-xl bg-emerald-500/0 transition-colors group-hover:bg-emerald-500/10"></div><div class="relative flex-1 flex items-center justify-center w-full p-3"><img alt="NOVA" loading="lazy" width="120" height="50" decoding="async" data-nimg="1" class="max-h-10 w-auto opacity-80 transition-opacity group-hover:opacity-100" style="color:transparent" srcSet="/_next/image?url=%2Fnova.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fnova.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fnova.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-2 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div><div class="h-1 w-1 rounded-full bg-emerald-400"></div></div></div></div></div><div class="md:hidden space-y-3"><div class="grid grid-cols-3 gap-3"><div class="group relative flex h-24 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white" style="opacity:0;transform:translateY(10px)"><div class="flex-1 flex items-center justify-center w-full p-2"><img alt="Claude" loading="lazy" width="70" height="35" decoding="async" data-nimg="1" class="max-h-8 w-auto opacity-90" style="color:transparent" srcSet="/_next/image?url=%2Fclaude.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fclaude.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fclaude.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-1.5 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div></div></div><div class="group relative flex h-24 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white" style="opacity:0;transform:translateY(10px)"><div class="flex-1 flex items-center justify-center w-full p-2"><img alt="Gemini" loading="lazy" width="70" height="35" decoding="async" data-nimg="1" class="max-h-8 w-auto opacity-90" style="color:transparent" srcSet="/_next/image?url=%2Fgem.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fgem.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fgem.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-1.5 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div></div></div><div class="group relative flex h-24 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white" style="opacity:0;transform:translateY(10px)"><div class="flex-1 flex items-center justify-center w-full p-2"><img alt="ChatGPT" loading="lazy" width="70" height="35" decoding="async" data-nimg="1" class="max-h-8 w-auto opacity-90" style="color:transparent" srcSet="/_next/image?url=%2Fchat.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fchat.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fchat.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-1.5 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div></div></div></div><div class="grid grid-cols-3 gap-3"><div class="group relative flex h-24 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white" style="opacity:0;transform:translateY(10px)"><div class="flex-1 flex items-center justify-center w-full p-2"><img alt="Grok" loading="lazy" width="70" height="35" decoding="async" data-nimg="1" class="max-h-8 w-auto opacity-90" style="color:transparent" srcSet="/_next/image?url=%2Fgrok.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fgrok.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fgrok.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-1.5 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div></div></div><div class="group relative flex h-24 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white" style="opacity:0;transform:translateY(10px)"><div class="flex-1 flex items-center justify-center w-full p-2"><img alt="Meta" loading="lazy" width="70" height="35" decoding="async" data-nimg="1" class="max-h-8 w-auto opacity-90" style="color:transparent" srcSet="/_next/image?url=%2Fmeta.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fmeta.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fmeta.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-1.5 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div></div></div><div class="group relative flex h-24 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white" style="opacity:0;transform:translateY(10px)"><div class="flex-1 flex items-center justify-center w-full p-2"><img alt="DeepSeek" loading="lazy" width="70" height="35" decoding="async" data-nimg="1" class="max-h-8 w-auto opacity-90" style="color:transparent" srcSet="/_next/image?url=%2Fdeep.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fdeep.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fdeep.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-1.5 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div></div></div></div><div class="grid grid-cols-3 gap-3"><div class="group relative flex h-24 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white" style="opacity:0;transform:translateY(10px)"><div class="flex-1 flex items-center justify-center w-full p-2"><img alt="Qwen" loading="lazy" width="70" height="35" decoding="async" data-nimg="1" class="max-h-8 w-auto opacity-90" style="color:transparent" srcSet="/_next/image?url=%2Fqwen.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fqwen.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fqwen.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-1.5 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div></div></div><div class="group relative flex h-24 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white" style="opacity:0;transform:translateY(10px)"><div class="flex-1 flex items-center justify-center w-full p-2"><img alt="Kimi" loading="lazy" width="70" height="35" decoding="async" data-nimg="1" class="max-h-8 w-auto opacity-90" style="color:trans
3parent" srcSet="/_next/image?url=%2Fkimi.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fkimi.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fkimi.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-1.5 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div></div></div><div class="group relative flex h-24 flex-col items-center justify-center rounded-xl border border-emerald-100/70 bg-white" style="opacity:0;transform:translateY(10px)"><div class="flex-1 flex items-center justify-center w-full p-2"><img alt="NOVA" loading="lazy" width="70" height="35" decoding="async" data-nimg="1" class="max-h-8 w-auto opacity-90" style="color:transparent" srcSet="/_next/image?url=%2Fnova.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fnova.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fnova.png&amp;w=256&amp;q=75"/></div><div class="absolute bottom-1.5 flex gap-1"><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div><div class="h-1 w-1 rounded-full bg-emerald-500"></div></div></div></div></div></div></div><div class="my-8 flex justify-center" style="opacity:0;transform:translateY(-20px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down w-10 h-10 text-emerald-500"><path d="M12 5v14"></path><path d="m19 12-7 7-7-7"></path></svg></div><div class="relative z-20 mx-auto mb-20 max-w-5xl" style="opacity:0;transform:translateY(20px)"><div class="relative overflow-visible"><div class="relative grid gap-8 md:grid-cols-3 items-center"><div class="hidden md:block"><div class="relative overflow-hidden rounded-2xl border border-gray-100 bg-white p-6 shadow-xl transition-all hover:shadow-2xl hover:-translate-y-1 " style="opacity:0;transform:translateY(20px)"><div class="absolute top-0 right-0 -mt-4 -mr-4 h-24 w-24 rounded-full bg-blue-500 opacity-10 blur-2xl"></div><div class="relative flex flex-col items-start gap-4"><div class="rounded-xl bg-blue-500 p-3 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-5 w-5 text-white"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div><h3 class="text-lg font-bold text-gray-900 tracking-tight mb-2">Signal Processing</h3><p class="text-sm leading-relaxed text-gray-600">Bitrecs analyzes real-time shopper behavior, basket context, and inventory.</p></div></div></div></div><div class="flex flex-col items-center justify-center relative z-10"><div class="relative flex h-40 w-40 items-center justify-center rounded-full border border-emerald-500/30 bg-white shadow-[0_0_80px_rgba(16,185,129,0.25)]"><div class="absolute inset-0 rounded-full border border-emerald-400/20 animate-[spin_10s_linear_infinite]"></div><div class="absolute inset-4 rounded-full border border-emerald-400/20 animate-[spin_15s_linear_infinite_reverse]"></div><div class="relative z-10 bg-emerald-600 p-5 rounded-full shadow-2xl"><img alt="Bitrecs Logo" loading="lazy" width="56" height="56" decoding="async" data-nimg="1" class="h-14 w-14" style="color:transparent" src="/svgwhite.svg"/></div></div><h3 class="mt-6 text-2xl font-bold text-gray-900">Consensus Engine</h3><p class="text-sm text-emerald-600 font-bold tracking-widest uppercase mt-1">Synthesizing Intelligence</p></div><div class="hidden md:block"><div class="relative overflow-hidden rounded-2xl border border-gray-100 bg-white p-6 shadow-xl transition-all hover:shadow-2xl hover:-translate-y-1 " style="opacity:0;transform:translateY(20px)"><div class="absolute top-0 right-0 -mt-4 -mr-4 h-24 w-24 rounded-full bg-emerald-500 opacity-10 blur-2xl"></div><div class="relative flex flex-col items-start gap-4"><div class="rounded-xl bg-emerald-500 p-3 shadow-lg"><img alt="AI" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="text-white brightness-0 invert" style="color:transparent" src="/svgwhite.svg"/></div><div><h3 class="text-lg font-bold text-gray-900 tracking-tight mb-2">Model Consensus</h3><p class="text-sm leading-relaxed text-gray-600">Dozens of AI models generate diverse recommendations, which our engine then ranks.</p></div></div></div></div></div><div class="md:hidden mt-12 space-y-6"><div class="relative overflow-hidden rounded-2xl border border-gray-100 bg-white p-6 shadow-xl transition-all hover:shadow-2xl hover:-translate-y-1 " style="opacity:0;transform:translateY(20px)"><div class="absolute top-0 right-0 -mt-4 -mr-4 h-24 w-24 rounded-full bg-blue-500 opacity-10 blur-2xl"></div><div class="relative flex flex-col items-start gap-4"><div class="rounded-xl bg-blue-500 p-3 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-5 w-5 text-white"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div><h3 class="text-lg font-bold text-gray-900 tracking-tight mb-2">Signal Processing</h3><p class="text-sm leading-relaxed text-gray-600">Bitrecs analyzes real-time shopper behavior, basket context, and inventory.</p></div></div></div><div class="relative overflow-hidden rounded-2xl border border-gray-100 bg-white p-6 shadow-xl transition-all hover:shadow-2xl hover:-translate-y-1 " style="opacity:0;transform:translateY(20px)"><div class="absolute top-0 right-0 -mt-4 -mr-4 h-24 w-24 rounded-full bg-emerald-500 opacity-10 blur-2xl"></div><div class="relative flex flex-col items-start gap-4"><div class="rounded-xl bg-emerald-500 p-3 shadow-lg"><img alt="AI" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="text-white brightness-0 invert" style="color:transparent" src="/svgwhite.svg"/></div><div><h3 class="text-lg font-bold text-gray-900 tracking-tight mb-2">Model Consensus</h3><p class="text-sm leading-relaxed text-gray-600">Dozens of AI models generate diverse recommendations, which our engine then ranks.</p></div></div></div></div></div></div><div class="my-8 flex justify-center" style="opacity:0;transform:translateY(-20px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down w-10 h-10 text-emerald-500"><path d="M12 5v14"></path><path d="m19 12-7 7-7-7"></path></svg></div><div style="opacity:0;transform:translateY(30px)"><div class="grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6"><div class="group relative overflow-hidden rounded-2xl border border-emerald-100/70 bg-white p-4 shadow-xl transition-all hover:-translate-y-1 hover:shadow-2xl hover:shadow-emerald-200/20" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-square overflow-hidden rounded-xl bg-white mb-4"><img alt="Recommendation 1" decoding="async" data-nimg="fill" class="object-contain p-2 transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 200 320&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;
3sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAAIAAUDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAACxg//EABoQAAICAwAAAAAAAAAAAAAAAAECAxEAEiH/2gAIAQEAAT8ASMy2tgacz//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQIBAT8Af//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMBAT8Af//Z&#x27;/%3E%3C/svg%3E&quot;)" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=640&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=750&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=828&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=1080&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=1200&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=1920&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=2048&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr1.301f5fe9.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG"/></div><div class="flex items-center gap-2"><div class="h-1.5 w-1.5 rounded-full bg-emerald-500"></div><p class="text-[10px] font-bold uppercase tracking-wider text-emerald-700">Frequently Bought Together</p></div></div><div class="group relative overflow-hidden rounded-2xl border border-emerald-100/70 bg-white p-4 shadow-xl transition-all hover:-translate-y-1 hover:shadow-2xl hover:shadow-emerald-200/20" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-square overflow-hidden rounded-xl bg-white mb-4"><img alt="Recommendation 2" decoding="async" data-nimg="fill" class="object-contain p-2 transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 120&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAADAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAVAQEBAAAAAAAAAAAAAAAAAAACA//aAAwDAQACEAMQAAAAo4o//8QAGxAAAQQDAAAAAAAAAAAAAAAAMQADERITQUP/2gAIAQEAAT8AxNiO1Tpf/8QAFREBAQAAAAAAAAAAAAAAAAAAAAH/2gAIAQIBAT8Ar//EABYRAQEBAAAAAAAAAAAAAAAAAAEAUf/aAAgBAwEBPwBXb//Z&#x27;/%3E%3C/svg%3E&quot;)" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=640&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=750&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=828&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=1080&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=1200&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=1920&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=2048&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr2.f522b6a7.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG"/></div><div class="flex items-center gap-2"><div class="h-1.5 w-1.5 rounded-full bg-emerald-500"></div><p class="text-[10px] font-bold uppercase tracking-wider text-emerald-700">Styled With</p></div></div><div class="group relative overflow-hidden rounded-2xl border border-emerald-100/70 bg-white p-4 shadow-xl transition-all hover:-translate-y-1 hover:shadow-2xl hover:shadow-emerald-200/20" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-square overflow-hidden rounded-xl bg-white mb-4"><img alt="Recommendation 3" loading="lazy" decoding="async" data-nimg="fill" class="object-contain p-2 transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 280&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;
3sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAAHAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAAAqwl//8QAHBAAAgAHAAAAAAAAAAAAAAAAAhEAEhMUNFFi/9oACAEBAAE/AKhWqkLI304//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPwB//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwB//9k=&#x27;/%3E%3C/svg%3E&quot;)" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr3.7dbd3098.jpg&amp;w=640&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr3.7dbd3098.jpg&amp;w=750&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr3.7dbd3098.jpg&amp;w=828&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr3.7dbd3098.jpg&amp;w=1080&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr3.7dbd3098.jpg&amp;w=1200&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr3.7dbd3098.jpg&amp;w=1920&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr3.7dbd3098.jpg&amp;w=2048&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr3.7dbd3098.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr3.7dbd3098.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG"/></div><div class="flex items-center gap-2"><div class="h-1.5 w-1.5 rounded-full bg-emerald-500"></div><p class="text-[10px] font-bold uppercase tracking-wider text-emerald-700">High Margin Picks</p></div></div><div class="group relative overflow-hidden rounded-2xl border border-emerald-100/70 bg-white p-4 shadow-xl transition-all hover:-translate-y-1 hover:shadow-2xl hover:shadow-emerald-200/20" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-square overflow-hidden rounded-xl bg-white mb-4"><img alt="Recommendation 4" loading="lazy" decoding="async" data-nimg="fill" class="object-contain p-2 transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 160&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAAEAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAVAQEBAAAAAAAAAAAAAAAAAAACA//aAAwDAQACEAMQAAAAvgL/AP/EABwQAAEDBQAAAAAAAAAAAAAAAAIBAwQABREhMv/aAAgBAQABPwC5Q2pr6E6p6IeVxX//xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAgBAgEBPwCP/8QAFhEBAQEAAAAAAAAAAAAAAAAAAQAC/9oACAEDAQE/AMqF/9k=&#x27;/%3E%3C/svg%3E&quot;)" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr4.430ef12f.jpg&amp;w=640&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr4.430ef12f.jpg&amp;w=750&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr4.430ef12f.jpg&amp;w=828&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr4.430ef12f.jpg&amp;w=1080&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr4.430ef12f.jpg&amp;w=1200&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr4.430ef12f.jpg&amp;w=1920&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr4.430ef12f.jpg&amp;w=2048&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr4.430ef12f.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fr4.430ef12f.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG"/></div><div class="flex items-center gap-2"><div class="h-1.5 w-1.5 rounded-full bg-emerald-500"></div><p class="text-[10px] font-bold uppercase tracking-wider text-emerald-700">Trending Now</p></div></div></div><p class="mt-16 text-lg md:text-xl text-gray-700 max-w-3xl mx-auto leading-relaxed" style="opacity:0">Bitrecs is the only engine that queries dozens of major AI models including ChatGPT, Claude, and Grok. Our C
3onsensus Engine combines insights to deliver intelligent recommendations with clear reasoning, boosting your store&#x27;s conversion and average order value.</p></div></div></div></div><section class="relative px-4" style="opacity:0;transform:translateY(40px)"><div class="mx-auto max-w-5xl"><div class="grid w-full grid-cols-1 gap-6 sm:grid-cols-3 sm:gap-8" style="opacity:0;transform:translateY(25px)"><div class="group rounded-2xl border border-emerald-100/80 bg-white p-6 shadow-sm transition-all hover:-translate-y-1 hover:border-emerald-200 hover:shadow-lg" style="opacity:0;transform:translateY(20px)"><div class="flex h-12 w-12 items-center justify-center rounded-xl bg-emerald-50 text-emerald-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-6 w-6"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div><h3 class="mt-4 text-lg font-semibold text-gray-900">Leading AI models, unified</h3><p class="mt-2 text-sm text-gray-600 leading-relaxed">Blend top-tier language models without juggling vendors or upkeep.</p></div><div class="group rounded-2xl border border-emerald-100/80 bg-white p-6 shadow-sm transition-all hover:-translate-y-1 hover:border-emerald-200 hover:shadow-lg" style="opacity:0;transform:translateY(20px)"><div class="flex h-12 w-12 items-center justify-center rounded-xl bg-emerald-50 text-emerald-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket h-6 w-6"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><h3 class="mt-4 text-lg font-semibold text-gray-900">Ready in minutes</h3><p class="mt-2 text-sm text-gray-600 leading-relaxed">Drop Bitrecs into any modern theme with styling that adapts instantly.</p></div><div class="group rounded-2xl border border-emerald-100/80 bg-white p-6 shadow-sm transition-all hover:-translate-y-1 hover:border-emerald-200 hover:shadow-lg" style="opacity:0;transform:translateY(20px)"><div class="flex h-12 w-12 items-center justify-center rounded-xl bg-emerald-50 text-emerald-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check h-6 w-6"><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.17 1.17 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></div><h3 class="mt-4 text-lg font-semibold text-gray-900">Controls for merchandisers</h3><p class="mt-2 text-sm text-gray-600 leading-relaxed">Full native analytics and easily customizable behavior.</p></div></div></div></section></div></section><section class="px-4 pb-8 md:pb-16" style="opacity:0;transform:translateY(40px)"><div class="max-w-6xl mx-auto bg-white/80 backdrop-blur-md border border-emerald-100 rounded-3xl shadow-xl p-6 sm:p-12 mt-12 sm:mt-16"><div class="mb-6"><span class="inline-flex items-center gap-2 rounded-full border border-emerald-100 bg-emerald-50 px-3 py-1 text-xs font-semibold uppercase tracking-[0.3em] text-emerald-600">Product walk-through</span><h2 class="mt-4 text-2xl sm:text-3xl font-semibold text-gray-900">Learn more about Bitrecs</h2><p class="mt-3 text-gray-600 text-sm sm:text-base">See why merchants are switching to a modern product recommendation engine.</p></div><div class="relative w-full overflow-hidden rounded-2xl border border-emerald-100 shadow-lg bg-black" style="aspect-ratio:16 / 9"><iframe src="https://www.youtube.com/embed/Sgn7jv4EVj0?rel=0" title="Bitrecs product tour" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen="" class="absolute inset-0 h-full w-full" loading="lazy"></iframe></div><div class="mt-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"><p class="text-sm text-gray-500">Get familiar with Bitrecs and see how it works.</p><a href="https://youtu.be/Sgn7jv4EVj0" target="_blank" rel="noopener noreferrer" class="inline-flex"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 sheen-button py-2 h-11 px-6 bg-emerald-500 hover:bg-emerald-600 text-white shadow-md" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play mr-2 h-5 w-5"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg>Watch on YouTube</button></a></div></div></section><div class="pt-16"></div><div style="opacity:0;transform:translateY(20px)"><section id="features" class="bg-white/70 py-24" style="opacity:0"><div class="max-w-6xl mx-auto px-4"><div class="grid gap-12 lg:grid-cols-[1.05fr,0.95fr] items-start"><div class="space-y-6" style="opacity:0;transform:translateY(30px)"><h2 class="text-4xl sm:text-5xl font-bold text-gray-900 leading-tight">Why use <span class="text-emerald-600">Bitrecs?</span></h2><p class="text-lg sm:text-xl text-gray-600 leading-relaxed">Don&#x27;t miss out on sales! Shoppers often fixate on one item, ignoring your full range. Bitrecs solves this by:</p><ul class="mt-8 space-y-4 text-left"><li class="flex items-start gap-3 text-base text-gray-700 leading-relaxed"><span class="mt-2 inline-block h-2.5 w-2.5 rounded-full bg-emerald-500"></span><span>Encouraging product discovery with tailored suggestions.</span></li><li class="flex items-start gap-3 text-base text-gray-700 leading-relaxed"><span class="mt-2 inline-block h-2.5 w-2.5 rounded-full bg-emerald-500"></span><span>
3Boosting AOV through personalized experiences.</span></li><li class="flex items-start gap-3 text-base text-gray-700 leading-relaxed"><span class="mt-2 inline-block h-2.5 w-2.5 rounded-full bg-emerald-500"></span><span>Maximizing your marketing ROI.</span></li></ul></div><div class="relative overflow-hidden rounded-3xl border border-emerald-100 bg-gradient-to-br from-white via-emerald-50/30 to-emerald-100/20 shadow-2xl min-h-[360px] flex items-center" style="opacity:0;transform:translateY(40px)"><div class="absolute inset-0 bg-[radial-gradient(circle_at_top_left,rgba(16,185,129,0.15),transparent_55%)]"></div><div class="absolute inset-0 bg-[linear-gradient(135deg,rgba(20,83,45,0.08)_0%,rgba(20,83,45,0)_70%)]"></div><div class="absolute inset-0 opacity-30" style="background-image:linear-gradient(90deg, rgba(17,94,89,0.08) 1px, transparent 1px), linear-gradient(0deg, rgba(17,94,89,0.08) 1px, transparent 1px);background-size:42px 42px"></div><div class="relative z-10 mx-6 my-10 md:mx-10 md:my-12 max-w-xl rounded-3xl border border-white/60 bg-white/95 p-8 shadow-xl backdrop-blur"><p class="text-xs font-semibold uppercase tracking-[0.3em] text-emerald-500">Always learning</p><p class="mt-4 text-2xl font-semibold text-gray-900">Continuously tuned merchandising</p><p class="mt-4 text-base text-gray-600 leading-relaxed">Bitrecs refines every suggestion with live catalog, inventory, and session signals, so recommendations always feel on-brand and relevant.</p></div></div></div></div></section><section class="py-24 px-4" style="opacity:0.15;transform:scale(0.98)"><div class="relative mx-auto max-w-4xl overflow-hidden rounded-3xl border border-emerald-200 bg-white shadow-2xl shadow-emerald-100/50"><div class="absolute inset-0 bg-gradient-to-br from-emerald-50 via-white to-emerald-100/40"></div><div class="absolute inset-0 pointer-events-none opacity-60" style="background-image:linear-gradient(135deg, rgba(16,185,129,0.08) 0%, rgba(16,185,129,0) 60%)"></div><div class="relative flex flex-col gap-8 px-8 py-10 sm:px-12"><div class="flex items-center justify-between gap-4"><span class="inline-flex items-center gap-2 rounded-full border border-emerald-200 bg-emerald-50 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.35em] text-emerald-600">Merchant spotlight</span><div class="hidden sm:flex items-center gap-1 text-amber-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4"><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 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4"><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 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4"><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 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4"><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 12 2"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4"><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 12 2"></polygon></svg><span class="ml-2 text-xs font-semibold text-emerald-700">5 Stars!</span></div></div><p class="text-xl sm:text-2xl leading-relaxed text-gray-800">“<!-- -->Bitrecs has exceeded our expectations. The recommendations blend seamlessly into our site and helped increase our AOV by 15%. Support has been fast and helpful and we’re excited to keep scaling with it.<!-- -->”</p><div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"><div><a href="#" target="_blank" rel="noopener noreferrer" class="text-sm font-semibold uppercase tracking-[0.25em] text-emerald-600 hover:text-emerald-700 transition-colors cursor-pointer">Permanent Vacation</a><p class="mt-2 text-sm text-gray-600">Canada</p></div><div class="text-sm text-gray-500">8 months using the app<!-- --> · <!-- -->January 27, 2026</div></div><div class="flex items-center justify-center gap-2 pt-2"><button type="button" class="h-2 w-6 rounded-full transition bg-emerald-500" aria-label="Show testimonial from Permanent Vacation"></button><button type="button" class="h-2 w-6 rounded-full transition bg-emerald-200 hover:bg-emerald-300" aria-label="Show testimonial from The Crane Apparel Inc."></button><button type="button" class="h-2 w-6 rounded-full transition bg-emerald-200 hover:bg-emerald-300" aria-label="Show testimonial from Medihealth Supply"></button><button type="button" class="h-2 w-6 rounded-full transition bg-emerald-200 hover:bg-emerald-300" aria-label="Show testimonial from g00d1s"></button><button type="button" class="h-2 w-6 rounded-full transition bg-emerald-200 hover:bg-emerald-300" aria-label="Show testimonial from Safe Direct Medical Supplies"></button><button type="button" class="h-2 w-6 rounded-full transition bg-emerald-200 hover:bg-emerald-300" aria-label="Show testimonial from Listr Canada"></button></div></div></div></section><section class="bg-gray-50 py-28 px-4" style="opacity:0"><div class="mx-auto max-w-5xl text-center"><h2 class="text-4xl sm:text-5xl font-bold text-gray-900 mb-8" style="opacity:0;transform:translateY(30px)">How it <span class="text-emerald-600">works</span></h2><p class="text-gray-600 text-lg sm:text-xl max-w-3xl mx-auto mb-20" style="opacity:0;transform:translateY(20px)">From installation to profit, Bitrecs makes personalization effortless.</p><div class="grid grid-cols-1 md:grid-cols-3 gap-10"><div class="relative overflow-hidden rounded-3xl border border-emerald-100/80 bg-white/90 px-8 py-10 text-center shadow-lg shadow-emerald-100/60 backdrop-blur" style="opacity:0;transform:translateY(50px)">
3<div class="absolute inset-x-10 top-0 h-px bg-gradient-to-r from-transparent via-emerald-200/60 to-transparent"></div><div class="mx-auto mb-6 flex h-14 w-14 items-center justify-center rounded-full bg-emerald-50 text-emerald-500 shadow-inner shadow-emerald-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-6 w-6"><path d="M20 6 9 17l-5-5"></path></svg></div><h3 class="text-sm font-semibold uppercase tracking-[0.35em] text-emerald-600">Integrate</h3><p class="mt-3 text-gray-600 text-base">Install Bitrecs on your store in minutes with one-click setup.</p></div><div class="relative overflow-hidden rounded-3xl border border-emerald-100/80 bg-white/90 px-8 py-10 text-center shadow-lg shadow-emerald-100/60 backdrop-blur" style="opacity:0;transform:translateY(50px)"><div class="absolute inset-x-10 top-0 h-px bg-gradient-to-r from-transparent via-emerald-200/60 to-transparent"></div><div class="mx-auto mb-6 flex h-14 w-14 items-center justify-center rounded-full bg-emerald-50 text-emerald-500 shadow-inner shadow-emerald-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-box h-6 w-6"><path d="M21 8a2 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.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg></div><h3 class="text-sm font-semibold uppercase tracking-[0.35em] text-emerald-600">Personalize</h3><p class="mt-3 text-gray-600 text-base">Our AI analyzes behavior to deliver tailored product recommendations.</p></div><div class="relative overflow-hidden rounded-3xl border border-emerald-100/80 bg-white/90 px-8 py-10 text-center shadow-lg shadow-emerald-100/60 backdrop-blur" style="opacity:0;transform:translateY(50px)"><div class="absolute inset-x-10 top-0 h-px bg-gradient-to-r from-transparent via-emerald-200/60 to-transparent"></div><div class="mx-auto mb-6 flex h-14 w-14 items-center justify-center rounded-full bg-emerald-50 text-emerald-500 shadow-inner shadow-emerald-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up h-6 w-6"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div><h3 class="text-sm font-semibold uppercase tracking-[0.35em] text-emerald-600">Profit</h3><p class="mt-3 text-gray-600 text-base">Watch conversions and AOV soar with data-driven insights.</p></div></div></div></section><section id="integration" class="relative bg-gradient-to-b from-white via-emerald-50/40 to-white py-28 px-4 overflow-hidden"><div class="pointer-events-none absolute inset-0 bg-[radial-gradient(ellipse_70%_50%_at_50%_0%,rgba(16,185,129,0.08),transparent)]"></div><div class="relative z-10 max-w-6xl mx-auto"><div class="text-center max-w-3xl mx-auto mb-16"><span class="inline-flex items-center gap-2 rounded-full border border-emerald-200 bg-emerald-50 px-4 py-1.5 text-sm font-semibold text-emerald-700 mb-6"><span class="relative flex h-2 w-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-emerald-500"></span></span>Integrate in minutes</span><h2 class="text-3xl sm:text-5xl font-bold text-gray-900 mb-4 tracking-tight">Works with the platforms <br class="hidden sm:block"/>you already <span class="text-emerald-600">love</span></h2><p class="text-lg text-gray-500">One install. Zero code. Instant AI-powered recommendations.</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="group relative transition-all duration-300 hover:-translate-y-2 "><div class="absolute -inset-0.5 rounded-3xl bg-gradient-to-b from-emerald-200 to-transparent opacity-0 group-hover:opacity-100 transition duration-500"></div><div class="relative h-full rounded-3xl p-8 flex flex-col bg-white border border-gray-200/80 shadow-lg shadow-gray-200/50 hover:shadow-xl hover:border-emerald-200/60"><div class="absolute inset-x-8 top-0 h-px bg-gradient-to-r from-transparent via-emerald-300/50 to-transparent"></div><div class="mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-emerald-50 ring-1 ring-emerald-100"><img alt="Shopify logo" loading="lazy" width="70" height="70" decoding="async" data-nimg="1" class="object-contain " style="color:transparent" srcSet="/_next/image?url=%2FShopify.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2FShopify.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2FShopify.png&amp;w=256&amp;q=75"/></div><h3 class="text-xl font-bold mb-3 text-gray-900">Shopify plugin</h3><p class="text-sm mb-6 leading-relaxed text-gray-500">Plug Bitrecs directly into Shopify and unlock AI-powered recommendations without any manual configuration.</p><ul class="space-y-2.5 mb-8 flex-1"><li class="flex items-start gap-3 rounded-xl px-4 py-3 text-sm font-medium bg-emerald-50/60 border border-emerald-100/80 text-gray-700"><span class="mt-0.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-emerald-100 text-emerald-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3"><path d="M20 6 9 17l-5-5"></path></svg></span><span>Lightning-fast install</span></li><li class="flex items-start gap-3 rounded-xl px-4 py-3 text-sm font-medium bg-emerald-50/60 border border-emerald-100/80 text-gray-700"><span class="mt-0.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-emerald-100 text-emerald-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3"><path d="M20 6 9 17l-5-5"></path></svg></span><span>Analytics and feature rich dashboard</span></li><li class="flex items-start gap-3 rounded-xl px-4 py-3 text-sm font-medium bg-emerald-50/60 border border-emerald-100/80 text-gray-700"><span class="mt-0.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-emerald-100 text-emerald-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3"><path d="M20 6 9 17l-5-5"></path></svg></span><span>Works with all major Shopify themes</span></li></ul><div class="mt-auto"><a target="_blank" rel="noopener noreferrer" class="inline-flex w-full" href="https://apps.shopify.com/bitrecs-ai-recommendations?utm_source=website&amp;utm_medium=organic&amp;utm_campaign=direct&amp;button_clicked=integration"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 sheen-button px-4 py-2 w-full h-12 bg-emerald-500 hover:bg-emerald-600 text-white rounded-xl font-bold shadow-lg shadow-emerald-500/20 transition-all duration-200" type="button">Install on Shopify<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-2 h-5 w-5"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></a></div></div></div><div class="group relative transition-all duration-300 hover:-translate-y-2 "><div class="absolute -inset-0.5 rounded-3xl bg-gradient-to-b from-emerald-200 to-transparent opacity-0 group-hover:opacity-100 transition duration-500"></div><div class="relative h-full rounded-3xl p-8 flex flex-col bg-white border border-gray-200/80 shadow-lg shadow-gray-200/50 hover:shadow-xl hover:border-emerald-200/60"><div class="absolute inset-x-8 top-0 h-px bg-gradient-to-r from-transparent via-emerald-300/50 to-transparent"></div><div class="mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-emerald-50 ring-1 ring-emerald-100"><img alt="WooCommerce logo" loading="lazy" width="70" height="70" decoding="async" data-nimg="1" class="object-contain " style="color:transparent" srcSet="/_next/image?url=%2Fwoo2.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fwoo2.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fwoo2.png&amp;w=256&amp;q=75"/></div><h3 class="text-xl font-bold mb-3 text-gray-900">WooCommerce widget</h3><p class="text-sm mb-6 leading-relaxed text-gray-500">Seamless WordPress experience with full WooCommerce compatibility and lightning-fast updates.</p><ul class="space-y-2.5 mb-8 flex-1"><li class="flex items-start gap-3 rounded-xl px-4 py-3 text-sm font-medium bg-emerald-50/60 border border-emerald-100/80 text-gray-700"><span class="mt-0.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-emerald-100 text-emerald-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3"><path d="M20 6 9 17l-5-5"></path></svg></span><span>
3One-click WordPress install</span></li><li class="flex items-start gap-3 rounded-xl px-4 py-3 text-sm font-medium bg-emerald-50/60 border border-emerald-100/80 text-gray-700"><span class="mt-0.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-emerald-100 text-emerald-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3"><path d="M20 6 9 17l-5-5"></path></svg></span><span>WooCommerce blocks support</span></li><li class="flex items-start gap-3 rounded-xl px-4 py-3 text-sm font-medium bg-emerald-50/60 border border-emerald-100/80 text-gray-700"><span class="mt-0.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-emerald-100 text-emerald-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3"><path d="M20 6 9 17l-5-5"></path></svg></span><span>Real-time recommendations</span></li></ul><div class="mt-auto"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 sheen-button px-4 py-2 w-full h-12 rounded-xl font-bold transition-all duration-200 bg-white text-gray-700 border border-gray-200 hover:bg-emerald-50 hover:border-emerald-200 hover:text-emerald-700 shadow-sm" type="button">Download widget<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-2 h-5 w-5"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></div></div></div><div class="group relative transition-all duration-300 hover:-translate-y-2 md:-translate-y-1"><div class="absolute -inset-[2px] rounded-3xl bg-gradient-to-b from-emerald-400 via-emerald-500 to-teal-500"></div><div class="absolute -inset-4 rounded-[2rem] bg-emerald-400/15 blur-2xl"></div><div class="relative h-full rounded-3xl p-8 flex flex-col bg-gradient-to-b from-emerald-950 via-gray-900 to-gray-950 shadow-2xl shadow-emerald-500/15"><div class="absolute -top-3 left-1/2 -translate-x-1/2 rounded-full bg-gradient-to-r from-emerald-500 to-teal-400 px-4 py-1 text-[11px] font-bold uppercase tracking-widest text-white shadow-lg shadow-emerald-500/30">Coming Soon</div><div class="absolute inset-x-8 top-0 h-px bg-gradient-to-r from-transparent via-emerald-400/40 to-transparent"></div><div class="mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-emerald-500/15 ring-1 ring-emerald-500/30"><img alt="Bitrecs logo" loading="lazy" width="100" height="28" decoding="async" data-nimg="1" class="object-contain brightness-0 invert opacity-90 h-7 w-auto" style="color:transparent" src="/logo.svg"/></div><h3 class="text-xl font-bold mb-3 text-white">API &amp; MCP Server</h3><p class="text-sm mb-6 leading-relaxed text-gray-400">Connect Bitrecs intelligence to any platform, agent, or workflow through our REST API and Model Context Protocol server.</p><ul class="space-y-2.5 mb-8 flex-1"><li class="flex items-start gap-3 rounded-xl px-4 py-3 text-sm font-medium bg-emerald-500/[0.07] border border-emerald-500/15 text-gray-300"><span class="mt-0.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-emerald-500/20 text-emerald-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3"><path d="M20 6 9 17l-5-5"></path></svg></span><span>Bitrecs Platform — all-in-one analytics dashboard</span></li><li class="flex items-start gap-3 rounded-xl px-4 py-3 text-sm font-medium bg-emerald-500/[0.07] border border-emerald-500/15 text-gray-300"><span class="mt-0.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-emerald-500/20 text-emerald-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3"><path d="M20 6 9 17l-5-5"></path></svg></span><span>REST API for custom storefronts, mobile apps, and headless commerce</span></li><li class="flex items-start gap-3 rounded-xl px-4 py-3 text-sm font-medium bg-emerald-500/[0.07] border border-emerald-500/15 text-gray-300"><span class="mt-0.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-emerald-500/20 text-emerald-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3"><path d="M20 6 9 17l-5-5"></path></svg></span><span>MCP server for AI agents — bring personalized recs into ChatGPT, Claude, and custom agents</span></li><li class="flex items-start gap-3 rounded-xl px-4 py-3 text-sm font-medium bg-emerald-500/[0.07] border border-emerald-500/15 text-gray-300"><span class="mt-0.5 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-emerald-500/20 text-emerald-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3"><path d="M20 6 9 17l-5-5"></path></svg></span><span>Power agentic shopping experiences with real-time Bitrecs intelligence</span></li></ul><div class="mt-auto"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary hover:bg-primary/90 sheen-button px-4 py-2 w-full h-12 rounded-xl font-bold transition-all duration-200 bg-gradient-to-r from-emerald-500 to-teal-400 hover:from-emerald-400 hover:to-teal-300 text-white shadow-lg shadow-emerald-500/25" type="button">Get Early Access<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-2 h-5 w-5"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></div></div></div></div></div></section><section class="py-24 px-4" style="opacity:0;transform:translateY(30px)"><div class="relative mx-auto max-w-5xl overflow-hidden rounded-3xl border border-emerald-100 bg-white/80 px-8 py-12 shadow-xl"><div class="absolute inset-0 bg-gradient-to-r from-emerald-100/50 via-trans
3parent to-emerald-200/40"></div><div class="relative flex flex-col gap-6 text-left sm:flex-row sm:items-center sm:justify-between"><div class="max-w-2xl"><p class="text-xs font-semibold uppercase tracking-[0.35em] text-emerald-600">Why operators choose Bitrecs</p><h2 class="mt-3 text-2xl font-semibold text-gray-900 sm:text-3xl">Bitrecs analyzes customer behavior, latent patterns in catalogs, inventory and pricing.</h2><p class="mt-3 text-sm text-gray-600 sm:text-base">The system continuously learns and improves over time, boosting conversion without adding engineering overhead.</p></div><div class="flex flex-col gap-3 sm:w-56"><div tabindex="0"><a href="https://apps.shopify.com/bitrecs-ai-recommendations?utm_source=website&amp;utm_medium=organic&amp;utm_campaign=direct&amp;button_clicked=mid-cta" target="_blank" rel="noopener noreferrer"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 sheen-button px-4 py-2 h-11 w-full bg-emerald-500 hover:bg-emerald-600 text-white shadow-md" type="button">Install from Shopify</button></a></div><div tabindex="0"><a href="https://calendly.com/bitrecs/30-min-meeting" target="_blank" rel="noopener noreferrer"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow sheen-button px-4 py-2 h-11 w-full bg-white text-gray-800 border border-gray-200 hover:bg-gray-50" type="button">Talk to an expert</button></a></div></div></div></div></section><section id="pricing" class="relative overflow-hidden bg-gradient-to-br from-emerald-950/95 via-emerald-900/90 to-emerald-800/85 text-white py-32 px-4" style="opacity:0"><div class="pointer-events-none absolute inset-0 -z-10 overflow-hidden"><video class="absolute left-1/2 top-1/2 min-h-full min-w-full -translate-x-1/2 -translate-y-1/2 object-cover" style="opacity:0.3;transform:translate(-50%, -50%) rotate(90deg) scale(1.05)" autoPlay="" playsInline="" muted="" preload="auto" loop="" src="/texture.mp4"></video><div class="absolute inset-0 bg-emerald-950/55"></div></div><div class="pointer-events-none absolute inset-0 opacity-20" style="background-image:radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12) 0, transparent 55%), radial-gradient(circle at 80% 30%, rgba(45,212,191,0.15) 0, transparent 60%)"></div><div class="pointer-events-none absolute inset-0 opacity-[0.12]" style="background-image:linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 70%)"></div><div class="max-w-6xl mx-auto"><h2 class="text-4xl sm:text-5xl font-bold text-center mb-6 text-emerald-50" style="opacity:0;transform:translateY(30px)">Pricing that scales with your store</h2><p class="text-xl text-emerald-100/80 text-center max-w-2xl mx-auto mb-16" style="opacity:0;transform:translateY(20px)">Transparent plans with built-in AI usage, choose the plan that best fits your store.</p><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"><div class="bg-white/95 backdrop-blur-sm border border-emerald-100 hover:border-emerald-400 rounded-2xl p-8 shadow-xl text-gray-900 flex flex-col" style="opacity:0;transform:translateY(50px)"><h3 class="text-2xl font-bold mb-4">Free</h3><div class="mb-6"><div class="flex items-baseline gap-1"><p class="text-4xl font-bold text-emerald-600">$0</p><span class="text-gray-600 text-sm">/ month</span></div><p class="text-gray-600 mt-2 text-sm font-medium">Up to 50 orders/mo</p></div><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 sheen-button px-4 py-2 w-full h-10 bg-white border border-emerald-200 text-emerald-700 hover:bg-emerald-50 rounded-md shadow-sm mb-6" type="button">Get started<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-2 h-4 w-4"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button><div class="flex-grow"><p class="text-sm font-semibold mb-3 text-gray-900">All Features Included:</p><ul class="space-y-2 mb-6 text-sm"><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>AI recommendation widget</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Add to cart AI</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Custom recommendation layouts</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Core customization</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Analytics</span></li></ul></div><div class="pt-4 border-t border-gray-100 mt-auto"><p class="text-sm"><span class="font-semibold">Support:</span> Standard</p></div></div><div class="bg-white/95 backdrop-blur-sm border border-emerald-100 hover:border-emerald-400 rounded-2xl p-8 shadow-xl text-gray-900 flex flex-col" style="opacity:0;transform:translateY(50px)"><h3 class="text-2xl font-bold mb-4">Growth</h3><div class="mb-6"><div class="flex items-baseline gap-1"><p class="text-4xl font-bold text-emerald-600">$14.99</p><span class="text-gray-600 text-sm">/ month</span></div><p class="text-gray-600 mt-2 text-sm font-medium">Up to 500 orders/mo</p></div><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary hover:bg-primary/90 sheen-button px-4 py-2 w-full h-10 bg-gradient-to-r from-emerald-500 to-emerald-600 hover:from-emerald-600 hover:to-emerald-700 text-white rounded-md shadow-md mb-6" type="button">Start Growth<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-2 h-4 w-4"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button><div class="flex-grow"><p class="text-sm font-semibold mb-3 text-gray-900">All Features Included:</p><ul class="space-y-2 mb-6 text-sm"><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>AI recommendation widget</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Add to cart AI</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Custom recommendation layouts</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Core customization</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Analytics</span></li></ul></div><div class="pt-4 border-t border-gray-100 mt-auto"><p class="text-sm"><span class="font-semibold">Support:</span> Priority support</p></div></div><div class="relative overflow-hidden bg-white/90 backdrop-blur-md border-2 border-emerald-500/80 rounded-2xl p-8 shadow-2xl shadow-emerald-500/20 text-gray-900 flex flex-col" style="opacity:0;transform:translateY(50px)"><div class="absolute top-4 right-6 z-30 rounded-full bg-emerald-600 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-white shadow-lg shadow-emerald-600/30">Popular</div><div class="pointer-events-none absolute inset-0 z-0 bg-gradient-to-br from-emerald-50/70 via-white to-emerald-100/70"></div><div class="relative z-20 flex flex-col h-full"><h3 class="text-2xl font-black tracking-tight text-emerald-800 mb
3-4">Pro</h3><div class="mb-6"><div class="flex items-baseline gap-1"><p class="text-4xl font-bold text-emerald-600">$49</p><span class="text-gray-600 text-sm">/ month</span></div><p class="text-emerald-700 mt-2 text-sm font-semibold">Unlimited orders</p></div><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary hover:bg-primary/90 sheen-button px-4 py-2 w-full h-10 bg-gradient-to-r from-emerald-500 via-emerald-600 to-emerald-700 hover:from-emerald-600 hover:via-emerald-700 hover:to-emerald-800 text-white rounded-md shadow-lg shadow-emerald-500/40 mb-6" type="button">Go Pro<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-2 h-4 w-4"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button><div class="flex-grow"><p class="text-sm font-semibold mb-3 text-emerald-900">All Features Included:</p><ul class="space-y-2 mb-6 text-sm text-gray-700"><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>AI recommendation widget</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Add to cart AI</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Custom recommendation layouts</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Core customization</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-600 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Analytics</span></li></ul></div><div class="pt-4 border-t border-emerald-200/70 mt-auto"><p class="text-sm font-medium"><span class="font-semibold text-emerald-900">Support:</span> Priority support</p></div></div></div><div class="relative bg-gradient-to-br from-emerald-800 via-emerald-900 to-emerald-950 border-2 border-emerald-700 rounded-2xl p-8 shadow-2xl text-white flex flex-col" style="opacity:0;transform:translateY(50px)"><h3 class="text-2xl font-bold mb-4 text-emerald-50">Enterprise</h3><div class="mb-6"><div class="flex items-baseline gap-1"><p class="text-4xl font-bold text-emerald-400">$199</p><span class="text-gray-300 text-sm">/ month</span></div><p class="text-emerald-300 mt-2 text-sm font-medium">Custom volume + SLA</p></div><a href="https://calendly.com/bitrecs/30-min-meeting" target="_blank" rel="noopener noreferrer" class="block w-full"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 sheen-button px-4 py-2 w-full h-10 bg-emerald-500/20 hover:bg-emerald-500/30 border border-emerald-500/50 text-white rounded-md shadow-md mb-6" type="button">Contact sales<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-2 h-4 w-4"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></button></a><div class="flex-grow"><p class="text-sm font-semibold mb-3 text-emerald-100">All Features Included:</p><ul class="space-y-2 mb-6 text-sm text-gray-200"><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-400 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>AI recommendation widget</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-400 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Add to cart AI</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-400 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Custom recommendation layouts</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-400 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Core customization</span></li><li class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 flex-shrink-0 text-emerald-400 mt-0.5"><path d="M20 6 9 17l-5-5"></path></svg><span>Analytics</span></li></ul></div><div class="pt-4 border-t border-emerald-700 mt-auto"><p class="text-sm"><span class="font-semibold text-emerald-100">Support:</span> Dedicated account manager + custom integrations</p></div></div></div></div></section></div></main><footer class="bg-white border-t border-gray-200 py-8"><div class="max-w-6xl mx-auto px-4"><div class="grid grid-cols-1 md:grid-cols-4 gap-8"><div class="md:col-span-1"><div class="flex items-center mb-4"><img alt="Bitrecs Logo" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="h-8 w-8 mr-2" style="color:transparent" src="/logo.svg"/><span class="text-lg font-semibold text-gray-800">Bitrecs</span></div><p class="text-gray-600 text-xs leading-relaxed">Bitrecs is a novel recommendation engine</p></div><div><h3 class="text-gray-800 font-semibold mb-4 text-sm">Company</h3><ul class="space-y-1"><li><a class="text-gray-600 hover:text-emerald-700 text-xs transition-colors" href="https://apps.shopify.com/bitrecs-ai-recommendations?utm_source=website&amp;utm_medium=organic&amp;utm_campaign=direct&amp;button_clicked=footer">Plugin</a></li><li><a class="text-gray-600 hover:text-emerald-700 text-xs transition-colors" href="https://bitrecs.gitbook.io/bitrecs-docs/">Docs</a></li><li><button class="text-gray-600 hover:text-emerald-700 text-xs transition-colors text-left">Contact us</button></li></ul></div><div><h3 class="text-gray-800 font-semibold mb-4 text-sm">Legal</h3><ul class="space-y-1"><li><a class="text-gray-600 hover:text-emerald-700 text-xs transition-colors" href="/terms">Terms of Service</a></li><li><a class="text-gray-600 hover:text-emerald-700 text-xs transition-colors" href="/privacy">Privacy Policy</a></li></ul></div><div><h3 class="text-gray-800 font-semibold mb-4 text-sm">Follow Us</h3><div class="flex space-x-4"><a class="text-gray-600 hover:text-emerald-700 transition-colors" href="https://x.com/bitrecs"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
3<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a class="text-gray-600 hover:text-emerald-700 transition-colors" href="https://github.com/bitrecs"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.30.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path></svg></a><a class="text-gray-600 hover:text-emerald-700 transition-colors" target="_blank" rel="noopener noreferrer" href="https://taostats.io/subnets/122/chart"><svg class="w-5 h-5" viewBox="0 0 29 27" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Taostats</title><path d="M6.28835 3.26259C5.48538 1.9296 6.44537 0.230591 8.00153 0.230591L19.1285 0.230591C19.7366 0.230591 20.3116 0.507233 20.6911 0.982338L26.4057 8.1362C27.4519 9.44596 26.5194 11.3844 24.843 11.3844H12.3109C11.6096 11.3844 10.9596 11.0171 10.5977 10.4164L6.28835 3.26259Z" fill="currentColor"></path><path d="M5.25763 16.9209C5.60229 16.2602 6.28568 15.8459 7.03087 15.8459H21.2394C22.7412 15.8459 23.7072 17.4394 23.0127 18.771L19.2808 25.9248C18.9362 26.5855 18.2528 26.9998 17.5076 26.9998H3.29906C1.79726 26.9998 0.831239 25.4063 1.52583 24.0748L5.25763 16.9209Z" fill="currentColor"></path></svg></a></div></div></div></div></footer></div><!--$--><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1894255191186390&amp;ev=PageView&amp;noscript=1" alt=""/></noscript>
3<script src="/_next/static/chunks/webpack-85b44aa02e4981b9.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG" id="_R_" async=""></script>
3<script>(self.__next_f=self.__next_f||[]).push([0])</script>
3<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[9021,[\"177\",\"static/chunks/app/layout-4dd9b7ca7163d5ea.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG\"],\"\"]\n3:I[6300,[\"177\",\"static/chunks/app/layout-4dd9b7ca7163d5ea.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG\"],\"Providers\"]\n4:I[9766,[],\"\"]\n5:I[8924,[],\"\"]\n6:I[8955,[\"177\",\"static/chunks/app/layout-4dd9b7ca7163d5ea.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG\"],\"Analytics\"]\nb:I[7150,[],\"\"]\n:HL[\"/_next/static/media/636a5ac981f94f8b-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/36d3ad196d96d2e6.css?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG\",\"style\"]\n:HL[\"/_next/static/css/5ece48f4edcfbeed.css?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG\",\"style\"]\n"])</script>
3<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"5p5IY6cD1IHYxu_w70Sbo\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/36d3ad196d96d2e6.css?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5ece48f4edcfbeed.css?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_646807\",\"children\":[[\"$\",\"$L2\",null,{\"id\":\"google-tag-manager\",\"strategy\":\"afterInteractive\",\"children\":\"\\n          (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\\n          new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\\n          j=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';j.async=true;j.src=\\n          'https://www.googletagmanager.com/gtm.js?id='
3+i+dl;f.parentNode.insertBefore(j,f);\\n          })(window,document,'script','dataLayer','GTM-K9RMF6SK');\\n        \"}],[\"$\",\"body\",null,{\"className\":\"antialiased font-sans\",\"children\":[[\"$\",\"noscript\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\u003ciframe src=\\\"https://www.googletagmanager.com/ns.html?id=GTM-K9RMF6SK\\\"\\n        height=\\\"0\\\" width=\\\"0\\\" style=\\\"display:none;visibility:hidden\\\"\u003e\u003c/iframe\u003e\"}}],[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L6\",null,{}],[\"$\",\"$L2\",null,{\"strategy\":\"afterInteractive\",\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-ER69GGE4W3\"}],[\"$\",\"$L2\",null,{\"id\":\"gtag-init\",\"strategy\":\"afterInteractive\",\"children\":\"window.dataLayer = window.dataLayer || [];\\n            function gtag(){dataLayer.push(arguments);}\\n            gtag('js', new Date());\\n            gtag('config', 'G-ER69GGE4W3');\"}],[\"$\",\"$L2\",null,{\"id\":\"reddit-pixel\",\"strategy\":\"afterInteractive\",\"children\":\"!function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement(\\\"script\\\");t.src=\\\"https://www.redditstatic.com/ads/pixel.js\\\",t.async=!0;var s=d.getElementsByTagName(\\\"script\\\")[0];s.parentNode.insertBefore(t,s)}}(window,document);\\n            rdt('init','a2_hrjezo73c748');\\n            rdt('track', 'PageVisit');\"}],[\"$\",\"$L2\",null,{\"id\":\"meta-pixel\",\"strategy\":\"afterInteractive\",\"children\":\"!function(f,b,e,v,n,t,s)\\n            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\\n            n.callMethod.apply(n,arguments):n.queue.push(arguments)};\\n            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\\n            n.queue=[];t=b.createElement(e);t.async=!0;\\n            t.src=v;s=b.getElementsByTagName(e)[0];\\n            s.parentNode.insertBefore(t,s)}(window, document,'script',\\n            'https://connect.facebook.net/en_US/fbevents.js');\\n            fbq('init', '1894255191186390');\\n            fbq('track', 'PageView');\"}],\"$L7\",\"$L8\"]}]]}]]}],{\"children\":[\"__PAGE__\",\"$L9\",{},null,false]},null,false],\"$La\",false]],\"m\":\"$undefined\",\"G\":[\"$b\",[]],\"s\":false,\"S\":true}\n"])</script>
3<script>self.__next_f.push([1,"d:I[3026,[\"850\",\"static/chunks/850-95779eec44a08b5d.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG\",\"909\",\"static/chunks/909-69ca2bb2980cac69.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG\",\"461\",\"static/chunks/461-a9c99bc3e7374143.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG\",\"974\",\"static/chunks/app/page-e627319c6257ba2b.js?dpl=dpl_EbPG5qhJs2hVH31DkpQnAijLsGBG\"],\"default\"]\ne:I[4431,[],\"OutletBoundary\"]\n10:I[5278,[],\"AsyncMetadataOutlet\"]\n12:I[4431,[],\"ViewportBoundary\"]\n14:I[4431,[],\"MetadataBoundary\"]\n15:\"$Sreact.suspense\"\n7:[\"$\",\"noscript\",null,{\"children\":[\"$\",\"img\",null,{\"height\":\"1\",\"width\":\"1\",\"style\":{\"display\":\"none\"},\"src\":\"https://www.facebook.com/tr?id=1894255191186390\u0026ev=PageView\u0026noscript=1\",\"alt\":\"\"}]}]\nc:T449,"])</script>
3<script>self.__next_f.push([1,"!function (w, d, t) {\n              w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=[\"page\",\"track\",\"identify\",\"instances\",\"debug\",\"on\",\"off\",\"once\",\"ready\",\"alias\",\"group\",\"enableCookie\",\"disableCookie\",\"holdConsent\",\"revokeConsent\",\"grantConsent\"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i\u003cttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(\n            var e=ttq._i[t]||[],n=0;n\u003cttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r=\"https://analytics.tiktok.com/i18n/pixel/events.js\",o=n\u0026\u0026n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement(\"script\")\n            ;n.type=\"text/javascript\",n.async=!0,n.src=r+\"?sdkid=\"+e+\"\u0026lib=\"+t;e=document.getElementsByTagName(\"script\")[0];e.parentNode.insertBefore(n,e)};\n              ttq.load('D3IKEFRC77UCFFQTJ630');\n              ttq.page();\n            }(window, document, 'ttq');"])</script>
3<script>self.__next_f.push([1,"8:[\"$\",\"$L2\",null,{\"id\":\"tiktok-pixel\",\"strategy\":\"afterInteractive\",\"children\":\"$c\"}]\n9:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Ld\",null,{}],null,[\"$\",\"$Le\",null,{\"children\":[\"$Lf\",[\"$\",\"$L10\",null,{\"promise\":\"$@11\"}]]}]]}]\na:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L12\",null,{\"children\":\"$L13\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L14\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$15\",null,{\"fallback\":null,\"children\":\"$L16\"}]}]}]]}]\n"])</script>
3<script>self.__next_f.push([1,"13:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nf:null\n"])</script>
3<script>self.__next_f.push([1,"17:I[622,[],\"IconMark\"]\n"])</script>
3<script>self.__next_f.push([1,"11:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Bitrecs\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Next generation product recommendations\"}],[\"$\",\"meta\",\"2\",{\"property\":\"og:title\",\"content\":\"Bitrecs\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:description\",\"content\":\"Next generation product recommendations\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:image\",\"content\":\"https://www.bitrecs.ai/og.png\"}],[\"$\",\"meta\",\"5\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"6\",{\"name\":\"twitter:title\",\"content\":\"Bitrecs\"}],[\"$\",\"meta\",\"7\",{\"name\":\"twitter:description\",\"content\":\"Next generation product recommendations\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:image\",\"content\":\"https://www.bitrecs.ai/og.png\"}],[\"$\",\"link\",\"9\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"32x30\"}],[\"$\",\"$L17\",\"10\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
3<script>self.__next_f.push([1,"16:\"$11:metadata\"\n"])</script>
3</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.