1<!DOCTYPE html> 2<!-- GENERATED by scripts/prerender.cjs from src/index.html. Do not edit; edit src/index.html and re-run. --> 3<html lang="en"> 4<head> 5<meta charset="utf-8"> 6<link rel="canonical" href="https://bigibyte.com/"> 7<meta name="viewport" content="width=device-width, initial-scale=1"> 8<title>BigiByte - Big Ideas, Byte Solutions | Web Scraping & Automation Experts</title> 9<meta name="description" content="BigiByte - Expert web scraping, automation, and SaaS development services. Transform your business with our data solutions and custom development."> 10<link rel="icon" href="/favicon.ico" sizes="32x32"> 11<link rel="icon" href="/favicon.png" type="image/png"> 12<link rel="apple-touch-icon" href="/favicon.png"> 13<meta property="og:title" content="BigiByte - Big Ideas, Byte Solutions"> 14<meta property="og:description" content="Expert web scraping, automation, and SaaS development services. Transform your business with our data solutions."> 15<meta property="og:type" content="website"> 16<meta property="og:url" content="https://bigibyte.com/"> 17<meta property="og:site_name" content="BigiByte"> 18<meta property="og:image" content="https://images.bigibyte.com/projects/project-bigibyte-brand-banner.webp"> 19<meta property="og:image:alt" content="BigiByte logo banner with the tagline Big Ideas, Byte Solutions"> 20<meta name="twitter:card" content="summary_large_image"> 21<meta name="twitter:title" content="BigiByte - Big Ideas, Byte Solutions"> 22<meta name="twitter:description" content="Expert web scraping, automation, and SaaS development services."> 23<meta name="twitter:image" content="https://images.bigibyte.com/projects/project-bigibyte-brand-banner.webp"> 24<style>x-dc{display:none!important}</style> 25<link rel="preload" href="./fonts/poppins-latin-500-normal.woff2" as="font" type="font/woff2" crossorigin> 26<link rel="preload" href="./fonts/poppins-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin> 27<style> 28@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/poppins-latin-400-normal.woff2) format('woff2')} 29@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(./fonts/poppins-latin-500-normal.woff2) format('woff2')} 30@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(./fonts/poppins-latin-600-normal.woff2) format('woff2')} 31</style>
32<script defer src="./vendor/react.production.min.js"></script>
vendor: 1 bytes, line 32
32
33<script defer src="./vendor/react-dom.production.min.js"></script>
vendor: 1 bytes, line 33
33
34<script defer src="./support.js"></script>
vendor: 1 bytes, line 34
34
35<script defer src="./vendor/lenis.min.js"></script>
vendor: 1 bytes, line 35
35
36<script defer src="./assets/motion.js"></script>
vendor: 1 bytes, line 36
36
37<script defer src="./assets/gallery.js"></script>
37 38<style>html.lenis,html.lenis body{height:auto}.lenis.lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain} 39html.rv-on .rv{opacity:0;translate:0 28px;transition:opacity .8s cubic-bezier(.16,1,.3,1),translate .9s cubic-bezier(.16,1,.3,1)} 40html.rv-on .rv.rv-in{opacity:1;translate:0 0}</style>
41<script type="application/ld+json" id="faq-ld">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"I'm not technical. Can I still work with you?","acceptedAnswer":{"@type":"Answer","text":"Yes, most of our clients are not. You describe the problem in your own words; we handle the technical side and deliver the results to a spreadsheet, email or tool you already use."}},{"@type":"Question","name":"What is web scraping, in simple words?","acceptedAnswer":{"@type":"Answer","text":"A program visits websites for you and copies the information you need, such as prices, listings or contact details, into a tidy spreadsheet. It does in minutes what would take a person days."}},{"@type":"Question","name":"Is it legal?","acceptedAnswer":{"@type":"Answer","text":"We only collect publicly available information and respect privacy laws and site terms. If something looks risky, we tell you before we build."}},{"@type":"Question","name":"What will I actually receive?","acceptedAnswer":{"@type":"Answer","text":"Usually a spreadsheet, a file, or new rows in your system, delivered on a schedule you choose. For bigger projects, a dashboard or your own app."}}
41,{"@type":"Question","name":"How much does it cost?","acceptedAnswer":{"@type":"Answer","text":"Small one-off jobs start from $499. You always get a fixed price before we start. Full details are on our Pricing page."}},{"@type":"Question","name":"What if it stops working?","acceptedAnswer":{"@type":"Answer","text":"Every build includes monitoring & alerts. If a website changes, we fix it, usually before you notice."}},{"@type":"Question","name":"How fast can you start?","acceptedAnswer":{"@type":"Answer","text":"Most projects kick off within a week. Small scrapers often ship in days."}},{"@type":"Question","name":"Do you work with non-technical teams?","acceptedAnswer":{"@type":"Answer","text":"Yes, we deliver straight into Sheets, Airtable, Notion or your CRM."}},{"@type":"Question","name":"Who owns the code?","acceptedAnswer":{"@type":"Answer","text":"You do. Full source and documentation are handed over at the end."}},{"@type":"Question","name":"Can you work under NDA?","acceptedAnswer":{"@type":"Answer","text":"Yes, we are happy to sign your NDA before any details are shared."}},{"@type":"Question","name":"What kind of projects does BigiByte take on?","acceptedA
41nswer":{"@type":"Answer","text":"We focus on web scraping platforms, automation pipelines, and SaaS products where data quality and reliability really matter."}},{"@type":"Question","name":"How do we start working together?","acceptedAnswer":{"@type":"Answer","text":"Start with a short discovery call. We map your data sources, constraints, and success metrics, then propose a focused first milestone."}},{"@type":"Question","name":"What engagement models do you support?","acceptedAnswer":{"@type":"Answer","text":"We work as an external product team for greenfield builds, or as embedded specialists inside your existing engineering org. Short audits and \"stabilise my scrapers\" rescue missions are also possible."}},{"@type":"Question","name":"Can you work with our existing engineering team?","acceptedAnswer":{"@type":"Answer","text":"Yes. We often plug into existing teams as senior specialists for scraping, automation, and data infrastructure."}},{"@type":"Question","name":"Can you build lead lists for my business?","acceptedA
41nswer":{"@type":"Answer","text":"Yes. We build targeted B2B and local lead lists from directories, maps, marketplaces and social platforms based on your ideal customer profile."}},{"@type":"Question","name":"Where do the leads come from?","acceptedAnswer":{"@type":"Answer","text":"Public sources like Google Maps, company websites, industry directories and professional networks, never bought or recycled lists."}},{"@type":"Question","name":"Are emails and phone numbers verified?","acceptedAnswer":{"@type":"Answer","text":"Emails are validated and every list is deduplicated before delivery, so your outreach reaches real inboxes."}},{"@type":"Question","name":"Can leads go straight into my CRM?","acceptedAnswer":{"@type":"Answer","text":"Yes, HubSpot, Pipedrive, Salesforce, Google Sheets or Airtable, refreshed on a schedule."}},{"@type":"Question","name":"Can you enrich leads I already have?","acceptedAnswer":{"@type":"Answer","text":"Yes. Send us your list and we add company size, industry, socials, website tech and contact details."}},{"@type":"Question","name":"Can you help with Lead Generation Automation?","acceptedA
41nswer":{"@type":"Answer","text":"Absolutely. We automatically collect and qualify leads from various online sources to fuel your sales pipeline. Includes: Contact extraction, Lead scoring, CRM integration, and Email verification."}},{"@type":"Question","name":"What happens when a site changes?","acceptedAnswer":{"@type":"Answer","text":"Every build includes monitoring. We get alerted on breakage and patch it quickly."}},{"@type":"Question","name":"Is web scraping legal?","acceptedAnswer":{"@type":"Answer","text":"We only collect publicly available data and respect site terms and privacy laws. We flag anything risky before we build."}},{"@type":"Question","name":"What formats do you deliver?","acceptedAnswer":{"@type":"Answer","text":"CSV, Excel, JSON, Google Sheets, databases, webhooks or a custom API."}},{"@type":"Question","name":"How often can data refresh?","acceptedAnswer":{"@type":"Answer","text":"Anything from near real-time to monthly. Hourly and daily runs are most common."}},{"@type":"Question","name":"Can you publish actors on Apify?","acceptedA
41nswer":{"@type":"Answer","text":"Yes. We build, publish and maintain actors on the Apify Store."}},{"@type":"Question","name":"How do you handle data privacy and compliance?","acceptedAnswer":{"@type":"Answer","text":"We design collectors and pipelines with your legal and compliance constraints in mind, including robots.txt awareness, consent flows, and regional data residency requirements."}},{"@type":"Question","name":"Do you provide Real Estate Data Solutions?","acceptedAnswer":{"@type":"Answer","text":"Yes. We gather property listings, pricing data, and market analytics for informed investment decisions. Features: Property listings, Price tracking, Market analysis, and Location insights."}},{"@type":"Question","name":"How is pricing structured?","acceptedAnswer":{"@type":"Answer","text":"Fixed price for scoped builds, monthly retainers for ongoing pipelines."}},{"@type":"Question","name":"Do you offer maintenance plans?","acceptedAnswer":{"@type":"Answer","text":"Yes, monthly plans cover monitoring, fixes and small changes."}},{"@type":"Question","name":"Is there a minimum project size?","acceptedA
41nswer":{"@type":"Answer","text":"No. Many clients start with a single scraper and grow from there."}},{"@type":"Question","name":"Do you offer SLAs and ongoing support?","acceptedAnswer":{"@type":"Answer","text":"Yes. For production systems we provide support SLAs, monitoring, and incident response, so your team has a clear point of contact when something changes upstream."}},{"@type":"Question","name":"Do you offer E-Commerce Data Mining?","acceptedAnswer":{"@type":"Answer","text":"Yes. We extract product information, prices, and reviews from multiple e-commerce platforms to gain competitive insights. Key capabilities include: Price monitoring, Competitor analysis, Market trends, and Product insights."}},{"@type":"Question","name":"What is your Price Intelligence Suite?","acceptedAnswer":{"@type":"Answer","text":"It offers always-on monitoring of competitor prices, discounts, and availability across markets. Features: Dynamic pricing inputs, Promo detection, and Geo-specific views."}},{"@type":"Question","name":"Do you provide Marketplace Seller Analytics?","acceptedA
41nswer":{"@type":"Answer","text":"Yes. We help you understand third-party seller performance, assortment, and share of shelf on major marketplaces. Includes: Seller scorecards, Share-of-shelf tracking, and Category coverage."}},{"@type":"Question","name":"Do you offer Review & Rating Analytics?","acceptedAnswer":{"@type":"Answer","text":"Yes. We turn customer reviews into product feedback and quality signals at scale. Includes: Aspect sentiment, Feature requests, and Issue clustering."}},{"@type":"Question","name":"Do you support Social Media Monitoring?","acceptedAnswer":{"@type":"Answer","text":"We track brand mentions, sentiment, and trends across social platforms in real-time. Includes: Brand monitoring, Sentiment analysis, Trend detection, and Influencer tracking."}},{"@type":"Question","name":"Do you have a Travel Fare Tracker?","acceptedAnswer":{"@type":"Answer","text":"We monitor flight and hotel fares over time to surface optimal booking windows. Features: Fare history, Deal alerts, and Route analytics."}},{"@type":"Question","name":"Do you offer Job Board Intelligence?","acceptedA
41nswer":{"@type":"Answer","text":"Yes. We monitor job boards to understand hiring trends, skills demand, and competitor org design. Includes: Skill tagging, Company tracking, and Time-to-fill signals."}},{"@type":"Question","name":"What is the News & Research Aggregator?","acceptedAnswer":{"@type":"Answer","text":"We aggregate research notes, news, and filings into a single searchable feed for your analysts. Features: Source normalization, Alerting, and Full-text search."}},{"@type":"Question","name":"What is the B2B Enrichment API?","acceptedAnswer":{"@type":"Answer","text":"APIs that enrich company and contact records using external public data sources. Capabilities: Firmographic data, Technology stack hints, and Contact signals."}},{"@type":"Question","name":"Can you track Compliance & Policy changes?","acceptedAnswer":{"@type":"Answer","text":"Yes. We track terms of service, privacy policies, and regulatory changes that affect your operations. Includes: Policy diffs, Alerting, and Audit logs."}},{"@type":"Question","name":"What are Real-time Signal Streams?","acceptedA
41nswer":{"@type":"Answer","text":"Push-based feeds that notify your systems about meaningful external changes in near real-time. Features: Webhooks, Low-latency updates, and Replayable streams."}},{"@type":"Question","name":"Can you turn Internal Tools into SaaS?","acceptedAnswer":{"@type":"Answer","text":"Yes. We turn an internal spreadsheet or script into a hosted SaaS product for your customers. Includes: Multi-tenant setup, Billing ready, and Admin dashboards."}},{"@type":"Question","name":"What is the Ops Automation Hub?","acceptedAnswer":{"@type":"Answer","text":"A central hub for back-office automations that replace manual, repetitive workflows. Features: Queue workers, Human-in-the-loop steps, and Audit trails."}},{"@type":"Question","name":"Do you build AI Datasets?","acceptedAnswer":{"@type":"Answer","text":"Yes. Custom dataset creation pipelines for training and evaluating AI models. Includes: Labeling workflows, Quality checks, and Versioned datasets."}},{"@type":"Question","name":"Do you offer an API Observability Layer?","acceptedA
41nswer":{"@type":"Answer","text":"We track health, usage, and performance of your scraping and automation APIs. Features: Request tracing, Error budgets, and Usage dashboards."}},{"@type":"Question","name":"What are Data Quality Guardrails?","acceptedAnswer":{"@type":"Answer","text":"Automated checks that validate scraped or ingested data before it hits production systems. Includes: Schema checks, Anomaly detection, and Automatic quarantining."}},{"@type":"Question","name":"Do you build Analytics-ready Warehouses?","acceptedAnswer":{"@type":"Answer","text":"Yes. Opinionated data models and pipelines that feed your BI tools clean, denormalised tables. Features: Dimensional models, ELT jobs, and BI-ready schemas."}},{"@type":"Question","name":"Do you provide Customer Usage Analytics?","acceptedAnswer":{"@type":"Answer","text":"We build event pipelines and dashboards that show how customers actually use your product. Includes: Product usage funnels, Cohort analysis, and Feature adoption metrics."}}]}</script>
41 42<style id="dc-prerender-css"> 43 .sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent); 44 border:1px solid color-mix(in srgb,currentColor 50%,transparent); 45 border-radius:2px;box-sizing:border-box;overflow:hidden} 46 @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}} 47 html.sc-dc-streaming .sc-placeholder, 48 html.sc-dc-streaming .sc-interp.sc-missing{position:relative; 49 background:color-mix(in srgb,currentColor 5%,transparent); 50 border-color:transparent} 51 html.sc-dc-streaming .sc-placeholder::before, 52 html.sc-dc-streaming .sc-interp.sc-missing::before{content:''; 53 position:absolute;inset:0;pointer-events:none; 54 background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%); 55 background-size:400% 100%;animation:sc-shine 1.4s ease infinite} 56 html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before, 57 html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none; 58 background:color-mix(in srgb,currentColor 8%,transparent)} 59 .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace; 60 color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word} 61 .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden; 62 vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5); 63 border-radius:2px;box-sizing:border-box;color:transparent; 64 user-select:none} 65 .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em; 66 color:color-mix(in srgb,currentColor 50%,transparent); 67 background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px; 68 padding:0 3px} 69 .sc-host.sc-has-error{position:relative} 70 .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch; 71 padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace; 72 border-radius:4px;white-space:pre-wrap;pointer-events:none} 73 /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts â keep both 74 in sync until dc-runtime regains a build step. */ 75 @media print { 76 @page { margin: 0.5cm; } 77 figure, table { break-inside: avoid; } 78 #dc-root, #dc-root > .sc-host { height: auto; } 79 *, *::before, *::after { 80 print-color-adjust: exact; -webkit-print-color-adjust: exact; 81 backdrop-filter: none !important; -webkit-backdrop-filter: none !important; 82 animation-delay: -99s !important; animation-duration: .001s !important; 83 animation-iteration-count: 1 !important; animation-fill-mode: both !important; 84 animation-play-state: running !important; transition-duration: 0s !important; 85 } 86 } 87 88x-dc{display:none!important} 89 90@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/poppins-latin-400-normal.woff2) format('woff2')} 91@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(./fonts/poppins-latin-500-normal.woff2) format('woff2')} 92@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(./fonts/poppins-latin-600-normal.woff2) format('woff2')} 93 94html.lenis,html.lenis body{height:auto}.lenis.lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain} 95html.rv-on .rv{opacity:0;translate:0 28px;transition:opacity .8s cubic-bezier(.16,1,.3,1),translate .9s cubic-bezier(.16,1,.3,1)} 96html.rv-on .rv.rv-in{opacity:1;translate:0 0} 97x-dc{display:none!important} 98 99html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%} 100 101html,body{margin:0;background:#FFFFFF;color:#18202B;font-family:'Poppins',system-ui,sans-serif;-webkit-font-smoothing:antialiased} 102*{box-sizing:border-box} 103a{color:#18202B;text-decoration:none} 104a:hover{color:#18202B}footer a:hover{color:inherit} 105input,textarea{font-family:inherit;caret-color:#18202B} 106::selection{background:#18202B;color:#FFFFFF} 107@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}} 108@keyframes ping{0%{transform:scale(1);opacity:0.8}100%{transform:scale(2.6);opacity:0}
108} 109@keyframes grow{from{width:0}to{width:100%}} 110@keyframes cfPop{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}} 111@keyframes cfDrift{0%{transform:translate(0,0)}100%{transform:translate(-18px,14px)}} 112[data-ab-gallery]{padding:72px 0 80px;background:linear-gradient(180deg,#FFFFFF,#F6F7F8 30%,#F6F7F8 70%,#FFFFFF)}[data-ab-head]{text-align:center;max-width:640px;margin:0 auto 40px;padding:0 20px}[data-ab-marquee]{overflow:hidden;padding:6px 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}[data-ab-track]{display:flex;gap:22px;width:max-content;animation:abScroll 60s linear infinite}[data-ab-track="rtl"]{animation-direction:reverse;animation-duration:66s}[data-ab-marquee]:hover [data-ab-track]{animation-play-state:paused}@keyframes abScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 11px))}}[data-ab-card]{position:relative;flex:0 0 auto;width:400px;aspect-ratio:8/5;margin:0;border-radius:20px;overflow:hidden;background:#E3E6EA;border:1px solid #E6E8EB;box-shadow:0 14px 34px rgba(24,32,43,.08);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}[data-ab-card] img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}[data-ab-card]::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(24,32,43,.72));pointer-events:none}[data-ab-card] figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}[data-ab-tag]{font-size:11.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#18202B;background:rgba(255,255,255,.9);padding:4px 10px;border-radius:999px}[data-ab-title]{font-size:18px;font-weight:600;color:#FFFFFF;letter-spacing:-.01em}[data-ab-card]:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(24,32,43,.16)}[data-ab-card]:hover img{transform:scale(1.07)}@media (max-width:640px){[data-ab-card]{width:280px;border-radius:18px}[data-ab-title]{font-size:16px}[data-ab-track]{gap:14px}[data-ab-gallery]{padding-top:56px}}@media (prefers-reduced-motion:reduce){[data-ab-track]{animation:none}[data-ab-marquee]{overflow-x:auto;-webkit-mask-image:none;mask-image:none}[data-ab-card][aria-hidden="true"]{display:none}} 113[data-ab-card]{cursor:zoom-in}[data-ab-card]:focus-visible{outline:3px solid #18202B;outline-offset:3px}.ab-lb{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;background:rgba(15,20,27,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.ab-lb-open{opacity:1;visibility:visible}.ab-lb-fig{margin:0;max-width:min(1200px,100%);display:flex;flex-direction:column;gap:14px;transform:scale(.96);transition:transform .35s cubic-bezier(.2,.7,.2,1)}.ab-lb-open .ab-lb-fig{transform:scale(1)}.ab-lb-fig img{display:block;max-width:100%;max-height:78vh;border-radius:20px;object-fit:contain;background:#222B38;box-shadow:0 30px 80px rgba(0,0,0,.45);transition:opacity .25s}.ab-lb-loading .ab-lb-fig img{opacity:.35}.ab-lb-fig figcaption{display:flex;align-items:center;gap:12px;color:#FFFFFF;font-size:16px;font-weight:500}.ab-lb-tag{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#18202B;background:#FFFFFF;padding:4px 10px;border-radius:999px}.ab-lb-count{margin-left:auto;color:#A1A7B0;font-size:13px;font-weight:400}.ab-lb-x,.ab-lb-nav{flex:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#FFFFFF;border-radius:999px;cursor:pointer;display:grid;place-items:center;font:inherit;line-height:1;transition:background .2s,color .2s}.ab-lb-x:hover,.ab-lb-nav:hover{background:#FFFFFF;color:#18202B}.ab-lb-x{position:absolute;top:18px;right:18px;width:44px;height:44px;font-size:26px}.ab-lb-nav{width:52px;height:52px;font-size:30px}@media (max-width:700px){.ab-lb{padding:64px 12px 24px}.ab-lb-nav{position:absolute;bottom:20px;width:46px;height:46px}.ab-lb-prev{left:calc(50% - 56px)}.ab-lb-next{right:calc(50% - 56px)}.ab-lb-fig img{max-height:64vh}} 114[data-nav=wa]::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#25D366;opacity:.3;animation:waRing 2.4s cubic-bezier(0,0,.2,1) infinite;z-index:-1}[data-nav=wa] svg{position:relative}@keyframes waRing{0%{transform:scale(1);opacity:.3}70%,100%{transform:scale(1.7);opacity:0}
114}@media (prefers-reduced-motion:reduce){[data-nav=wa]::before{animation:none;opacity:0}} 115[data-fq-search] input:focus{border-color:#18202B!important;box-shadow:0 0 0 4px rgba(24,32,43,0.08),0 18px 40px rgba(24,32,43,0.08)!important}[data-fq-item]:hover{border-color:#C9CED4!important}[data-fq-pop]:hover{border-style:solid!important;border-color:#18202B!important}@media (min-width:980px){[data-fq-layout]{grid-template-columns:minmax(0,1fr) 320px!important}}@media (max-width:979px){[data-fq-side]{position:static!important}}@media (max-width:640px){[data-fq-tabs]{flex-wrap:nowrap!important;overflow-x:auto;margin:0 -20px;padding:2px 20px 6px;scrollbar-width:none}[data-fq-tabs]::-webkit-scrollbar{display:none}[data-fq-tabs] button{flex:none;white-space:nowrap}[data-fq-search] input{padding-right:92px!important;font-size:15px!important}} 116[data-cf] input:focus,[data-cf] textarea:focus{border-color:#18202B!important;box-shadow:0 0 0 4px rgba(24,32,43,0.08)} 117[data-cf] [data-chip]:hover{translate:0 -1px} 118[data-cf] [data-lift]{transition:translate .2s ease,box-shadow .2s ease} 119[data-cf] [data-lift]:hover{translate:0 -2px;box-shadow:0 10px 24px rgba(24,32,43,0.10)} 120[data-cf] [data-send]:hover{background:#2A3442!important} 121[data-cf] [data-send]:hover [data-arrow]{translate:3px -3px} 122[data-cf] [data-send]:disabled{cursor:wait} 123@media (min-width:960px){[data-wk-flip=true] [data-wk-media]{order:2}} 124/* Keyboard focus, skip link, current page, pressed state */ 125:focus-visible{outline:2px solid #FF5A1F!important;outline-offset:2px} 126[data-skip]{position:fixed;left:12px;top:-64px;z-index:100;background:#18202B;color:#FFFFFF;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:500;transition:top 0.2s ease} 127[data-skip]:focus{top:12px}[data-skip]:hover{color:#FFFFFF} 128[data-nav=link][aria-current=page]{color:#FFFFFF!important;background:rgba(255,255,255,0.10)} 129[data-nav-m][aria-current=page]{background:#F6F7F8} 130button:not([disabled]):active,a:active{scale:0.98} 131/* Team cards: photo turns to colour and the arrow appears on hover or keyboard focus */ 132[data-tm-img]{filter:grayscale(1);transition:filter 0.5s ease, transform 0.6s cubic-bezier(0.2,0.8,0.2,1)} 133[data-tm]:hover [data-tm-img],[data-tm]:focus-within [data-tm-img]{filter:none;transform:scale(1.04)} 134[data-tm-go]{opacity:0;transform:translateY(6px);transition:opacity 0.3s ease, transform 0.3s ease} 135[data-tm]:hover [data-tm-go],[data-tm]:focus-within [data-tm-go]{opacity:1;transform:none} 136@media (hover:none){[data-tm-img]{filter:none}[data-tm-go]{opacity:1;transform:none}} 137@media (max-width:680px){[data-tm]{display:grid!important;grid-template-columns:104px minmax(0,1fr);column-gap:16px;row-gap:6px;align-items:start}[data-tm]>a:first-child{grid-row:1 / span 3;border-radius:16px!important}[data-tm]>a:first-child>span:first-of-type{display:none}[data-tm-go]{display:none!important}[data-tm-join]{min-height:0!important}} 138/* Sections hidden on phones to keep the mobile page short: add data-m-hide to an element. */ 139@media (max-width:680px){[data-m-hide]{display:none!important}} 140@media (max-width:680px){[data-nav=link]{display:none!important}[data-nav=burger]{display:grid!important}[data-nav=bar]{gap:8px!important;padding-left:16px!important}} 141@media (max-width:560px){[data-r=proof]{flex-direction:column}[data-r=proof-text]{text-align:center!important}} 142@media (max-width:419px){[data-nav=wa]{display:none!important}} 143@media (max-width:374px){[data-nav=free],[data-nav=dot]{display:none!important}[data-nav=head]{padding:12px 8px!important}[data-nav=cta]{gap:8px!important;font-size:13px!important;padding-left:12px!important}} 144@keyframes waGlow{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,0.38),0 0 10px rgba(34,197,94,0.18)}55%{box-shadow:0 0 0 6px rgba(34,197,94,0.55),0 0 18px rgba(34,197,94,0.28)}} 145[data-nav="wa"]{animation:waGlow 2.8s ease-in-out infinite} 146[data-ct-path]{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:20px;text-align:left;text-decoration:none;transition:transform 0.25s cubic-bezier(0.2,0.8,0.2,1),box-shadow 0.25s ease} 147[data-ct-path]:hover{transform:translateY(-4px)}
148[data-story-img]{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;flex:none;background-size:cover;background-position:center} 149</style> 150</head> 151<body> 152<div id="dc-prerender"><div class="sc-host" data-sc-name="Root"><div data-dc-tpl="5" style="background: rgb(255, 255, 255); overflow-x: clip;"> 153 154 <a data-dc-tpl="6" href="#main" data-skip="">Skip to content</a> 155 156 <div data-dc-tpl="7" style="position: fixed; inset: 0px; z-index: 45; background: rgba(24, 32, 43, 0); backdrop-filter: none; pointer-events: none; transition: background 0.3s, backdrop-filter 0.35s, -webkit-backdrop-filter 0.35s;"></div> 157 <header data-dc-tpl="8" data-nav="head" style="position: sticky; top: 0px; z-index: 50; display: flex; justify-content: center; padding: 14px 16px; pointer-events: none;"> 158 <nav data-dc-tpl="9" data-nav="bar" style="pointer-events: auto; display: flex; align-items: center; gap: 20px; padding: 6px 6px 6px 22px; border-radius: 999px; background: rgba(24, 32, 43, 0.94); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); box-shadow: rgba(24, 32, 43, 0.22) 0px 12px 34px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset; white-space: nowrap; max-width: 100%; font-family: Poppins, system-ui, sans-serif;"> 159 <a data-dc-tpl="10" href="/" style="display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; color: rgb(255, 255, 255); flex: 0 0 auto;"><img data-dc-tpl="11" src="./assets/logo-white.png" alt="BigiByte" style="height: 22px; display: block;"></a> 160 <div data-dc-tpl="12" style="position: relative; display: flex; align-items: center; gap: 2px; font-size: 14px; font-weight: 500; letter-spacing: -0.005em; min-width: 0px;"> 161 <a data-dc-tpl="13" href="/work" data-nav="link" aria-current="false" class="scp0" style="color: rgb(213, 217, 222); padding: 9px 15px; border-radius: 999px; transition: background 0.2s, color 0.2s;">Work</a> 162 <button data-dc-tpl="14" type="button" data-nav="link" style="cursor: pointer; border: 0px; background: transparent; font: inherit; padding: 9px 13px 9px 15px; border-radius: 999px; display: flex; align-items: center; gap: 6px; color: rgb(213, 217, 222); transition: background 0.2s, color 0.2s;">Services <svg data-dc-tpl="15" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" style="opacity: 0.7; transform: rotate(0deg); transition: transform 0.25s;"><path data-dc-tpl="16" d="M6 9l6 6 6-6"></path></svg></button> 163 <button data-dc-tpl="17" type="button" data-nav="link" style="cursor: pointer; border: 0px; background: transparent; font: inherit; padding: 9px 13px 9px 15px; border-radius: 999px; display: flex; align-items: center; gap: 6px; color: rgb(213, 217, 222); transition: background 0.2s, color 0.2s;">More <svg data-dc-tpl="18" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" style="opacity: 0.7; transform: rotate(0deg); transition: transform 0.25s;"><path data-dc-tpl="19" d="M6 9l6 6 6-6"></path></svg></button> 164 <div data-dc-tpl="20" data-lenis-prevent="" style="position: fixed; left: 50%; top: 76px; transform: translateX(-50%) translateY(-8px) scale(0.98); transform-origin: center top; opacity: 0; visibility: hidden; transition: opacity 0.22s, transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0.32s; width: min(760px, -32px + 100vw); max-height: calc(-96px + 100vh); overflow-y: auto; overscroll-behavior: contain; background: rgb(243, 244, 246); border-radius: 20px; padding: 8px; box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 70px; color: rgb(24, 32, 43);"> 165 <div data-dc-tpl="21" style="position: absolute; left: 0px; right: 0px; top: -24px; height: 24px;"></div> 166 <div data-dc-tpl="22" style="background: rgb(255, 255, 255); border-radius: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); overflow: hidden;"> 167 168 <div data-dc-tpl="24" style="display: flex; flex-direction: column; min-width: 0px; border-right: 1px solid rgb(238, 240, 242);"> 169 170 <div data-dc-tpl="26" style="display: flex; flex-direction: column; min-width: 0px;"> 171 <div data-dc-tpl="27" style="padding: 10px 20px; font-size: 12px; color: rgb(91, 99, 110); border-bottom: 1px solid rgb(238, 240, 242); background: rgb(247, 248, 249);"><span class="sc-interp">Data & automation</span></div> 172 173 <a data-dc-tpl="29" href="/services/web-scraping" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 174 <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M4 7h16M4 12h10M4 17h7M16 15l3 2-3 2"></path></svg>
175 <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;"> 176 <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">Collect information from any website</span><span data-dc-tpl="35" style="display: inline-block; margin-left: 8px; vertical-align: 1px; font-size: 11px; font-weight: 500; background: rgb(238, 240, 242); color: rgb(24, 32, 43); padding: 2px 8px; border-radius: 999px; line-height: 1.4;">Popular</span></span> 177 <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Web scraping</span></span> 178 </span> 179 </a> 180 181 <a data-dc-tpl="29" href="/services/workflow-automation" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 182 <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M13 3L5 14h6l-1 7 8-11h-6z"></path></svg> 183 <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;"> 184 <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">Stop doing the same computer task every day</span></span> 185 <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Workflow automation</span></span> 186 </span> 187 </a> 188 189 </div> 190 191 <div data-dc-tpl="26" style="display: flex; flex-direction: column; min-width: 0px;"> 192 <div data-dc-tpl="27" style="padding: 10px 20px; font-size: 12px; color: rgb(91, 99, 110); border-bottom: 1px solid rgb(238, 240, 242); background: rgb(247, 248, 249);"><span class="sc-interp">AI & agents</span></div> 193 194 <a data-dc-tpl="29" href="/services/ai-agent-development" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 195 <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M12 3v3M8 6h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3zM9.5 11.5h.01M14.5 11.5h.01M9.5 15h5M2 12h3M19 12h3"></path></svg> 196 <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;"> 197 <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">AI agents that do real tasks</span><span data-dc-tpl="35" style="display: inline-block; margin-left: 8px; vertical-align: 1px; font-size: 11px; font-weight: 500; background: rgb(238, 240, 242); color: rgb(24, 32, 43); padding: 2px 8px; border-radius: 999px; line-height: 1.4;">Popular</span></span> 198 <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">AI agent development</span></span> 199 </span> 200 </a> 201 202 <a data-dc-tpl="29" href="/services/ai-chatbots" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 203 <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M4 5h16v11H9l-5 4zM8 10h8M8 13h5"></path></svg>
204 <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;"> 205 <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">A smart assistant that answers your customers 24/7</span></span> 206 <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">AI chatbots & assistants</span></span> 207 </span> 208 </a> 209 210 </div> 211 212 </div> 213 214 <div data-dc-tpl="24" style="display: flex; flex-direction: column; min-width: 0px; border-right: 1px solid rgb(238, 240, 242);"> 215 216 <div data-dc-tpl="26" style="display: flex; flex-direction: column; min-width: 0px;"> 217 <div data-dc-tpl="27" style="padding: 10px 20px; font-size: 12px; color: rgb(91, 99, 110); border-bottom: 1px solid rgb(238, 240, 242); background: rgb(247, 248, 249);"><span class="sc-interp">Lead generation & marketing</span></div> 218 219 <a data-dc-tpl="29" href="/services/b2b-lead-lists" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 220 <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M3 21V8l9-5 9 5v13M9 21v-6h6v6"></path></svg> 221 <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;"> 222 <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">Get a list of potential customers</span><span data-dc-tpl="35" style="display: inline-block; margin-left: 8px; vertical-align: 1px; font-size: 11px; font-weight: 500; background: rgb(238, 240, 242); color: rgb(24, 32, 43); padding: 2px 8px; border-radius: 999px; line-height: 1.4;">Popular</span></span> 223 <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">B2B lead lists</span></span> 224 </span> 225 </a> 226 227 <a data-dc-tpl="29" href="/services/google-maps-leads" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 228 <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21zM12 12a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"></path></svg> 229 <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;"> 230 <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">Every business of a type in your area</span></span> 231 <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Google Maps leads</span></span> 232 </span> 233 </a> 234 235 </div> 236 237 <div data-dc-tpl="26" style="display: flex; flex-direction: column; min-width: 0px;"> 238 <div data-dc-tpl="27" style="padding: 10px 20px; font-size: 12px; color: rgb(91, 99, 110); border-bottom: 1px solid rgb(238, 240, 242); background: rgb(247, 248, 249);"><span class="sc-interp">Product development</span></div> 239 240 <a data-dc-tpl="29" href="/services/saas-development" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 241 <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M3 5h18v11H3zM8 20h8M12 16v4"></path></svg>
242 <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;"> 243 <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">Build your own SaaS product</span><span data-dc-tpl="35" style="display: inline-block; margin-left: 8px; vertical-align: 1px; font-size: 11px; font-weight: 500; background: rgb(238, 240, 242); color: rgb(24, 32, 43); padding: 2px 8px; border-radius: 999px; line-height: 1.4;">Popular</span></span> 244 <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">SaaS development</span></span> 245 </span> 246 </a> 247 248 <a data-dc-tpl="29" href="/services/api-development" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 249 <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M8 8l-4 4 4 4M16 8l4 4-4 4"></path></svg> 250 <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;"> 251 <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">Custom APIs for your data</span></span> 252 <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">API development</span></span> 253 </span> 254 </a> 255 256 </div> 257 258 </div> 259 260 </div> 261 <a data-dc-tpl="37" href="/services" class="scp2" style="margin-top: 8px; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 15px; border-radius: 12px; background: rgb(24, 32, 43); color: rgb(255, 255, 255); font-size: 14px; font-weight: 500;">Explore all services â</a> 262 </div> 263 264 <div data-dc-tpl="38" style="position: fixed; left: 50%; top: 76px; transform: translateX(-50%) translateY(-8px) scale(0.98); transform-origin: center top; opacity: 0; visibility: hidden; transition: opacity 0.22s, transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0.32s; width: min(640px, -32px + 100vw); background: rgb(243, 244, 246); border-radius: 20px; padding: 8px; box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 70px; color: rgb(24, 32, 43);"> 265 <div data-dc-tpl="39" style="position: absolute; left: 0px; right: 0px; top: -24px; height: 24px;"></div> 266 <div data-dc-tpl="40" style="background: rgb(255, 255, 255); border-radius: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); overflow: hidden;"> 267 268 <a data-dc-tpl="42" href="/about" class="scp1" style="display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid rgb(238, 240, 242); border-right: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 269 <svg data-dc-tpl="43" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="44" d="M12 8h.01M11 12h1v5h1M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"></path></svg> 270 <span data-dc-tpl="45" style="display: flex; flex-direction: column; gap: 3px;"><span data-dc-tpl="46" style="font-size: 15px; font-weight: 500;"><span class="sc-interp">About</span></span><span data-dc-tpl="47" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Who we are and how we work</span></span></span> 271 </a> 272 273 <a data-dc-tpl="42" href="/team" class="scp1" style="display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid rgb(238, 240, 242); border-right: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 274 <svg data-dc-tpl="43" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="44" d="M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6M18 4.5a3.5 3.5 0 0 1 0 6.5M21.5 19c-.5-1.8-1.6-3.2-3-4"></path></svg>
275 <span data-dc-tpl="45" style="display: flex; flex-direction: column; gap: 3px;"><span data-dc-tpl="46" style="font-size: 15px; font-weight: 500;"><span class="sc-interp">Team</span></span><span data-dc-tpl="47" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">The people behind BigiByte</span></span></span> 276 </a> 277 278 <a data-dc-tpl="42" href="/industries" class="scp1" style="display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid rgb(238, 240, 242); border-right: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 279 <svg data-dc-tpl="43" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="44" d="M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z"></path></svg> 280 <span data-dc-tpl="45" style="display: flex; flex-direction: column; gap: 3px;"><span data-dc-tpl="46" style="font-size: 15px; font-weight: 500;"><span class="sc-interp">Industries</span></span><span data-dc-tpl="47" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Retail, B2B, real estate & more</span></span></span> 281 </a> 282 283 <a data-dc-tpl="42" href="/blog" class="scp1" style="display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid rgb(238, 240, 242); border-right: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 284 <svg data-dc-tpl="43" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="44" d="M6 3h9l4 4v14H6zM14 3v5h5M9 13h7M9 17h5"></path></svg> 285 <span data-dc-tpl="45" style="display: flex; flex-direction: column; gap: 3px;"><span data-dc-tpl="46" style="font-size: 15px; font-weight: 500;"><span class="sc-interp">Blog</span></span><span data-dc-tpl="47" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Notes on scraping & automation</span></span></span> 286 </a> 287 288 <a data-dc-tpl="42" href="/faq" class="scp1" style="display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid rgb(238, 240, 242); border-right: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 289 <svg data-dc-tpl="43" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="44" d="M9.5 9a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.7M12 17h.01M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"></path></svg> 290 <span data-dc-tpl="45" style="display: flex; flex-direction: column; gap: 3px;"><span data-dc-tpl="46" style="font-size: 15px; font-weight: 500;"><span class="sc-interp">FAQs</span></span><span data-dc-tpl="47" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Answers before you ask</span></span></span> 291 </a> 292 293 <a data-dc-tpl="42" href="/pricing" class="scp1" style="display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid rgb(238, 240, 242); border-right: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 294 <svg data-dc-tpl="43" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="44" d="M3 12V4h8l10 10-8 8zM7.5 7.5h.01"></path></svg> 295 <span data-dc-tpl="45" style="display: flex; flex-direction: column; gap: 3px;"><span data-dc-tpl="46" style="font-size: 15px; font-weight: 500;"><span class="sc-interp">Pricing</span></span><span data-dc-tpl="47" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Fixed builds or monthly plans</span></span></span> 296 </a> 297 298 <a data-dc-tpl="42" href="/contact" class="scp1" style="display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid rgb(238, 240, 242); border-right: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);"> 299 <svg data-dc-tpl="43" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="44" d="M21 3L10 14M21 3l-7 18-4-7-7-4z"></path></svg>
300 <span data-dc-tpl="45" style="display: flex; flex-direction: column; gap: 3px;"><span data-dc-tpl="46" style="font-size: 15px; font-weight: 500;"><span class="sc-interp">Contact</span></span><span data-dc-tpl="47" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Tell us about your project</span></span></span> 301 </a> 302 303 </div> 304 </div> 305 306 <div data-dc-tpl="48" data-lenis-prevent="" style="position: fixed; left: 50%; top: 76px; transform: translateX(-50%) translateY(-8px) scale(0.98); transform-origin: center top; opacity: 0; visibility: hidden; transition: opacity 0.22s, transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0.32s; width: calc(-24px + 100vw); max-height: calc(-92px + 100dvh); overflow-y: auto; background: rgb(243, 244, 246); border-radius: 20px; padding: 8px; box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 70px; color: rgb(24, 32, 43);"> 307 <div data-dc-tpl="49" style="background: rgb(255, 255, 255); border-radius: 20px; display: flex; flex-direction: column; overflow: hidden;"> 308 309 <a data-dc-tpl="51" href="/services" data-nav-m="" aria-current="false" style="display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43); font-size: 17px; font-weight: 500;"><span class="sc-interp">Services</span><svg data-dc-tpl="52" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#5B636E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto;"><path data-dc-tpl="53" d="M9 6l6 6-6 6"></path></svg></a> 310 311 <a data-dc-tpl="51" href="/work" data-nav-m="" aria-current="false" style="display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43); font-size: 17px; font-weight: 500;"><span class="sc-interp">Work</span><svg data-dc-tpl="52" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#5B636E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto;"><path data-dc-tpl="53" d="M9 6l6 6-6 6"></path></svg></a> 312 313 <a data-dc-tpl="51" href="/about" data-nav-m="" aria-current="false" style="display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43); font-size: 17px; font-weight: 500;"><span class="sc-interp">About</span><svg data-dc-tpl="52" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#5B636E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto;"><path data-dc-tpl="53" d="M9 6l6 6-6 6"></path></svg></a> 314 315 <a data-dc-tpl="51" href="/pricing" data-nav-m="" aria-current="false" style="display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43); font-size: 17px; font-weight: 500;"><span class="sc-interp">Pricing</span><svg data-dc-tpl="52" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#5B636E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto;"><path data-dc-tpl="53" d="M9 6l6 6-6 6"></path></svg></a> 316 317 <a data-dc-tpl="51" href="/contact" data-nav-m="" aria-current="false" style="display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43); font-size: 17px; font-weight: 500;"><span class="sc-interp">Contact</span><svg data-dc-tpl="52" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#5B636E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto;"><path data-dc-tpl="53" d="M9 6l6 6-6 6"></path></svg></a> 318 319 <div data-dc-tpl="54" style="display: flex; flex-wrap: wrap; gap: 4px 16px; padding: 14px 18px; font-size: 14px;"> 320 <a data-dc-tpl="56" href="/team" style="color: rgb(91, 99, 110);"><span class="sc-interp">Team</span></a><a data-dc-tpl="56" href="/industries" style="color: rgb(91, 99, 110);"><span class="sc-interp">Industries</span></a><a data-dc-tpl="56" href="/blog" style="color: rgb(91, 99, 110);"><span class="sc-interp">Blog</span></a><a data-dc-tpl="56" href="/faq" style="color: rgb(91, 99, 110);"><span class="sc-interp">FAQs</span></a> 321 </div> 322 </div> 323 <a data-dc-tpl="57" href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="margin-top: 8px; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 15px; border-radius: 12px; background: rgb(24, 32, 43); color: rgb(255, 255, 255); font-size: 15px; font-weight: 500;">Book a call â</a> 324 <a data-dc-tpl="58" href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20
324a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" target="_blank" rel="noopener" style="display: flex; justify-content: center; align-items: center; gap: 8px; padding: 14px; border-radius: 12px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); font-size: 15px; font-weight: 500;"><svg data-dc-tpl="59" width="17" height="17" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" style="color: rgb(21, 128, 61);"><path data-dc-tpl="60" d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.63.71.23 1.36.2 1.87.12.57-.08 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35zM12.05 21.8h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.82 9.82 0 0 1 2.89 6.99c0 5.45-4.43 9.88-9.88 9.88zm8.41-18.3A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45h.01c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41z"></path></svg>Chat on WhatsApp</a> 325 </div> 326 327 </div> 328 <a data-dc-tpl="61" href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" data-nav="wa" target="_blank" rel="noopener" aria-label="Chat with us on WhatsApp" title="Chat on WhatsApp" class="scp3" style="position: relative; isolation: isolate; flex: 0 0 auto; width: 34px; height: 34px; border-radius: 999px; display: grid; place-items: center; background: rgb(21, 128, 61); color: rgb(255, 255, 255); transition: background 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);"><svg data-dc-tpl="62" width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path data-dc-tpl="63" d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.63.71.23 1.36.2
3281.87.12.57-.08 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35zM12.05 21.8h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.82 9.82 0 0 1 2.89 6.99c0 5.45-4.43 9.88-9.88 9.88zm8.41-18.3A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45h.01c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41z"></path></svg></a> 329 <a data-dc-tpl="64" href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" data-nav="cta" class="scp4" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; background: rgb(255, 255, 255); color: rgb(24, 32, 43); padding: 5px 5px 5px 14px; border-radius: 999px; box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 4px; transition: box-shadow 0.25s;"><span data-dc-tpl="65" data-nav="dot" style="position: relative; height: 17px; flex: 0 0 auto; width: 8px; transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);"><span data-dc-tpl="66" style="position: absolute; left: 0px; top: 4.5px; width: 8px; height: 8px; opacity: 1; transform: scale(1); transition: opacity 0.25s, transform 0.3s;"><span data-dc-tpl="67" style="position: absolute; inset: 0px; border-radius: 50%; background: rgb(34, 197, 94); animation: 1.6s ease-out 0s infinite normal none running ping;"></span><span data-dc-tpl="68" style="position: absolute; inset: 0px; border-radius: 50%; background: rgb(34, 197, 94);"></span></span><span data-dc-tpl="69" style="position: absolute; left: 0px; top: 0px; display: block; line-height: 0; opacity: 0; transform: scale(0.3) rotate(-25deg); transform-origin: 30% 60%; transition: opacity 0.3s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);"><svg data-dc-tpl="70" viewBox="0 0 87.5 72" width="20" height="17" aria-hidden="true"><path data-dc-tpl="71" fill="#00832d" d="M49.5 36l8.53 9.75 11.47 7.33 2-17.02-2-16.64-11.69 6.44z"></path><path data-dc-tpl="72" fill="#0066da" d="M0 51.5V66c0 3.315 2.685 6 6 6h14.5l3-10.96-3-9.54-9.95-3z"></path><path data-dc-tpl="73" fill="#e94235" d="M20.5 0L0 20.5l10.55 3 9.95-3 2.95-9.41z"></path><path data-dc-tpl="74" fill="#2684fc" d="M20.5 20.5H0v31h20.5z"></path><path data-dc-tpl="75" fill="#00ac47" d="M82.6 8.68L69.5 19.42v33.66l13.16 10.79c1.97 1.54 4.85.135 4.85-2.37V11c0-2.535-2.945-3.925-4.91-2.32zM49.5 36v15.5h-29V72h43c3.315 0 6-2.685 6-6V53.08z"></path><path data-dc-tpl="76" fill="#ffba00" d="M63.5 0h-43v20.5h29V36l20-16.57V6c0-3.315-2.685-6-6-6z"></path></svg></span></span><span data-dc-tpl="77" style="white-space: nowrap;">Book a call</span><span data-dc-tpl="78" style="position: relative; width: 30px; height: 30px; border-radius: 50%; background: rgb(24, 32, 43); color: rgb(255, 255, 255); overflow: hidden; flex: 0 0 auto;"> 330 <span data-dc-tpl="79" style="position: absolute; inset: 0px; display: grid; place-items: center; font-size: 14px; opacity: 1; transform: translate(0px, 0px) scale(1); transition: opacity 0.3s, transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);"><svg data-dc-tpl="80" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="81" d="M7 17L17 7M8 7h9v9"></path></svg></span> 331 <span data-dc-tpl="82" style="position: absolute; inset: 0px; display: grid; place-items: center; opacity: 0; transform: translate(-12px, 12px) rotate(-45deg) scale(0.5); transition: opacity 0.25s, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);"><svg data-dc-tpl="83" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="84" d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8.1 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z"></path></svg></span> 332 </span></a> 333 <button data-dc-tpl="85" type="button" data-nav="burger" aria-label="Open menu" aria-expanded="false" style="display: none; place-items: center; width: 40px; height: 40px; flex: 0 0 auto; border: 0px; border-radius: 999px; background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); cursor: pointer;"><svg data-dc-tpl="86" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path data-dc-tpl="87" d="M4 7h16M4 12h16M4 17h16"></path></svg></button> 334 </nav> 335 </header> 336 <main data-dc-tpl="88" id="main"> 337 338 339 340 <section data-dc-tpl="90" id="top" style="position: relative; margin-top: -80px; padding: 166px 20px 40px; text-align: center;"> 341 <div data-dc-tpl="91" style="position: absolute; inset: 0px; pointer-events: none; overflow: hidden;"> 342 <div data-dc-tpl="92" style="position: absolute; left: -12%; top: -18%; width: 52%; height: 78%; border-radius: 50%; background: radial-gradient(closest-side, rgba(168, 182, 202, 0.55), rgba(168, 182, 202, 0.18) 55%, transparent);"></div> 343 <div data-dc-tpl="93" style="position: absolute; right: -10%; top: -24%; width: 62%; height: 86%; border-radius: 50%; background: radial-gradient(closest-side, rgba(24, 32, 43, 0.22), rgba(60, 74, 94, 0.1) 55%, transparent);"></div> 344 <div data-dc-tpl="94" style="position: absolute; left: 30%; top: -30%; width: 40%; height: 55%; border-radius: 50%; background: radial-gradient(closest-side, rgba(206, 214, 226, 0.6), transparent);"></div> 345 <div data-dc-tpl="95" style="position: absolute; inset: 0px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 45%, rgb(255, 255, 255) 92%);"></div> 346 </div> 347 <div data-dc-tpl="96" style="position: relative; max-width: 860px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; gap: 22px;"> 348 <div data-dc-tpl="97" style="display: flex; align-items: center; gap: 8px; font-size: 13px; color: rgb(91, 99, 110); background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); padding: 6px 14px 6px 8px; border-radius: 999px;">
349 <span data-dc-tpl="98" style="background: rgb(240, 241, 243); color: rgb(24, 32, 43); font-weight: 500; padding: 3px 9px; border-radius: 999px; font-size: 12px;">New</span> 350 Booking Q4 2026 projects 351 </div> 352 <h1 data-dc-tpl="99" style="margin: 0px; font-weight: 500; font-size: clamp(40px, 5.6vw, 72px); line-height: 1.04; letter-spacing: -0.035em; text-wrap: balance;">Your data partner for scraping, automation & SaaS products.</h1> 353 <p data-dc-tpl="100" style="margin: 0px; font-size: 18px; line-height: 1.55; color: rgb(91, 99, 110); max-width: 600px; text-wrap: pretty;">We turn messy web data into clean pipelines, and clean pipelines into products your customers pay for.</p> 354 <div data-dc-tpl="101" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 20px; font-size: 14px; color: rgb(53, 60, 71);"> 355 356 <span data-dc-tpl="103" style="display: flex; align-items: center; gap: 7px;"><span data-dc-tpl="104" style="width: 18px; height: 18px; border-radius: 50%; background: rgb(24, 32, 43); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 11px; font-weight: 700;">â</span><span class="sc-interp">Senior engineers only</span></span> 357 358 <span data-dc-tpl="103" style="display: flex; align-items: center; gap: 7px;"><span data-dc-tpl="104" style="width: 18px; height: 18px; border-radius: 50%; background: rgb(24, 32, 43); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 11px; font-weight: 700;">â</span><span class="sc-interp">Ship in weeks, not months</span></span> 359 360 <span data-dc-tpl="103" style="display: flex; align-items: center; gap: 7px;"><span data-dc-tpl="104" style="width: 18px; height: 18px; border-radius: 50%; background: rgb(24, 32, 43); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 11px; font-weight: 700;">â</span><span class="sc-interp">Monitoring included</span></span> 361 362 </div> 363 <div data-dc-tpl="105" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 6px;"> 364 <a data-dc-tpl="106" href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" class="scp5" style="background: rgb(24, 32, 43); color: rgb(255, 255, 255); padding: 14px 24px; border-radius: 999px; font-size: 15px; font-weight: 500; display: flex; align-items: center; gap: 10px;">Book a free call <span data-dc-tpl="107" style="width: 22px; height: 22px; border-radius: 50%; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center; font-size: 12px;">â</span></a> 365 <a data-dc-tpl="108" href="/#work" class="scp6" style="background: rgb(255, 255, 255); border: 1px solid rgb(221, 224, 228); padding: 14px 24px; border-radius: 999px; font-size: 15px; font-weight: 500;">See our work</a> 366 </div> 367 <div data-dc-tpl="109" data-r="proof" style="display: flex; align-items: center; gap: 12px; margin-top: 6px;"> 368 <div data-dc-tpl="110" style="display: flex; padding-left: 10px;"> 369 370 <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/65e3fcd7c34e8ffed623b1d08907976f-1619207353829/ff591810-8646-4d69-a3a4-617405c8f453.jpg"); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div> 371 372 <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/110f4fff726164f780b94ff9d60a8ec1-1624213898824/2b462463-e813-4728-8bae-8c46b8b53282.jpeg"); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div> 373 374 <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/d5b74f37aabb5bf397f928fa8ef83174-743836741596390704.906231/90ABB451-BF26-4D22-A958-08C501FE2C8B"); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div> 375 376 <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/profile/photos/33256108/original/600710_101
37651401161744070_286028602_n.jpg"); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div> 377 378 <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/33bc4173ea279a054c29d0d8f6b4ce07-1539806278747/28413816-05d1-4f97-a685-318a19b47623.jpg"); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div> 379 380 <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/profile/photos/1540103/original/aa.jpg"); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div> 381 382 <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/8fd94d7e384933f3b8ea57b47b1b0c2e-1707576894598/09d21929-1a00-45fd-bc51-18dd8ba8c9c4.jpeg"); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div> 383 384 <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/ac52a372ae434d3358e2f5a52a6c2b3a-1654792993352/8e493fba-1687-45c8-a286-1af0ef3a34e3.jpg"); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div> 385 386 <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1777579006404.jpg"); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div> 387 388 <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1652600318017.jpg"); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div> 389 390 </div> 391 <div data-dc-tpl="113" data-r="proof-text" style="font-size: 14px; line-height: 1.4; color: rgb(91, 99, 110); text-align: left;"><span data-dc-tpl="114" style="color: rgb(24, 32, 43); font-weight: 500;">Join founders who automated their data.</span><br data-dc-tpl="115">Your project could be next.</div> 392 </div> 393 </div> 394 395 <div data-dc-tpl="116" id="heroShots" data-m-hide="" style="position: relative; margin: 72px -20px 0px; overflow: auto hidden; scrollbar-width: none; cursor: grab; touch-action: pan-x pan-y;"> 396 <div data-dc-tpl="117" style="display: flex; gap: 16px; padding-right: 16px; width: max-content;"> 397 398 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-scraper-live-runs.webp" alt="Live scraper run monitor with progress, success rate, rows collected and recent runs" title="Live scraper run monitor with progress, success rate, rows collected and recent runs" loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 399 400 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-web-scraper-runs-dashboard.webp" alt="Web scraper dashboard showing pages scraped, success rate, a requests-per-hour chart, and a table of recent scraper runs." title="Web scraper dashboard showing pages scraped, success rate, a requests-per-hour chart, and a table of recent scraper runs." loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 401 402 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-automation-flow-canvas.webp" alt="Automation workflow canvas: scheduled trigger, scrape, clean, AI enrich, send to CRM and notify the team" title="Automation workflow canvas: scheduled trigger, scrape, clean, AI enrich, send to CRM and notify the team" loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 403 404 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-b2b-saas-leads-database.webp" alt="B2B lead list of US SaaS founders with verified emails, LinkedIn links, lead scores, and a detailed contact profile panel." title="B2B lead list of US SaaS founders with verified emails, LinkedIn links, lead scores, and a detailed contact profile panel." loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 405 406 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-python-scraper-code.webp" alt="Python Playwright scraper in a code editor with a terminal showing 2,431 rows saved" title="Python Playwright scraper in a code editor with a terminal showing 2,431 rows saved" loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 407 408 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-price-tracker-mobile-app.webp" alt="Mobile app screens tracking product prices, with a 90-day price history chart, store comparison, and price alerts." title="Mobile app screens tracking product prices, with a 90-day price history chart, store comparison, and price alerts." loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 409 410 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-google-maps-leads.webp" alt="Google Maps business leads pinned on a map and exported to a spreadsheet with verified emails" title="Google Maps business leads pinned on a map and exported to a spreadsheet with verified emails" loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 411 412 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-real-estate-listings-map.webp" alt="Real estate dashboard with scraped Austin home listings on an interactive map, property cards, and Excel export." title="Real estate dashboard with scraped Austin home listings on an interactive map, property cards, and Excel export." loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 413 414 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-ai-agent-steps.webp" alt="AI agent researching decision-makers step by step and writing 47 contacts to the CRM" title="AI agent researching decision-makers step by step and writing 47 contacts to the CRM" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 415 416 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-ecommerce-product-catalog-sync.webp" alt="Product catalog of 42,380 SKUs with category filters, product cards, stock status, and a push-to-store sync button." title="Product catalog of 42,380 SKUs with category filters, product cards, stock status, and a push-to-store sync button." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 417 418 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-product-extraction.webp" alt="E-commerce product page with fields highlighted and extracted into clean JSON" title="E-commerce product page with fields highlighted and extracted into clean JSON" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 419 420 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-google-maps-lead-automation.webp" alt="Workflow builder scraping Google Maps businesses, filtering by rating, finding emails, and sending leads to Sheets and Slack." title="Workflow builder scraping Google Maps businesses, filtering by rating, finding emails, and sending leads to Sheets and Slack." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 421 422 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-crm-pipeline.webp" alt="CRM pipeline board receiving automatically enriched leads" title="CRM pipeline board receiving automatically enriched leads" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 423 424 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-ai-scraping-agent-chat.webp" alt="AI chat agent finding 200 Texas dental clinics with emails, showing task progress, a results preview, and CSV download." title="AI chat agent finding 200 Texas dental clinics with emails, showing task progress, a results preview, and CSV download." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 425 426 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-real-estate-listings.webp" alt="Messy property listings turned into a clean structured dataset" title="Messy property listings turned into a clean structured dataset" loadi
426ng="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 427 428 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-business-leads-spreadsheet-delivery.webp" alt="Spreadsheet of 15,420 local business leads with category, phone, email, website, ratings, and city, delivered with no duplicates." title="Spreadsheet of 15,420 local business leads with category, phone, email, website, ratings, and city, delivered with no duplicates." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 429 430 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-slack-report.webp" alt="Automated weekly price report posted to the team chat with a spreadsheet attached" title="Automated weekly price report posted to the team chat with a spreadsheet attached" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 431 432 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-social-creator-insights-dashboard.webp" alt="Creator analytics dashboard comparing Instagram, TikTok, and YouTube creators with engagement trends and top posts." title="Creator analytics dashboard comparing Instagram, TikTok, and YouTube creators with engagement trends and top posts." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 433 434 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-data-notebook.webp" alt="Data-cleaning notebook removing duplicate rows, from 10,482 to 9,917" title="Data-cleaning notebook removing duplicate rows, from 10,482 to 9,917" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 435 436 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-competitor-pricing-heatmap.webp" alt="Competitor pricing heatmap comparing product prices across 12 retailers, with a price gap chart and top opportunities." title="Competitor pricing heatmap comparing product prices across 12 retailers, with a price gap chart and top opportunities." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 437 438 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-rag-knowledge-base.webp" alt="Company documents turned into a knowledge base that answers questions with sources" title="Company documents turned into a knowledge base that answers questions with sources" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 439 440 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-python-playwright-scraper-code.webp" alt="Code editor showing a Python Playwright web scraper, JSON output of listings, and a terminal with live scraping progress." title="Code editor showing a Python Playwright web scraper, JSON output of listings, and a terminal with live scraping progress." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 441 442 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-verified-email-list.webp" alt="Verified B2B lead list with email status and a 1.2% bounce rate" title="Verified B2B lead list with email status and a 1.2% bounce rate" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 443 444 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-hotel-price-comparison-lisbon.webp" alt="Hotel rate comparison for Lisbon showing prices across booking sites, a 30-day rate trend chart, and a hotel map." title="Hotel rate comparison for Lisbon showing prices across booking sites, a 30-day rate trend chart, and a hotel map." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 445 446 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-monitoring-alerts.webp" alt="Pipeline monitoring dashboard with 30-day uptime and an auto-repaired layout change" title="Pipeline monitoring dashboard with 30-day uptime and an auto-repaired layout change" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 447 448 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-remote-job-board-scraper.webp" alt="Job search app on laptop and phone listing remote Python developer jobs aggregated from job boards and company sites." title="Job search app on laptop and phone listing remote Python developer jobs aggregated from job boards and company sites." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 449 450 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-inbox-automation.webp" alt="Email inbox automatically sorted into leads, invoices, support and spam" title="Email inbox automatically sorted into leads, invoices, support and spam" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 451 452 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 3 / 4; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-agent-lead-workflow-vertical.webp" alt="Vertical workflow scraping a real estate agent directory weekly, cleaning data, and routing verified emails to HubSpot or phones to Sheets." title="Vertical workflow scraping a real estate agent directory weekly, cleaning data, and routing verified emails to HubSpot or phones to Sheets." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 453 454 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-api-endpoint.webp" alt="REST API endpoint returning product data as JSON with latency and uptime stats" title="REST API endpoint returning product data as JSON with latency and uptime stats" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 455 456 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-email-extraction-crm-workflow.webp" alt="Automation canvas that scrapes websites from new sheet rows, extracts and verifies emails, and pushes contacts to a CRM." title="Automation canvas that scrapes websites from new sheet rows, extracts and verifies emails, and pushes contacts to a CRM." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 457 458 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-review-sentiment.webp" alt="AI classifying 12,480 customer reviews by sentiment and topic" title="AI classifying 12,480 customer reviews by sentiment and topic" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 459 460 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-dark-workflow-scraping-pipeline.webp" alt="Dark workflow editor running a daily HTTP scrape, HTML extraction, deduplication, email check, and Google Sheets append." title="Dark workflow editor running a daily HTTP scrape, HTML extraction, deduplication, email check, and Google Sheets append." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 461 462 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-scheduled-jobs.webp" alt="Weekly schedule of recurring data jobs with the job running now highlighted" title="Weekly schedule of recurring data jobs with the job running now highlighted" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 463 464 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-ai-agent-workflow-canvas.webp" alt="AI agent workflow canvas with chat trigger, memory, web scraper, email finder, and Google Sheets tools, plus a test chat panel." title="AI agent workflow canvas with chat trigger, memory, web scraper, email finder, and Google Sheets tools, plus a test chat panel." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 465 466 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-saas-dashboard.webp" alt="Price tracker SaaS dashboard on web and mobile with price-drop alerts" title="Price tracker SaaS dashboard on web and mobile with price-drop alerts" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 467 468 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-website-
468contact-extraction-pipeline.webp" alt="Pipeline fetching websites, parsing content, extracting contacts into a table, normalizing data, and saving to a CRM." title="Pipeline fetching websites, parsing content, extracting contacts into a table, normalizing data, and saving to a CRM." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 469 470 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-url-scraper-error-handling.webp" alt="Workflow looping over URLs to scrape pages with retries, Telegram error alerts, sheet logging, and Postgres inserts." title="Workflow looping over URLs to scrape pages with retries, Telegram error alerts, sheet logging, and Postgres inserts." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 471 472 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-agent-lead-workflow-horizontal.webp" alt="Horizontal workflow scraping an agent directory, deduping, verifying emails into HubSpot, or finding phones for Google Sheets." title="Horizontal workflow scraping an agent directory, deduping, verifying emails into HubSpot, or finding phones for Google Sheets." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 473 474 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-scraper-live-runs.webp" alt="Live scraper run monitor with progress, success rate, rows collected and recent runs" title="Live scraper run monitor with progress, success rate, rows collected and recent runs" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 475 476 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-web-scraper-runs-dashboard.webp" alt="Web scraper dashboard showing pages scraped, success rate, a requests-per-hour chart, and a table of recent scraper runs." title="Web scraper dashboard showing pages scraped, success rate, a requests-per-hour chart, and a table of recent scraper runs." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 477 478 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-automation-flow-canvas.webp" alt="Automation workflow canvas: scheduled trigger, scrape, clean, AI enrich, send to CRM and notify the team" title="Automation workflow canvas: scheduled trigger, scrape, clean, AI enrich, send to CRM and notify the team" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 479 480 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-b2b-saas-leads-database.webp" alt="B2B lead list of US SaaS founders with verified emails, LinkedIn links, lead scores, and a detailed contact profile panel." title="B2B lead list of US SaaS founders with verified emails, LinkedIn links, lead scores, and a detailed contact profile panel." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 481 482 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-python-scraper-code.webp" alt="Python Playwright scraper in a code editor with a terminal showing 2,431 rows saved" title="Python Playwright scraper in a code editor with a terminal showing 2,431 rows saved" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 483 484 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-price-tracker-mobile-app.webp" alt="Mobile app screens tracking product prices, with a 90-day price history chart, store comparison, and price alerts." title="Mobile app screens tracking product prices, with a 90-day price history chart, store comparison, and price alerts." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 485 486 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-google-maps-leads.webp" alt="Google Maps business leads pinned on a map and exported to a spreadsheet with verified emails" title="Google Maps business leads pinned on a map and exported to a spreadsheet with verified emails" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 487 488 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-real-estate-listings-map.webp" alt="Real estate dashboard with scraped Austin home listings on an interactive map, property cards, and Excel export." title="Real estate dashboard with scraped Austin home listings on an interactive map, property cards, and Excel export." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 489 490 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-ai-agent-steps.webp" alt="AI agent researching decision-makers step by step and writing 47 contacts to the CRM" title="AI agent researching decision-makers step by step and writing 47 contacts to the CRM" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 491 492 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-ecommerce-product-catalog-sync.webp" alt="Product catalog of 42,380 SKUs with category filters, product cards, stock status, and a push-to-store sync button." title="Product catalog of 42,380 SKUs with category filters, product cards, stock status, and a push-to-store sync button." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 493 494 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-product-extraction.webp" alt="E-commerce product page with fields highlighted and extracted into clean JSON" title="E-commerce product page with fields highlighted and extracted into clean JSON" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 495 496 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-google-maps-lead-automation.webp" alt="Workflow builder scraping Google Maps businesses, filtering by rating, finding emails, and sending leads to Sheets and Slack." title="Workflow builder scraping Google Maps businesses, filtering by rating, finding emails, and sending leads to Sheets and Slack." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 497 498 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-crm-pipeline.webp" alt="CRM pipeline board receiving automatically enriched leads" title="CRM pipeline board receiving automatically enriched leads" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 499 500 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-ai-scraping-agent-chat.webp" alt="AI chat agent finding 200 Texas dental clinics with emails, showing task progress, a results preview, and CSV download." title="AI chat agent finding 200 Texas dental clinics with emails, showing task progress, a results preview, and CSV download." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 501 502 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-real-estate-listings.webp" alt="Messy property listings turned into a clean structured dataset" title="Messy property listings turned into a clean structured dataset" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 503 504 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-business-leads-spreadsheet-delivery.webp" alt="Spreadsheet of 15,420 local business leads with category, phone, email, website, ratings, and city, delivered with no duplicates." title="Spreadsheet of 15,420 local business leads with category, phone, email, website, ratings, and city, delivered with no duplicates." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 505 506 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-slack-report.webp" alt="Automated weekly price report posted to the team chat with a spreadsheet attached" title="Automated weekly price report posted to the team chat with a spreadsheet attached" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 507 508 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-social-creator-insights-dashboard.webp" alt="Creator analytics dashboard comparing Instagram, TikTok, and YouTube creators with engagement trends and top posts." title="Creator analytics dashboard comparing Instagram, TikTok, and YouTube creators with engagement trends and top posts." loading="lazy" decoding="async" draggable="false" class="scp8" style="display:
508 block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 509 510 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-data-notebook.webp" alt="Data-cleaning notebook removing duplicate rows, from 10,482 to 9,917" title="Data-cleaning notebook removing duplicate rows, from 10,482 to 9,917" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 511 512 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-competitor-pricing-heatmap.webp" alt="Competitor pricing heatmap comparing product prices across 12 retailers, with a price gap chart and top opportunities." title="Competitor pricing heatmap comparing product prices across 12 retailers, with a price gap chart and top opportunities." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 513 514 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-rag-knowledge-base.webp" alt="Company documents turned into a knowledge base that answers questions with sources" title="Company documents turned into a knowledge base that answers questions with sources" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 515 516 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-python-playwright-scraper-code.webp" alt="Code editor showing a Python Playwright web scraper, JSON output of listings, and a terminal with live scraping progress." title="Code editor showing a Python Playwright web scraper, JSON output of listings, and a terminal with live scraping progress." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 517 518 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-verified-email-list.webp" alt="Verified B2B lead list with email status and a 1.2% bounce rate" title="Verified B2B lead list with email status and a 1.2% bounce rate" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 519 520 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-hotel-price-comparison-lisbon.webp" alt="Hotel rate comparison for Lisbon showing prices across booking sites, a 30-day rate trend chart, and a hotel map." title="Hotel rate comparison for Lisbon showing prices across booking sites, a 30-day rate trend chart, and a hotel map." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 521 522 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-monitoring-alerts.webp" alt="Pipeline monitoring dashboard with 30-day uptime and an auto-repaired layout change" title="Pipeline monitoring dashboard with 30-day uptime and an auto-repaired layout change" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 523 524 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-remote-job-board-scraper.webp" alt="Job search app on laptop and phone listing remote Python developer jobs aggregated from job boards and company sites." title="Job search app on laptop and phone listing remote Python developer jobs aggregated from job boards and company sites." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 525 526 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-inbox-automation.webp" alt="Email inbox automatically sorted into leads, invoices, support and spam" title="Email inbox automatically sorted into leads, invoices, support and spam" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 527 528 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 3 / 4; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-agent-lead-workflow-vertical.webp" alt="Vertical workflow scraping a real estate agent directory weekly, cleaning data, and routing verified emails to HubSpot or phones to Sheets." title="Vertical workflow scraping a real estate agent directory weekly, cleaning data, and routing verified emails to HubSpot or phones to Sheets." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 529 530 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-api-endpoint.webp" alt="REST API endpoint returning product data as JSON with latency and uptime stats" title="REST API endpoint returning product data as JSON with latency and uptime stats" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 531 532 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-email-extraction-crm-workflow.webp" alt="Automation canvas that scrapes websites from new sheet rows, extracts and verifies emails, and pushes contacts to a CRM." title="Automation canvas that scrapes websites from new sheet rows, extracts and verifies emails, and pushes contacts to a CRM." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 533 534 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-review-sentiment.webp" alt="AI classifying 12,480 customer reviews by sentiment and topic" title="AI classifying 12,480 customer reviews by sentiment and topic" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 535 536 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-dark-workflow-scraping-pipeline.webp" alt="Dark workflow editor running a daily HTTP scrape, HTML extraction, deduplication, email check, and Google Sheets append." title="Dark workflow editor running a daily HTTP scrape, HTML extraction, deduplication, email check, and Google Sheets append." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 537 538 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-scheduled-jobs.webp" alt="Weekly schedule of recurring data jobs with the job running now highlighted" title="Weekly schedule of recurring data jobs with the job running now highlighted" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 539 540 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-ai-agent-workflow-canvas.webp" alt="AI agent workflow canvas with chat trigger, memory, web scraper, email finder, and Google Sheets tools, plus a test chat panel." title="AI agent workflow canvas with chat trigger, memory, web scraper, email finder, and Google Sheets tools, plus a test chat panel." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 541 542 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-saas-dashboard.webp" alt="Price tracker SaaS dashboard on web and mobile with price-drop alerts" title="Price tracker SaaS dashboard on web and mobile with price-drop alerts" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 543 544 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-website-contact-extraction-pipeline.webp" alt="Pipeline fetching websites, parsing content, extracting contacts into a table, normalizing data, and saving to a CRM." title="Pipeline fetching websites, parsing content, extracting contacts into a table, normalizing data, and saving to a CRM." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 545 546 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-url-scraper-error-handling.webp" alt="Workflow looping over URLs to scrape pages with retries, Telegram error alerts, sheet logging, and Postgres inserts." title="Workflow looping over URLs to scrape pages with retries, Telegram error alerts, sheet logging, and Postgres inserts." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 547 548 <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-agent-lead-workflow-horizontal.webp" alt="Horizontal workflow scraping an agent directory, deduping, verifying emails into HubSpot, or finding phones for Google Sheets." title="Horizontal workflow scraping an agent directory, deduping, verifying emails into HubSpot, or finding phones for Google Sheets." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div> 549 550 </div> 551 </div> 552 <div data-dc-tpl="121" data-m-hide="" style="display: flex; justify-content: center; gap: 10px; margin-top: 20px;"><button data-dc-tpl="122" type="button" aria-label="Previous" class="scp9" style="width: 44px; height: 44px; border-radius: 999px; border: 1px solid rgb(230, 232, 235); background:
552 rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center; cursor: pointer; transition: background 0.2s, transform 0.2s;"><svg data-dc-tpl="123" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="124" d="M15 18l-6-6 6-6"></path></svg></button><button data-dc-tpl="125" type="button" aria-label="Next" class="scp9" style="width: 44px; height: 44px; border-radius: 999px; border: 1px solid rgb(230, 232, 235); background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center; cursor: pointer; transition: background 0.2s, transform 0.2s;"><svg data-dc-tpl="126" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="127" d="M9 18l6-6-6-6"></path></svg></button></div> 553 </section> 554 555 556 <section data-dc-tpl="128" id="who" style="padding: 80px 20px 24px; max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 40px;"> 557 <div data-dc-tpl="129" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 14px 48px;"> 558 <h2 data-dc-tpl="130" style="margin: 0px; font-weight: 500; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.03em; line-height: 1.08; text-wrap: balance; max-width: 640px;">Who we help</h2> 559 <p data-dc-tpl="131" style="margin: 0px 0px 6px; font-size: 16.5px; line-height: 1.6; color: rgb(91, 99, 110); max-width: 380px; text-wrap: pretty;">If one of these sounds like you, we have probably solved it before.</p> 560 </div> 561 <div data-dc-tpl="132" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); column-gap: 48px; border-top: 1px solid rgb(230, 232, 235);"> 562 563 <a data-dc-tpl="134" href="/services/real-estate-data-scraping" class="scpa" style="display: flex; gap: 16px; align-items: flex-start; padding: 22px 8px; border-bottom: 1px solid rgb(230, 232, 235); color: rgb(24, 32, 43); transition: background 0.25s;"> 564 <span data-dc-tpl="135" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(240, 241, 243); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="136" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="137" d="M3 11l9-7 9 7M5 10v10h14V10M10 20v-6h4v6"></path></svg></span> 565 <span data-dc-tpl="138" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"><span data-dc-tpl="139" style="font-size: 17px; font-weight: 500; letter-spacing: -0.01em;"><span class="sc-interp">Real estate</span></span><span data-dc-tpl="140" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110); text-wrap: pretty;">â<span class="sc-interp">I scroll listing sites every day looking for the right deal.</span>â</span></span> 566 <span data-dc-tpl="141" aria-hidden="true" style="flex: 0 0 auto; margin-top: 8px; color: rgb(91, 99, 110);">â</span> 567 </a> 568 569 <a data-dc-tpl="134" href="/services/web-scraping" class="scpa" style="display: flex; gap: 16px; align-items: flex-start; padding: 22px 8px; border-bottom: 1px solid rgb(230, 232, 235); color: rgb(24, 32, 43); transition: background 0.25s;"> 570 <span data-dc-tpl="135" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(240, 241, 243); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="136" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="137" d="M5 8h14l-1 12H6zM9 8V6a3 3 0 0 1 6 0v2"></path></svg></span> 571 <span data-dc-tpl="138" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"><span data-dc-tpl="139" style="font-size: 17px; font-weight: 500; letter-spacing: -0.01em;"><span class="sc-interp">Online shops</span></span><span data-dc-tpl="140" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110); text-wrap: pretty;">â<span class="sc-interp">I check competitor prices by hand and always find out too late.</span>â</span></span>
572 <span data-dc-tpl="141" aria-hidden="true" style="flex: 0 0 auto; margin-top: 8px; color: rgb(91, 99, 110);">â</span> 573 </a> 574 575 <a data-dc-tpl="134" href="/services/cold-email-lists" class="scpa" style="display: flex; gap: 16px; align-items: flex-start; padding: 22px 8px; border-bottom: 1px solid rgb(230, 232, 235); color: rgb(24, 32, 43); transition: background 0.25s;"> 576 <span data-dc-tpl="135" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(240, 241, 243); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="136" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="137" d="M3 11v2a1 1 0 0 0 1 1h3l6 4V6L7 10H4a1 1 0 0 0-1 1zM17 9a4 4 0 0 1 0 6M20 6a8 8 0 0 1 0 12"></path></svg></span> 577 <span data-dc-tpl="138" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"><span data-dc-tpl="139" style="font-size: 17px; font-weight: 500; letter-spacing: -0.01em;"><span class="sc-interp">Marketing agencies</span></span><span data-dc-tpl="140" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110); text-wrap: pretty;">â<span class="sc-interp">Our clients want leads and reports, and my team builds them by hand.</span>â</span></span> 578 <span data-dc-tpl="141" aria-hidden="true" style="flex: 0 0 auto; margin-top: 8px; color: rgb(91, 99, 110);">â</span> 579 </a> 580 581 <a data-dc-tpl="134" href="/services/b2b-lead-lists" class="scpa" style="display: flex; gap: 16px; align-items: flex-start; padding: 22px 8px; border-bottom: 1px solid rgb(230, 232, 235); color: rgb(24, 32, 43); transition: background 0.25s;"> 582 <span data-dc-tpl="135" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(240, 241, 243); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="136" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="137" d="M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6"></path></svg></span> 583 <span data-dc-tpl="138" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"><span data-dc-tpl="139" style="font-size: 17px; font-weight: 500; letter-spacing: -0.01em;"><span class="sc-interp">Sales teams</span></span><span data-dc-tpl="140" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110); text-wrap: pretty;">â<span class="sc-interp">We spend hours finding the right person to contact.</span>â</span></span> 584 <span data-dc-tpl="141" aria-hidden="true" style="flex: 0 0 auto; margin-top: 8px; color: rgb(91, 99, 110);">â</span> 585 </a> 586 587 <a data-dc-tpl="134" href="/services/saas-development" class="scpa" style="display: flex; gap: 16px; align-items: flex-start; padding: 22px 8px; border-bottom: 1px solid rgb(230, 232, 235); color: rgb(24, 32, 43); transition: background 0.25s;"> 588 <span data-dc-tpl="135" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(240, 241, 243); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="136" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="137" d="M9 18h6M10 21h4M12 3a6 6 0 0 0-4 10.5c.7.7 1 1.5 1 2.5h6c0-1 .3-1.8 1-2.5A6 6 0 0 0 12 3z"></path></svg></span> 589 <span data-dc-tpl="138" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"><span data-dc-tpl="139" style="font-size: 17px; font-weight: 500; letter-spacing: -0.01em;"><span class="sc-interp">Startups</span></span><span data-dc-tpl="140" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110); text-wrap: pretty;">â<span class="sc-interp">I have an idea for an app, or a half-built one that keeps breaking.</span>â</span></span>
590 <span data-dc-tpl="141" aria-hidden="true" style="flex: 0 0 auto; margin-top: 8px; color: rgb(91, 99, 110);">â</span> 591 </a> 592 593 <a data-dc-tpl="134" href="/services/ai-model-datasets" class="scpa" style="display: flex; gap: 16px; align-items: flex-start; padding: 22px 8px; border-bottom: 1px solid rgb(230, 232, 235); color: rgb(24, 32, 43); transition: background 0.25s;"> 594 <span data-dc-tpl="135" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(240, 241, 243); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="136" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="137" d="M9 3h6M10 3v6l-5.5 9.5A1.7 1.7 0 0 0 6 21h12a1.7 1.7 0 0 0 1.5-2.5L14 9V3M7 15h10"></path></svg></span> 595 <span data-dc-tpl="138" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"><span data-dc-tpl="139" style="font-size: 17px; font-weight: 500; letter-spacing: -0.01em;"><span class="sc-interp">Researchers & AI teams</span></span><span data-dc-tpl="140" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110); text-wrap: pretty;">â<span class="sc-interp">I need a large, clean dataset and collecting it would take months.</span>â</span></span> 596 <span data-dc-tpl="141" aria-hidden="true" style="flex: 0 0 auto; margin-top: 8px; color: rgb(91, 99, 110);">â</span> 597 </a> 598 599 </div> 600 </section> 601 602 603 <section data-dc-tpl="142" style="padding: 64px 0px; display: flex; flex-direction: column; align-items: center; gap: 22px;"> 604 <div data-dc-tpl="143" style="display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0px 20px; text-align: center;"><div data-dc-tpl="144" style="font-size: 15px; font-weight: 500; color: rgb(24, 32, 43);">Works with the tools you already use</div><div data-dc-tpl="145" style="font-size: 13px; color: rgb(91, 99, 110);">Excel, Google Sheets, HubSpot, Airtable, Notion and more. No need to learn anything new.</div></div> 605 <div data-dc-tpl="146" style="width: 100%; display: flex; flex-direction: column; gap: 12px;"> 606 <div data-dc-tpl="147" style="width: 100%; overflow: hidden; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 7%, rgb(0, 0, 0) 93%, transparent);"> 607 <div data-dc-tpl="148" style="display: flex; gap: 12px; padding-right: 12px; width: max-content; animation: 80s linear 0s infinite normal none running marq;"> 608 609 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://apify.com/favicon.ico"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Apify</span></span></div> 610 611 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/python"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Python</span></span></div> 612 613 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/typescript"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">TypeScript</span></span></div> 614 615 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/nodedotjs"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Node.js</span></span></div> 616 617 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/puppeteer"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Puppeteer</span></span></div> 618 619 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/selenium"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Selenium</span></span></div> 620 621 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/scrapy"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Scrapy</span></span></div> 622 623 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/n8n"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">n8n</span></span></div> 624 625 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/make"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Make</span></span></div> 626 627 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/zapier"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">
627Zapier</span></span></div> 628 629 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/googlesheets"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Google Sheets</span></span></div> 630 631 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/airtable"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Airtable</span></span></div> 632 633 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/notion"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Notion</span></span></div> 634 635 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://apify.com/favicon.ico"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Apify</span></span></div> 636 637 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/python"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Python</span></span></div> 638 639 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/typescript"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">TypeScript</span></span></div> 640 641 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/nodedotjs"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Node.js</span></span></div> 642 643 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/puppeteer"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Puppeteer</span></span></div> 644 645 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/selenium"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Selenium</span></span></div> 646 647 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/scrapy"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Scrapy</span></span></div> 648 649 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/n8n"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">n8n</span></span></div> 650 651 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/make"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Make</span></span></div> 652 653 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/zapier"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">
653Zapier</span></span></div> 654 655 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/googlesheets"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Google Sheets</span></span></div> 656 657 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/airtable"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Airtable</span></span></div> 658 659 <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/notion"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Notion</span></span></div> 660 661 </div> 662 </div> 663 <div data-dc-tpl="153" style="width: 100%; overflow: hidden; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 7%, rgb(0, 0, 0) 93%, transparent);"> 664 <div data-dc-tpl="154" style="display: flex; gap: 12px; padding-right: 12px; width: max-content; animation: 100s linear 0s infinite normal none running marq;"> 665 666 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/nextdotjs"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Next.js</span></span></div> 667 668 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/react"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">React</span></span></div> 669 670 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/fastapi"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">FastAPI</span></span></div> 671 672 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/postgresql"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">PostgreSQL</span></span></div> 673 674 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/supabase"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Supabase</span></span></div> 675 676 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/mongodb"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">MongoDB</span></span></div> 677 678 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/redis"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Redis</span></span></div> 679 680 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/docker"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">
680Docker</span></span></div> 681 682 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/googlecloud"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Google Cloud</span></span></div> 683 684 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/cloudflare"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Cloudflare</span></span></div> 685 686 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/vercel"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Vercel</span></span></div> 687 688 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/stripe"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Stripe</span></span></div> 689 690 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/hubspot"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">HubSpot</span></span></div> 691 692 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/github"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">GitHub</span></span></div> 693 694 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/nextdotjs"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Next.js</span></span></div> 695 696 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/react"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">React</span></span></div> 697 698 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/fastapi"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">FastAPI</span></span></div> 699 700 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/postgresql"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">PostgreSQL</span></span></div> 701 702 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/supabase"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Supabase</span></span></div> 703 704 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/mongodb"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">MongoDB</span></span></div> 705 706 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/redis"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Redis</span></span></div> 707 708 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/docker"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">
708Docker</span></span></div> 709 710 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/googlecloud"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Google Cloud</span></span></div> 711 712 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/cloudflare"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Cloudflare</span></span></div> 713 714 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/vercel"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Vercel</span></span></div> 715 716 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/stripe"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Stripe</span></span></div> 717 718 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/hubspot"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">HubSpot</span></span></div> 719 720 <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("https://cdn.simpleicons.org/github"); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">GitHub</span></span></div> 721 722 </div> 723 </div> 724 </div> 725 </section> 726 727 728 <section data-dc-tpl="159" id="services" data-m-hide="" style="padding: 80px 20px; max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 48px;"> 729 <div data-dc-tpl="160" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 14px 48px;"> 730 <h2 data-dc-tpl="161" style="margin: 0px; font-weight: 500; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.03em; line-height: 1.08; text-wrap: balance; max-width: 640px;">Three ways we save you time</h2> 731 <p data-dc-tpl="162" style="margin: 0px 0px 6px; font-size: 16.5px; line-height: 1.6; color: rgb(91, 99, 110); max-width: 380px; text-wrap: pretty;">Pick one, or let us handle all three.</p> 732 </div> 733 <div data-dc-tpl="163" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 32px 16px; align-items: start;"> 734 735 <div data-dc-tpl="165" style="display: flex; flex-direction: column; gap: 12px;"> 736 <h3 data-dc-tpl="166" style="margin: 0px 0px 4px; font-size: 18px; font-weight: 600; letter-spacing: -0.01em;"><span class="sc-interp">Get the information you need</span></h3> 737 738 <a data-dc-tpl="168" href="/services/web-scraping" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;">
739 <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M4 6h16M4 12h10M4 18h7M17 15l3 3-3 3"></path></svg></span> 740 <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"> 741 <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">Collect information from any website</span></span> 742 <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Web scraping</span></span> 743 <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more â</span> 744 </span> 745 </a> 746 747 <a data-dc-tpl="168" href="/services/data-pipelines" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;"> 748 <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M12 3c5 0 8 1.5 8 3s-3 3-8 3-8-1.5-8-3 3-3 8-3zM4 6v6c0 1.5 3 3 8 3s8-1.5 8-3V6M4 12v6c0 1.5 3 3 8 3s8-1.5 8-3v-6"></path></svg></span> 749 <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"> 750 <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">All your data, cleaned, in one place</span></span> 751 <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Data pipelines</span></span> 752 <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more â</span> 753 </span> 754 </a> 755 756 <a data-dc-tpl="168" href="/services/maintenance" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;"> 757 <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z"></path></svg></span> 758 <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"> 759 <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">Monitoring & alerts, fixed if a website changes</span></span> 760 <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Monitoring & upkeep</span></span> 761 <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more â</span> 762 </span> 763 </a> 764 765 </div> 766 767 <div data-dc-tpl="165" style="display: flex; flex-direction: column; gap: 12px;"> 768 <h3 data-dc-tpl="166" style="margin: 0px 0px 4px; font-size: 18px; font-weight: 600; letter-spacing: -0.01em;"><span class="sc-interp">Find more customers</span></h3> 769 770 <a data-dc-tpl="168" href="/services/b2b-lead-lists" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;">
771 <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6M19 3l2 2-2 2M21 5h-5"></path></svg></span> 772 <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"> 773 <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">Get a list of potential customers</span></span> 774 <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">B2B & B2C lead generation</span></span> 775 <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more â</span> 776 </span> 777 </a> 778 779 <a data-dc-tpl="168" href="/services/ai-agent-development" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;"> 780 <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M12 3v3M8 6h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3zM9.5 11.5h.01M14.5 11.5h.01M9.5 15h5M2 12h3M19 12h3"></path></svg></span> 781 <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"> 782 <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">AI agents that research leads for you</span></span> 783 <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">AI agent development</span></span> 784 <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more â</span> 785 </span> 786 </a> 787 788 <a data-dc-tpl="168" href="/services/ai-chatbots" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;"> 789 <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M4 5h16v11H9l-5 4zM8 10h8M8 13h5"></path></svg></span> 790 <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"> 791 <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">A smart assistant that answers your customers 24/7</span></span> 792 <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">AI chatbots & assistants</span></span> 793 <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more â</span> 794 </span> 795 </a> 796 797 </div> 798 799 <div data-dc-tpl="165" style="display: flex; flex-direction: column; gap: 12px;"> 800 <h3 data-dc-tpl="166" style="margin: 0px 0px 4px; font-size: 18px; font-weight: 600; letter-spacing: -0.01em;"><span class="sc-interp">Stop doing it by hand, or build your own product</span></h3> 801 802 <a data-dc-tpl="168" href="/services/saas-development" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;">
803 <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M3 5h18v12H3zM8 21h8M12 17v4"></path></svg></span> 804 <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"> 805 <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">Build your own SaaS product, from MVP to paying users</span></span> 806 <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">SaaS development</span></span> 807 <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more â</span> 808 </span> 809 </a> 810 811 <a data-dc-tpl="168" href="/services/api-development" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;"> 812 <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M8 8l-4 4 4 4M16 8l4 4-4 4M14 5l-4 14"></path></svg></span> 813 <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"> 814 <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">Custom APIs that connect your systems and partners</span></span> 815 <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">API development</span></span> 816 <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more â</span> 817 </span> 818 </a> 819 820 <a data-dc-tpl="168" href="/services/rag-knowledge-bases" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;"> 821 <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M9 4a3 3 0 0 0-3 3 3 3 0 0 0-2 5 3 3 0 0 0 2 5 3 3 0 0 0 3 3h1V4zM15 4a3 3 0 0 1 3 3 3 3 0 0 1 2 5 3 3 0 0 1-2 5 3 3 0 0 1-3 3h-1V4z"></path></svg></span> 822 <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"> 823 <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">AI that answers from your own documents</span></span> 824 <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">RAG & knowledge bases</span></span> 825 <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more â</span> 826 </span> 827 </a> 828 829 </div> 830 831 </div> 832 </section> 833 834 835 <section data-dc-tpl="176" id="process" style="margin: 40px 0px; padding: 96px 20px; background: rgb(245, 246, 247);"> 836 <div data-dc-tpl="177" style="max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 56px;"> 837 <div data-dc-tpl="178" style="text-align: center; display: flex; flex-direction: column; gap: 12px; align-items: center;"> 838 839 <h2 data-dc-tpl="179" style="margin: 0px; font-weight: 500; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.03em; text-wrap: balance;">Three simple steps</h2> 840 </div> 841 <figure data-dc-tpl="180" style="margin: 0px auto; width: 100%; max-width: 920px; aspect-ratio: 16 / 9; border-radius: 28px; overflow: hidden; background: rgb(230, 232, 235);
841 box-shadow: rgba(24, 32, 43, 0.1) 0px 24px 60px;"><img data-dc-tpl="181" src="https://images.bigibyte.com/cdn-cgi/image/width=1600,height=900,fit=cover,quality=80,format=auto/projects/how-it-works-flow.webp" srcset="https://images.bigibyte.com/cdn-cgi/image/width=800,height=450,fit=cover,quality=80,format=auto/projects/how-it-works-flow.webp 800w, https://images.bigibyte.com/cdn-cgi/image/width=1600,height=900,fit=cover,quality=80,format=auto/projects/how-it-works-flow.webp 1600w" sizes="(max-width: 960px) 100vw, 920px" alt="Diagram: scattered websites, PDFs and tables flow into one step and come out as a tidy spreadsheet and a rising chart." loading="lazy" decoding="async" width="1600" height="900" style="width: 100%; height: 100%; object-fit: cover; display: block;"></figure> 842 <div data-dc-tpl="182" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 36px 48px;"> 843 844 <div data-dc-tpl="184" style="position: relative; cursor: pointer; display: flex; flex-direction: column; gap: 12px; padding-top: 24px; opacity: 1; transition: opacity 0.5s;"> 845 <div data-dc-tpl="185" style="position: absolute; left: 0px; right: 0px; top: 0px; height: 2px; background: rgb(213, 217, 222);"></div> 846 <div data-dc-tpl="187" style="position: absolute; left: 0px; top: 0px; height: 2px; background: rgb(24, 32, 43); animation: 3.6s linear 0s 1 normal forwards running grow;"></div> 847 <div data-dc-tpl="188" style="display: flex; align-items: center; gap: 12px; color: rgb(24, 32, 43);"><span data-dc-tpl="189" style="font-size: 14px; font-weight: 600; color: rgb(91, 99, 110); font-variant-numeric: tabular-nums;"><span class="sc-interp">01</span></span><svg data-dc-tpl="190" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="191" d="M4 5h16v11H9l-5 4z"></path></svg></div> 848 <div data-dc-tpl="192" style="font-size: 20px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">Tell us what you need.</span></div> 849 <p data-dc-tpl="193" style="margin: 0px; font-size: 15.5px; line-height: 1.6; color: rgb(91, 99, 110); max-width: 360px;"><span class="sc-interp">Which information you need, or which task wastes your time. A free 30-minute call or a short message; no technical knowledge needed. You get a clear plan and a fixed price, usually within a few hours.</span></p> 850 </div> 851 852 <div data-dc-tpl="184" style="position: relative; cursor: pointer; display: flex; flex-direction: column; gap: 12px; padding-top: 24px; opacity: 0.72; transition: opacity 0.5s;"> 853 <div data-dc-tpl="185" style="position: absolute; left: 0px; right: 0px; top: 0px; height: 2px; background: rgb(213, 217, 222);"></div> 854 855 <div data-dc-tpl="188" style="display: flex; align-items: center; gap: 12px; color: rgb(24, 32, 43);"><span data-dc-tpl="189" style="font-size: 14px; font-weight: 600; color: rgb(91, 99, 110); font-variant-numeric: tabular-nums;"><span class="sc-interp">02</span></span><svg data-dc-tpl="190" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="191" d="M6 3h9l4 4v14H6zM14 3v5h5M9.5 14.5l2 2 3.5-4"></path></svg></div> 856 <div data-dc-tpl="192" style="font-size: 20px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">We build it and show you a sample.</span></div> 857 <p data-dc-tpl="193" style="margin: 0px; font-size: 15.5px; line-height: 1.6; color: rgb(91, 99, 110); max-width: 360px;"><span class="sc-interp">You see real results first, like the first rows of your spreadsheet, so you can check it's right before we finish.</span></p> 858 </div> 859 860 <div data-dc-tpl="184" style="position: relative; cursor: pointer; display: flex; flex-direction: column; gap: 12px; padding-top: 24px; opacity: 0.72; transition: opacity 0.5s;"> 861 <div data-dc-tpl="185" style="position: absolute; left: 0px; right: 0px; top: 0px; height: 2px; background: rgb(213, 217, 222);"></div> 862 863 <div data-dc-tpl="188" style="display: flex; align-items: center; gap: 12px; color: rgb(24, 32, 43);"><span data-dc-tpl="189" style="font-size: 14px; font-weight: 600; color: rgb(91, 99, 110); font-variant-numeric: tabular-nums;"><span class="sc-interp">03</span></span><svg data-dc-tpl="190" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="191" d="M6 3h9l4 4v6M14 3v5h5M6 3v18h6M17.5 21a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zM17.5 16v1.6l1 .9"></path></svg></div> 864 <div data-dc-tpl="192" style="font-size: 20px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">Results arrive automatically.</span></div> 865 <p data-dc-tpl="193" style="margin: 0px; font-size: 15.5px; line-height: 1.6; color: rgb(91, 99, 110); max-width: 360px;"><span class="sc-interp">In Excel, Google Sheets or your system, on the schedule you choose. If something changes or breaks, we fix it.</span></p> 866 </div> 867 868 </div> 869 <div data-dc-tpl="194" style="display: flex; justify-content: center;"><a data-dc-tpl="195" href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" class="scp5" style="background: rgb(24, 32, 43); color: rgb(255, 255, 255); padding: 13px 22px; border-radius: 999px; font-size: 14px; font-weight: 500;">Book a free call (30 min) â</a></div> 870 </div> 871 </section> 872 873 874 875 876 877 <section data-dc-tpl="197" id="work" style="padding: 80px 20px; max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: clamp(56px, 7vw, 88px);"> 878 879 <div data-dc-tpl="199" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 14px 48px;"> 880 <h2 data-dc-tpl="200" style="margin: 0px; font-weight: 500; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.03em; line-height: 1.08; text-wrap: balance; max-width: 640px;">What this looks like in real life</h2> 881 <a data-dc-tpl="201" href="/work" style="margin-bottom: 8px; font-size: 15px; font-weight: 500; color: rgb(24, 32, 43); border-bottom: 1px solid rgb(24, 32, 43); padding-bottom: 2px;">See all our work â</a> 882 </div> 883 884 885 886 <article data-dc-tpl="210" data-wk-flip="false" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: clamp(24px, 4vw, 56px); align-items: center;"> 887 <div data-dc-tpl="211" data-wk-media="" style="display: flex; flex-direction: column; gap: 12px;"> 888 <div data-dc-tpl="212" style="position: relative; aspect-ratio: 16 / 10; border-radius: 28px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="213" src="https://images.bigibyte.com/cdn-cgi/image/width=1200,height=750,fit=cover,quality=80,format=auto/projects/work-realestate-detail-1.webp" alt="Phone with a property listings app showing a map and home cards, next to house keys" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"> 889 <div data-dc-tpl="214" style="position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex;"><span data-dc-tpl="215" style="display: inline-flex; align-items: center; gap: 9px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); font-size: 14px; font-weight: 500; line-height: 1.35; padding: 10px 14px; border-radius: 12px; box-shadow: rgba(24, 32, 43, 0.18) 0px 12px 30px;"><span data-dc-tpl="216" style="flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 90, 31);"></span><span class="sc-interp">$18k in monthly revenue within six months</span></span></div> 890 </div> 891 <div data-dc-tpl="217" style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;"> 892 <div data-dc-tpl="218" style="aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="219" src="https://images.bigibyte.com/cdn-cgi/image/width=800,height=500,fit=cover,quality=80,format=auto/projects/project-real-estate-listings-map.webp" alt="Real estate listings on an interactive map" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"></div> 893 <div data-dc-tpl="220" style="aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="221" src="https://images.bigibyte.com/cdn-cgi/image/width=800,height=500,fit=cover,quality=80,format=auto/projects/project-price-tracker-mobile-app.webp" alt="Price tracker mobile app" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"></div> 894 </div> 895 </div> 896 <div data-dc-tpl="222" style="display: flex; flex-direction: column; gap: 18px;">
897 <span data-dc-tpl="223" style="align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43); background: rgb(240, 241, 243); padding: 6px 12px; border-radius: 999px;"><svg data-dc-tpl="224" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="225" d="M3 11l9-7 9 7M5 10v10h14V10M10 20v-6h4v6"></path></svg><span class="sc-interp">Real estate</span></span> 898 <h2 data-dc-tpl="226" style="margin: 0px; font-weight: 500; font-size: clamp(24px, 2.6vw, 32px); letter-spacing: -0.025em; line-height: 1.15; text-wrap: balance;"><span class="sc-interp">From a spreadsheet idea to a paid product</span></h2> 899 <div data-dc-tpl="227" style="display: flex; flex-direction: column; gap: 10px;"> 900 <div data-dc-tpl="228" style="display: flex; gap: 12px; align-items: flex-start; background: rgb(246, 247, 248); border-radius: 20px; padding: 14px 16px;"> 901 <span data-dc-tpl="229" style="flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(230, 232, 235); color: rgb(91, 99, 110); display: grid; place-items: center;"><svg data-dc-tpl="230" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="231" d="M12 7v5l3 2M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"></path></svg></span> 902 <div data-dc-tpl="232" style="display: flex; flex-direction: column; gap: 2px;"><span data-dc-tpl="233" style="font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(91, 99, 110);">Before</span><span data-dc-tpl="234" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110);"><span class="sc-interp">Useful property data, but no product people could sign up for.</span></span></div> 903 </div> 904 <div data-dc-tpl="235" style="display: flex; gap: 12px; align-items: flex-start; background: rgb(255, 255, 255); border: 1px solid rgb(24, 32, 43); border-radius: 20px; padding: 14px 16px; box-shadow: rgba(24, 32, 43, 0.06) 0px 12px 30px;"> 905 <span data-dc-tpl="236" style="flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(22, 163, 74); color: rgb(255, 255, 255); display: grid; place-items: center;"><svg data-dc-tpl="237" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="238" d="M5 12.5l4.5 4L19 7"></path></svg></span> 906 <div data-dc-tpl="239" style="display: flex; flex-direction: column; gap: 2px;"><span data-dc-tpl="240" style="font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(22, 163, 74);">After</span><span data-dc-tpl="241" style="font-size: 15px; line-height: 1.55; color: rgb(24, 32, 43); font-weight: 500;"><span class="sc-interp">A subscription website with log-in, payments and dashboards.</span></span></div> 907 </div> 908 </div> 909 <div data-dc-tpl="242" style="display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px;"> 910 911 <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;"> 912 <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">1.2k</span></div> 913 <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Active users</span></div> 914 </div> 915 916 <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;"> 917 <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">$18k</span></div> 918 <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Monthly revenue at 6 months</span></div> 919 </div> 920 921 <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;"> 922 <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">12</span></div> 923 <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Weeks to first version</span></div> 924 </div> 925 926 </div> 927 <div data-dc-tpl="247" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">SaaS · React, FastAPI, PostgreSQL</span></div> 928 </div> 929 </article> 930 931 <article data-dc-tpl="210" data-wk-flip="true" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: clamp(24px, 4vw, 56px); align-items: center;"> 932 <div data-dc-tpl="211" data-wk-media="" style="display: flex; flex-direction: column; gap: 12px;"> 933 <div data-dc-tpl="212" style="position: relative; aspect-ratio: 16 / 10; border-radius: 28px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="213" src="https://images.bigibyte.com/cdn-cgi/image/width=1200,height=750,fit=cover,quality=80,format=auto/projects/work-ecommerce-detail-1.webp" alt="The same sneaker from three online stores with price tags, the best price highlighted" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"> 934 <div data-dc-tpl="214" style="position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex;"><span data-dc-tpl="215" style="display: inline-flex; align-items: center; gap: 9px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); font-size: 14px; font-weight: 500; line-height: 1.35; padding: 10px 14px; border-radius: 12px; box-shadow: rgba(24, 32, 43, 0.18) 0px 12px 30px;"><span data-dc-tpl="216" style="flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 90, 31);"></span><span class="sc-interp">Tracks 2.1M products daily at 99.6% success</span></span></div> 935 </div> 936 <div data-dc-tpl="217" style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;"> 937 <div data-dc-tpl="218" style="aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="219" src="https://images.bigibyte.com/cdn-cgi/image/width=800,height=500,fit=cover,quality=80,format=auto/projects/project-competitor-pricing-heatmap.webp" alt="Competitor pricing heatmap" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"></div> 938 <div data-dc-tpl="220" style="aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="221" src="https://images.bigibyte.com/cdn-cgi/image/width=800,height=500,fit=cover,quality=80,format=auto/projects/project-ecommerce-product-catalog-sync.webp" alt="E-commerce product catalog sync" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"></div> 939 </div> 940 </div> 941 <div data-dc-tpl="222" style="display: flex; flex-direction: column; gap: 18px;">
942 <span data-dc-tpl="223" style="align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43); background: rgb(240, 241, 243); padding: 6px 12px; border-radius: 999px;"><svg data-dc-tpl="224" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="225" d="M5 8h14l-1 12H6zM9 8V6a3 3 0 0 1 6 0v2"></path></svg><span class="sc-interp">E-commerce</span></span> 943 <h2 data-dc-tpl="226" style="margin: 0px; font-weight: 500; font-size: clamp(24px, 2.6vw, 32px); letter-spacing: -0.025em; line-height: 1.15; text-wrap: balance;"><span class="sc-interp">An online shop that sees every competitorâs price change the same day</span></h2> 944 <div data-dc-tpl="227" style="display: flex; flex-direction: column; gap: 10px;"> 945 <div data-dc-tpl="228" style="display: flex; gap: 12px; align-items: flex-start; background: rgb(246, 247, 248); border-radius: 20px; padding: 14px 16px;"> 946 <span data-dc-tpl="229" style="flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(230, 232, 235); color: rgb(91, 99, 110); display: grid; place-items: center;"><svg data-dc-tpl="230" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="231" d="M12 7v5l3 2M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"></path></svg></span> 947 <div data-dc-tpl="232" style="display: flex; flex-direction: column; gap: 2px;"><span data-dc-tpl="233" style="font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(91, 99, 110);">Before</span><span data-dc-tpl="234" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110);"><span class="sc-interp">The team checked competitor websites by hand and always reacted a week late.</span></span></div> 948 </div> 949 <div data-dc-tpl="235" style="display: flex; gap: 12px; align-items: flex-start; background: rgb(255, 255, 255); border: 1px solid rgb(24, 32, 43); border-radius: 20px; padding: 14px 16px; box-shadow: rgba(24, 32, 43, 0.06) 0px 12px 30px;"> 950 <span data-dc-tpl="236" style="flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(22, 163, 74); color: rgb(255, 255, 255); display: grid; place-items: center;"><svg data-dc-tpl="237" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="238" d="M5 12.5l4.5 4L19 7"></path></svg></span> 951 <div data-dc-tpl="239" style="display: flex; flex-direction: column; gap: 2px;"><span data-dc-tpl="240" style="font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(22, 163, 74);">After</span><span data-dc-tpl="241" style="font-size: 15px; line-height: 1.55; color: rgb(24, 32, 43); font-weight: 500;"><span class="sc-interp">Prices from 400 online stores arrive in their reports every day, automatically.</span></span></div> 952 </div> 953 </div> 954 <div data-dc-tpl="242" style="display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px;"> 955 956 <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;"> 957 <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">2.1M</span></div> 958 <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Products tracked</span></div> 959 </div> 960 961 <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;"> 962 <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">99.6%</span></div> 963 <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Success rate</span></div> 964 </div> 965 966 <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;"> 967 <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">6</span></div> 968 <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Weeks to go live</span></div> 969 </div> 970 971 </div> 972 <div data-dc-tpl="247" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Web scraping · Python, Playwright, BigQuery</span></div> 973 </div> 974 </article> 975 976 <article data-dc-tpl="210" data-wk-flip="false" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: clamp(24px, 4vw, 56px); align-items: center;"> 977 <div data-dc-tpl="211" data-wk-media="" style="display: flex; flex-direction: column; gap: 12px;"> 978 <div data-dc-tpl="212" style="position: relative; aspect-ratio: 16 / 10; border-radius: 28px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="213" src="https://images.bigibyte.com/cdn-cgi/image/width=1200,height=750,fit=cover,quality=80,format=auto/projects/work-sales-detail-1.webp" alt="Weekly planner with a large block of time freed up and highlighted in yellow" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"> 979 <div data-dc-tpl="214" style="position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex;"><span data-dc-tpl="215" style="display: inline-flex; align-items: center; gap: 9px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); font-size: 14px; font-weight: 500; line-height: 1.35; padding: 10px 14px; border-radius: 12px; box-shadow: rgba(24, 32, 43, 0.18) 0px 12px 30px;"><span data-dc-tpl="216" style="flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 90, 31);"></span><span class="sc-interp">Saves the sales team 30 hours every week</span></span></div> 980 </div> 981 <div data-dc-tpl="217" style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;"> 982 <div data-dc-tpl="218" style="aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="219" src="https://images.bigibyte.com/cdn-cgi/image/width=800,height=500,fit=cover,quality=80,format=auto/projects/project-email-extraction-crm-workflow.webp" alt="Email extraction to CRM workflow" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"></div> 983 <div data-dc-tpl="220" style="aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="221" src="https://images.bigibyte.com/cdn-cgi/image/width=800,height=500,fit=cover,quality=80,format=auto/projects/project-business-leads-spreadsheet-delivery.webp" alt="Bu
983siness leads delivered as a spreadsheet" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"></div> 984 </div> 985 </div> 986 <div data-dc-tpl="222" style="display: flex; flex-direction: column; gap: 18px;"> 987 <span data-dc-tpl="223" style="align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43); background: rgb(240, 241, 243); padding: 6px 12px; border-radius: 999px;"><svg data-dc-tpl="224" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="225" d="M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6"></path></svg><span class="sc-interp">Sales teams</span></span> 988 <h2 data-dc-tpl="226" style="margin: 0px; font-weight: 500; font-size: clamp(24px, 2.6vw, 32px); letter-spacing: -0.025em; line-height: 1.15; text-wrap: balance;"><span class="sc-interp">A sales team that got 30 hours a week back</span></h2> 989 <div data-dc-tpl="227" style="display: flex; flex-direction: column; gap: 10px;"> 990 <div data-dc-tpl="228" style="display: flex; gap: 12px; align-items: flex-start; background: rgb(246, 247, 248); border-radius: 20px; padding: 14px 16px;"> 991 <span data-dc-tpl="229" style="flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(230, 232, 235); color: rgb(91, 99, 110); display: grid; place-items: center;"><svg data-dc-tpl="230" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="231" d="M12 7v5l3 2M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"></path></svg></span> 992 <div data-dc-tpl="232" style="display: flex; flex-direction: column; gap: 2px;"><span data-dc-tpl="233" style="font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(91, 99, 110);">Before</span><span data-dc-tpl="234" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110);"><span class="sc-interp">Reps spent their mornings searching the web for who to contact.</span></span></div> 993 </div> 994 <div data-dc-tpl="235" style="display: flex; gap: 12px; align-items: flex-start; background: rgb(255, 255, 255); border: 1px solid rgb(24, 32, 43); border-radius: 20px; padding: 14px 16px; box-shadow: rgba(24, 32, 43, 0.06) 0px 12px 30px;"> 995 <span data-dc-tpl="236" style="flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(22, 163, 74); color: rgb(255, 255, 255); display: grid; place-items: center;"><svg data-dc-tpl="237" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="238" d="M5 12.5l4.5 4L19 7"></path></svg></span> 996 <div data-dc-tpl="239" style="display: flex; flex-direction: column; gap: 2px;"><span data-dc-tpl="240" style="font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(22, 163, 74);">After</span><span data-dc-tpl="241" style="font-size: 15px; line-height: 1.55; color: rgb(24, 32, 43); font-weight: 500;"><span class="sc-interp">New contacts are found, checked and added to HubSpot automatically.</span></span></div> 997 </div> 998 </div> 999 <div data-dc-tpl="242" style="display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px;"> 1000 1001 <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;"> 1002 <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">30h</span></div> 1003 <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Hours saved each week</span></div> 1004 </div> 1005 1006 <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;"> 1007 <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">4Ã</span></div> 1008 <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">More leads</span></div> 1009 </div> 1010 1011 <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;"> 1012 <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">0</span></div> 1013 <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Manual steps left</span></div> 1014 </div> 1015 1016 </div> 1017 <div data-dc-tpl="247" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Automation · n8n, Python, HubSpot</span></div> 1018 </div> 1019 </article> 1020 1021 1022 </section> 1023 1024 1025 1026 1027 1028 1029 <section data-dc-tpl="262" style="padding: 96px 20px; background: linear-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 22%, rgb(246, 247, 248));"> 1030 <div data-dc-tpl="263" style="max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 48px;"> 1031 <div data-dc-tpl="264" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 14px 48px;"> 1032 <h2 data-dc-tpl="265" style="margin: 0px; font-weight: 500; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.03em; line-height: 1.08; text-wrap: balance; max-width: 640px;">What clients say</h2> 1033 <p data-dc-tpl="266" style="margin: 0px 0px 6px; font-size: 16.5px; line-height: 1.6; color: rgb(91, 99, 110); max-width: 380px;">4.9 average rating from clients worldwide.</p> 1034 </div> 1035 <div data-dc-tpl="267" class="scpd" style="position: relative; overflow: hidden; background: rgb(24, 32, 43); color: rgb(255, 255, 255); border-radius: 28px; padding: clamp(28px, 5vw, 56px); display: grid; grid-template-columns: auto minmax(0px, 1fr); gap: clamp(20px, 4vw, 48px); align-items: center; transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s;"> 1036 <div data-dc-tpl="268" style="width: clamp(88px, 12vw, 140px); height: clamp(88px, 12vw, 140px); border-radius: 50%; background-color: rgb(42, 52, 66); background-image: url("https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1777579006404.jpg"); background-size: cover; background-position: center center; box-shadow: rgb(24, 32, 43) 0px 0px 0px 4px, rgba(255, 255, 255, 0.25) 0px 0px 0px 5px;"></div> 1037 <div data-dc-tpl="269" style="display: flex; flex-direction: column; gap: 18px;"> 1038 <div data-dc-tpl="270" style="color: rgb(255, 255, 255); font-size: 16px; letter-spacing: 3px;">â â â â â </div> 1039 <p data-dc-tpl="271" style="margin: 0px; font-size: clamp(20px, 2.4vw, 30px); line-height: 1.35; letter-spacing: -0.02em; text-wrap: pretty;">âHe walked me through exactly how a scraper could meet my needs, helped me cho
1039ose the right toolset, and delivered on time and within budget. I strongly recommend him.â</p> 1040 <div data-dc-tpl="272" style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;"><span data-dc-tpl="273" style="font-size: 17px; font-weight: 500;">Aundre Dudley</span><svg data-dc-tpl="274" width="17" height="17" viewBox="0 0 24 24"><circle data-dc-tpl="275" cx="12" cy="12" r="11" fill="#1FA45B"></circle><path data-dc-tpl="276" d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg><span data-dc-tpl="277" style="font-size: 14px; color: rgb(161, 167, 176);">National Manager of Solution Architects · Dual CCIE #29014</span></div> 1041 </div> 1042 </div> 1043 <div data-dc-tpl="278" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 16px;"> 1044 1045 <div data-dc-tpl="280" class="scpe" style="position: relative; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 18px; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s, border-color 0.35s;"> 1046 <div data-dc-tpl="281" style="display: flex; justify-content: space-between; align-items: flex-start;"><div data-dc-tpl="282" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/65e3fcd7c34e8ffed623b1d08907976f-1619207353829/ff591810-8646-4d69-a3a4-617405c8f453.jpg"); background-size: cover; background-position: center center; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgb(230, 232, 235) 0px 0px 0px 4px;"></div><span data-dc-tpl="283" style="font-size: 52px; line-height: 0.8; color: rgb(225, 228, 232); font-family: Georgia, serif;">â</span></div> 1047 <div data-dc-tpl="284" style="display: flex; flex-direction: column; gap: 5px;"> 1048 <div data-dc-tpl="285" style="display: flex; align-items: center; gap: 7px; font-size: 19px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">Habib F.</span><svg data-dc-tpl="286" width="17" height="17" viewBox="0 0 24 24" style="flex: 0 0 auto;"><circle data-dc-tpl="287" cx="12" cy="12" r="11" fill="#1FA45B"></circle><path data-dc-tpl="288" d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 1049 <div data-dc-tpl="289" style="font-size: 13px; color: rgb(91, 99, 110); line-height: 1.45;"><span class="sc-interp">Verified client · Fiverr</span></div> 1050 </div> 1051 <div data-dc-tpl="290" style="display: flex; align-items: center; gap: 8px;"><span data-dc-tpl="291" style="color: rgb(24, 32, 43); font-size: 15px; letter-spacing: 2px;"><span class="sc-interp">â â â â â </span></span><span data-dc-tpl="292" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">4.7</span></span></div> 1052 <p data-dc-tpl="293" style="margin: 0px; font-size: 17px; line-height: 1.6; color: rgb(53, 60, 71); text-wrap: pretty; max-height: none; overflow: hidden; mask-image: none;"><span class="sc-interp">Kawsar did an excellent job developing a Python script to scrape real estate data with custom filters and automated scheduling.</span></p> 1053 </div> 1054 1055 <div data-dc-tpl="280" class="scpe" style="position: relative; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 18px; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s, border-color 0.35s;"> 1056 <div data-dc-tpl="281" style="display: flex; justify-content: space-between; align-items: flex-start;"><div data-dc-tpl="282" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/110f4fff726164f780b94ff9d60a8ec1-1624213898824/2b462463-e813-4728-8bae-8c46b8b53282.jpeg"); background-size: cover; background-position: center center; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgb(230, 232, 235) 0px 0px 0px 4px;"></div><span data-dc-tpl="283" style="font-size: 52px; line-height: 0.8; color: rgb(225, 228, 232); font-family: Georgia, serif;">â</span></div> 1057 <div data-dc-tpl="284" style="display: flex; flex-direction: column; gap: 5px;"> 1058 <div data-dc-tpl="285" style="display: flex; align-items: center; gap: 7px; font-size: 19px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">Drew H.</span><svg data-dc-tpl="286" width="17" height="17" viewBox="0 0 24 24" style="flex: 0 0 auto;"><circle data-dc-tpl="287" cx="12" cy="12" r="11" fill="#1FA45B"></circle><path data-dc-tpl="288" d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 1059 <div data-dc-tpl="289" style="font-size: 13px; color: rgb(91, 99, 110); line-height: 1.45;"><span class="sc-interp">
1059Verified client · Fiverr</span></div> 1060 </div> 1061 <div data-dc-tpl="290" style="display: flex; align-items: center; gap: 8px;"><span data-dc-tpl="291" style="color: rgb(24, 32, 43); font-size: 15px; letter-spacing: 2px;"><span class="sc-interp">â â â â â </span></span><span data-dc-tpl="292" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">5.0</span></span></div> 1062 <p data-dc-tpl="293" style="margin: 0px; font-size: 17px; line-height: 1.6; color: rgb(53, 60, 71); text-wrap: pretty; max-height: none; overflow: hidden; mask-image: none;"><span class="sc-interp">Kawsar was excellent to work with. He understood what I was looking for and proactively suggested ideas.</span></p> 1063 </div> 1064 1065 <div data-dc-tpl="280" class="scpe" style="position: relative; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 18px; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s, border-color 0.35s;"> 1066 <div data-dc-tpl="281" style="display: flex; justify-content: space-between; align-items: flex-start;"><div data-dc-tpl="282" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/d5b74f37aabb5bf397f928fa8ef83174-743836741596390704.906231/90ABB451-BF26-4D22-A958-08C501FE2C8B"); background-size: cover; background-position: center center; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgb(230, 232, 235) 0px 0px 0px 4px;"></div><span data-dc-tpl="283" style="font-size: 52px; line-height: 0.8; color: rgb(225, 228, 232); font-family: Georgia, serif;">â</span></div> 1067 <div data-dc-tpl="284" style="display: flex; flex-direction: column; gap: 5px;"> 1068 <div data-dc-tpl="285" style="display: flex; align-items: center; gap: 7px; font-size: 19px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">gaddcorp</span><svg data-dc-tpl="286" width="17" height="17" viewBox="0 0 24 24" style="flex: 0 0 auto;"><circle data-dc-tpl="287" cx="12" cy="12" r="11" fill="#1FA45B"></circle><path data-dc-tpl="288" d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 1069 <div data-dc-tpl="289" style="font-size: 13px; color: rgb(91, 99, 110); line-height: 1.45;"><span class="sc-interp">Verified client · Fiverr</span></div> 1070 </div> 1071 <div data-dc-tpl="290" style="display: flex; align-items: center; gap: 8px;"><span data-dc-tpl="291" style="color: rgb(24, 32, 43); font-size: 15px; letter-spacing: 2px;"><span class="sc-interp">â â â â â </span></span><span data-dc-tpl="292" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">5.0</span></span></div> 1072 <p data-dc-tpl="293" style="margin: 0px; font-size: 17px; line-height: 1.6; color: rgb(53, 60, 71); text-wrap: pretty; max-height: none; overflow: hidden; mask-image: none;"><span class="sc-interp">Kawsar is literally the best of the best! He took on a massive project and completed it against all odds.</span></p> 1073 </div> 1074 1075 <div data-dc-tpl="280" class="scpe" style="position: relative; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 18px; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s, border-color 0.35s;"> 1076 <div data-dc-tpl="281" style="display: flex; justify-content: space-between; align-items: flex-start;"><div data-dc-tpl="282" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/profile/photos/33256108/original/600710_101
107651401161744070_286028602_n.jpg"); background-size: cover; background-position: center center; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgb(230, 232, 235) 0px 0px 0px 4px;"></div><span data-dc-tpl="283" style="font-size: 52px; line-height: 0.8; color: rgb(225, 228, 232); font-family: Georgia, serif;">â</span></div> 1077 <div data-dc-tpl="284" style="display: flex; flex-direction: column; gap: 5px;"> 1078 <div data-dc-tpl="285" style="display: flex; align-items: center; gap: 7px; font-size: 19px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">Pedrinho</span><svg data-dc-tpl="286" width="17" height="17" viewBox="0 0 24 24" style="flex: 0 0 auto;"><circle data-dc-tpl="287" cx="12" cy="12" r="11" fill="#1FA45B"></circle><path data-dc-tpl="288" d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 1079 <div data-dc-tpl="289" style="font-size: 13px; color: rgb(91, 99, 110); line-height: 1.45;"><span class="sc-interp">Verified client · Fiverr</span></div> 1080 </div> 1081 <div data-dc-tpl="290" style="display: flex; align-items: center; gap: 8px;"><span data-dc-tpl="291" style="color: rgb(24, 32, 43); font-size: 15px; letter-spacing: 2px;"><span class="sc-interp">â â â â â </span></span><span data-dc-tpl="292" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">5.0</span></span></div> 1082 <p data-dc-tpl="293" style="margin: 0px; font-size: 17px; line-height: 1.6; color: rgb(53, 60, 71); text-wrap: pretty; max-height: none; overflow: hidden; mask-image: none;"><span class="sc-interp">Kawsar truly exceeded my expectations with his professional and detail-oriented work.</span></p> 1083 </div> 1084 1085 <div data-dc-tpl="280" class="scpe" style="position: relative; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 18px; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s, border-color 0.35s;"> 1086 <div data-dc-tpl="281" style="display: flex; justify-content: space-between; align-items: flex-start;"><div data-dc-tpl="282" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://fiverr-res.cloudinary.com/image/upload/t_profile_small/v1/attachments/profile/photo/49bb3acffbe522e9d98e754c90cf365f-1676931287371/3efd3aac-2322-4332-bd7e-4b6ec762e1fa.jpg"); background-size: cover; background-position: center center; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgb(230, 232, 235) 0px 0px 0px 4px;"></div><span data-dc-tpl="283" style="font-size: 52px; line-height: 0.8; color: rgb(225, 228, 232); font-family: Georgia, serif;">â</span></div> 1087 <div data-dc-tpl="284" style="display: flex; flex-direction: column; gap: 5px;"> 1088 <div data-dc-tpl="285" style="display: flex; align-items: center; gap: 7px; font-size: 19px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">T. J. Thorne</span><svg data-dc-tpl="286" width="17" height="17" viewBox="0 0 24 24" style="flex: 0 0 auto;"><circle data-dc-tpl="287" cx="12" cy="12" r="11" fill="#1FA45B"></circle><path data-dc-tpl="288" d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 1089 <div data-dc-tpl="289" style="font-size: 13px; color: rgb(91, 99, 110); line-height: 1.45;"><span class="sc-interp">Verified Fiverr client · 5 / 5</span></div> 1090 </div> 1091 <div data-dc-tpl="290" style="display: flex; align-items: center; gap: 8px;"><span data-dc-tpl="291" style="color: rgb(24, 32, 43); font-size: 15px; letter-spacing: 2px;"><span class="sc-interp">â â â â â </span></span><span data-dc-tpl="292" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">5.0</span></span></div> 1092 <p data-dc-tpl="293" style="margin: 0px; font-size: 17px; line-height: 1.6; color: rgb(53, 60, 71); text-wrap: pretty; max-height: none; overflow: hidden; mask-image: none;"><span class="sc-interp">Kawsar extracted over 15 million lines of data and leads for me. Without a doubt, the most skilled data freelancer I've ever worked with. I'd give him 100 stars if Fiverr let me.</span></p> 1093 </div> 1094 1095 <div data-dc-tpl="280" class="scpe" style="position: relative; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 18px; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s, border-color 0.35s;"> 1096 <div data-dc-tpl="281" style="display: flex; justify-content: space-between; align-items: flex-start;"><div data-dc-tpl="282" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url("https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1652600318017.jpg"); background-size: cover; background-position: center center; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgb(230, 232, 235) 0px 0px 0px 4px;"></div><span data-dc-tpl="283" style="font-size: 52px; line-height: 0.8; color: rgb(225, 228, 232); font-family: Georgia, serif;">â</span></div> 1097 <div data-dc-tpl="284" style="display: flex; flex-direction: column; gap: 5px;"> 1098 <div data-dc-tpl="285" style="display: flex; align-items: center; gap: 7px; font-size: 19px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">Ryan Jones</span><svg data-dc-tpl="286" width="17" height="17" viewBox="0 0 24 24" style="flex: 0 0 auto;"><circle data-dc-tpl="287" cx="12" cy="12" r="11" fill="#1FA45B"></circle><path data-dc-tpl="288" d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 1099 <div data-dc-tpl="289" style="font-size: 13px; color: rgb(91, 99, 110); line-height: 1.45;"><span class="sc-interp">CEO / President, RBS Data Inc</span></div> 1100 </div> 1101 <div data-dc-tpl="290" style="display: flex; align-items: center; gap: 8px;"><span data-dc-tpl="291" style="color: rgb(24, 32, 43); font-size: 15px; letter-spacing: 2px;"><span class="sc-interp">â â â â â </span></span><span data-dc-tpl="292" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">5.0</span></span></div> 1102 <p data-dc-tpl="293" style="margin: 0px; font-size: 17px; line-height: 1.6; color: rgb(53, 60, 71); text-wrap: pretty; max-height: none; overflow: hidden; mask-image: none;"><span class="sc-interp">Kawsar is instrumental in our success with our API developments. His knowledge base is incredible. I havenât seen anyone in my 20+ years in development with such a skill set.</span></p> 1103 </div> 1104 1105 </div> 1106 <button data-dc-tpl="294" type="button" class="scpf" style="align-self: center; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 14px 26px; border-radius: 999px; border: 1px solid rgb(24, 32, 43); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.2s, color 0.2s;"><span class="sc-interp">See more reviews</span></button> 1107 </div> 1108 </section> 1109 1110 1111 1112 1113 <section data-dc-tpl="296" style="padding: 80px 20px; max-width: 960px; margin: 0px auto; display: flex; flex-direction: column; gap: 48px;"> 1114 <div data-dc-tpl="297" style="text-align: center; display: flex; flex-direction: column; gap: 12px; align-items: center;"> 1115 1116 <h2 data-dc-tpl="298" style="margin: 0px; font-weight: 500; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.03em; text-wrap: balance;">Why not a freelancer or a new hire?</h2> 1117 </div> 1118 <div data-dc-tpl="299" style="overflow-x: auto;"> 1119 <div data-dc-tpl="300" style="min-width: 560px; display: grid; grid-template-columns: minmax(0px, 1.6fr) repeat(3, minmax(0px, 1fr)); background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 20px; overflow: hidden; font-size: 15px;"> 1120 <div data-dc-tpl="301" style="padding: 20px 24px; color: rgb(91, 99, 110); font-size: 13px;">Feature</div> 1121 <div data-dc-tpl="302" style="padding: 20px 12px; text-align: center; font-weight: 600; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222);">BigiByte</div> 1122 <div data-dc-tpl="303" style="padding: 20px 12px; text-align: center; color: rgb(91, 99, 110); font-size: 13px;">Freelancer</div> 1123 <div data-dc-tpl="304" style="padding: 20px 12px; text-align: center; color: rgb(91, 99, 110); font-size: 13px;">In-house</div> 1124 1125 <div data-dc-tpl="306" style="padding: 16px 24px; border-top: 1px solid rgb(243, 244, 246);"><span class="sc-interp">Senior engineers</span></div> 1126 <div data-dc-tpl="307" style="padding: 16px 12px; border-top: 1px solid rgb(213, 217, 222); text-align: center; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222); color: rgb(22, 163, 74); font-weight: 900; font-size: 18px;">â</div> 1127 <div data-dc-tpl="308" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">â</span></div> 1128 <div data-dc-tpl="309" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(22, 163, 74); font-weight: 900; font-size: 17px;"><span class="sc-interp">â</span></div> 1129 1130 <div data-dc-tpl="306" style="padding: 16px 24px; border-top: 1px solid rgb(243, 244, 246);"><span class="sc-interp">Delivery in weeks</span></div> 1131 <div data-dc-tpl="307" style="padding: 16px 12px; border-top: 1px solid rgb(213, 217, 222); text-align: center; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222); color: rgb(22, 163, 74); font-weight: 900; font-size: 18px;">â</div> 1132 <div data-dc-tpl="308" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(22, 163, 74); font-weight: 900; font-size: 17px;"><span class="sc-interp">â</span></div> 1133 <div data-dc-tpl="309" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">â</span></div> 1134 1135 <div data-dc-tpl="306" style="padding: 16px 24px; border-top: 1px solid rgb(243, 244, 246);"><span class="sc-interp">Works on hard-to-reach websites</span></div> 1136 <div data-dc-tpl="307" style="padding: 16px 12px; border-top: 1px solid rgb(213, 217, 222); text-align: center; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222); color: rgb(22, 163, 74); font-weight: 900; font-size: 18px;">â</div> 1137 <div data-dc-tpl="308" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">â</span></div> 1138 <div data-dc-tpl="309" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">â</span></div> 1139 1140 <div data-dc-tpl="306" style="padding: 16px 24px; border-top: 1px solid rgb(243, 244, 246);"><span class="sc-interp">Monitoring included</span></div> 1141 <div data-dc-tpl="307" style="padding: 16px 12px; border-top: 1px solid rgb(213, 217, 222); text-align: center; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222); color: rgb(22, 163, 74); font-weight: 900; font-size: 18px;">â</div> 1142 <div data-dc-tpl="308" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">â</span></div> 1143 <div data-dc-tpl="309" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">â</span></div> 1144 1145 <div data-dc-tpl="306" style="padding: 16px 24px; border-top: 1px solid rgb(243, 244, 246);"><span class="sc-interp">Fixed when a website changes</span></div> 1146 <div data-dc-tpl="307" style="padding: 16px 12px; border-top: 1px solid rgb(213, 217, 222); text-align: center; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222); color: rgb(22, 163, 74); font-weight: 900; font-size: 18px;">â</div> 1147 <div data-dc-tpl="308" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">â</span></div> 1148 <div data-dc-tpl="309" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(22, 163, 74); font-weight: 900; font-size: 17px;"><span class="sc-interp">â</span></div> 1149 1150 <div data-dc-tpl="306" style="padding: 16px 24px; border-top: 1px solid rgb(243, 244, 246);"><span class="sc-interp">Fixed pricing</span></div> 1151 <div data-dc-tpl="307" style="padding: 16px 12px; border-top: 1px solid rgb(213, 217, 222); text-align: center; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222); color: rgb(22, 163, 74); font-weight: 900; font-size: 18px;">â</div> 1152 <div data-dc-tpl="308" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(22, 163, 74); font-weight: 900; font-size: 17px;"><span class="sc-interp">â</span></div> 1153 <div data-dc-tpl="309" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">â</span></div> 1154 1155 <div data-dc-tpl="306" style="padding: 16px 24px; border-top: 1px solid rgb(243, 244, 246);"><span class="sc-interp">Everything we build is yours</span></div> 1156 <div data-dc-tpl="307" style="padding: 16px 12px; border-top: 1px solid rgb(213, 217, 222); text-align: center; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222); color: rgb(22, 163, 74); font-weight: 900; font-size: 18px;">â</div> 1157 <div data-dc-tpl="308" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">â</span></div> 1158 <div data-dc-tpl="309" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(22, 163, 74); font-weight: 900; font-size: 17px;"><span class="sc-interp">â</span></div> 1159 1160 </div> 1161 </div> 1162 </section> 1163 1164 1165 1166 <section data-dc-tpl="310" id="faq" style="padding: 80px 20px; max-width: 1120px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 40px; align-items: start;"> 1167 <div data-dc-tpl="311" style="display: flex; flex-direction: column; gap: 20px;"> 1168 1169 <h2 data-dc-tpl="312" style="margin: 0px; font-weight: 500; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.03em; line-height:
11691.05;">Everything about working with us</h2> 1170 <div data-dc-tpl="313" style="border-radius: 20px; padding: 24px; background: rgb(24, 32, 43); color: rgb(255, 255, 255); display: flex; flex-direction: column; gap: 14px;"> 1171 <div data-dc-tpl="314" style="font-size: 17px; font-weight: 500; color: rgb(255, 255, 255);">Still unsure?</div> 1172 <p data-dc-tpl="315" style="margin: 0px; font-size: 14px; line-height: 1.55; color: rgb(198, 203, 210);">Ask us in plain English. You'll talk to the person who builds it.</p> 1173 <a data-dc-tpl="316" href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" class="scpg" style="align-self: flex-start; background: rgb(255, 255, 255); color: rgb(24, 32, 43); padding: 11px 18px; border-radius: 999px; font-size: 14px; font-weight: 500;">Book a call â</a> 1174 </div> 1175 </div> 1176 <div data-dc-tpl="317" style="display: flex; flex-direction: column; gap: 10px;"> 1177 <div data-dc-tpl="318" style="display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 6px;"><button data-dc-tpl="320" type="button" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(24, 32, 43); background: rgb(24, 32, 43); color: rgb(255, 255, 255); transition: background 0.2s, color 0.2s;"><span class="sc-interp">New to this?</span></button><button data-dc-tpl="320" type="button" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.2s, color 0.2s;"><span class="sc-interp">General</span></button><button data-dc-tpl="320" type="button" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.2s, color 0.2s;"><span class="sc-interp">Lead generation</span></button><button data-dc-tpl="320" type="button" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.2s, color 0.2s;"><span class="sc-interp">Scraping & data</span></button><button data-dc-tpl="320" type="button" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.2s, color 0.2s;"><span class="sc-interp">Pricing</span></button><button data-dc-tpl="320" type="button" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.2s, color 0.2s;"><span class="sc-interp">Market intelligence</span></button><button data-dc-tpl="320" type="button" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.2s, color 0.2s;"><span class="sc-interp">Data & AI platforms</span></button></div> 1178 1179 <div data-dc-tpl="322" style="cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 20px; padding: 18px 22px; display: flex; flex-direction: column; gap: 12px;"> 1180 <div data-dc-tpl="323" style="display: flex; justify-content: space-between; gap: 16px; align-items: center;"> 1181 <div data-dc-tpl="324" style="font-size: 16px; font-weight: 500;"><span class="sc-interp">I'm not technical. Can I still work with you?</span></div>
1182 <span data-dc-tpl="325" style="flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: rgb(243, 244, 246); display: grid; place-items: center; font-size: 16px;"><span class="sc-interp">â</span></span> 1183 </div> 1184 1185 <p data-dc-tpl="327" style="margin: 0px; font-size: 15px; line-height: 1.6; color: rgb(91, 99, 110);"><span class="sc-interp">Yes, most of our clients are not. You describe the problem in your own words; we handle the technical side and deliver the results to a spreadsheet, email or tool you already use.</span></p> 1186 1187 </div> 1188 1189 <div data-dc-tpl="322" style="cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 20px; padding: 18px 22px; display: flex; flex-direction: column; gap: 12px;"> 1190 <div data-dc-tpl="323" style="display: flex; justify-content: space-between; gap: 16px; align-items: center;"> 1191 <div data-dc-tpl="324" style="font-size: 16px; font-weight: 500;"><span class="sc-interp">What is web scraping, in simple words?</span></div> 1192 <span data-dc-tpl="325" style="flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: rgb(243, 244, 246); display: grid; place-items: center; font-size: 16px;"><span class="sc-interp">+</span></span> 1193 </div> 1194 1195 </div> 1196 1197 <div data-dc-tpl="322" style="cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 20px; padding: 18px 22px; display: flex; flex-direction: column; gap: 12px;"> 1198 <div data-dc-tpl="323" style="display: flex; justify-content: space-between; gap: 16px; align-items: center;"> 1199 <div data-dc-tpl="324" style="font-size: 16px; font-weight: 500;"><span class="sc-interp">
1199Is it legal?</span></div> 1200 <span data-dc-tpl="325" style="flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: rgb(243, 244, 246); display: grid; place-items: center; font-size: 16px;"><span class="sc-interp">+</span></span> 1201 </div> 1202 1203 </div> 1204 1205 <div data-dc-tpl="322" style="cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 20px; padding: 18px 22px; display: flex; flex-direction: column; gap: 12px;"> 1206 <div data-dc-tpl="323" style="display: flex; justify-content: space-between; gap: 16px; align-items: center;"> 1207 <div data-dc-tpl="324" style="font-size: 16px; font-weight: 500;"><span class="sc-interp">What will I actually receive?</span></div> 1208 <span data-dc-tpl="325" style="flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: rgb(243, 244, 246); display: grid; place-items: center; font-size: 16px;"><span class="sc-interp">+</span></span> 1209 </div> 1210 1211 </div> 1212 1213 <div data-dc-tpl="322" style="cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 20px; padding: 18px 22px; display: flex; flex-direction: column; gap: 12px;"> 1214 <div data-dc-tpl="323" style="display: flex; justify-content: space-between; gap: 16px; align-items: center;"> 1215 <div data-dc-tpl="324" style="font-size: 16px; font-weight: 500;"><span class="sc-interp">How much does it cost?</span></div> 1216 <span data-dc-tpl="325" style="flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: rgb(243, 244, 246); display: grid; place-items: center; font-size: 16px;"><span class="sc-interp">+</span></span> 1217 </div> 1218 1219 </div> 1220 1221 <div data-dc-tpl="322" style="cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 20px; padding: 18px 22px; display: flex; flex-direction: column; gap: 12px;"> 1222 <div data-dc-tpl="323" style="display: flex; justify-content: space-between; gap: 16px; align-items: center;"> 1223 <div data-dc-tpl="324" style="font-size: 16px; font-weight: 500;"><span class="sc-interp">What if it stops working?</span></div> 1224 <span data-dc-tpl="325" style="flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: rgb(243, 244, 246); display: grid; place-items: center; font-size: 16px;"><span class="sc-interp">+</span></span> 1225 </div> 1226 1227 </div> 1228 1229 </div> 1230 </section> 1231 1232 1233 <section data-dc-tpl="328" id="contact" data-cf="" style="padding: 80px 20px 100px; max-width: 1120px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 48px; align-items: start; position: relative;"> 1234 <div data-dc-tpl="329" style="display: flex; flex-direction: column; gap: 20px;"> 1235 <h2 data-dc-tpl="330" style="margin: 0px; font-weight: 500; font-size: clamp(36px, 4.6vw, 56px); letter-spacing: -0.035em; line-height: 1.02;">Tell us what's slowing you down.</h2> 1236 <p data-dc-tpl="331" style="margin: 0px; font-size: 16px; line-height: 1.6; color: rgb(91, 99, 110); max-width: 440px;">Describe the task or the information you need, in your own words. We reply within a few hours with a plan and a fixed quote.</p> 1237 <div data-dc-tpl="332" style="display: flex; align-items: center; gap: 12px;"> 1238 <div data-dc-tpl="333" style="display: flex;"><img data-dc-tpl="334" src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-smiling-bearded-headshot.webp" alt="" width="40" height="40" style="width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid rgb(255, 255, 255); background: rgb(238, 240, 242);"><img data-dc-tpl="335" src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-long-hair-portrait.webp" alt="" width="40" height="40" style="width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid rgb(255, 255, 255); margin-left: -12px; background: rgb(238, 240, 242);"><img data-dc-tpl="336" src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-neutral-mustache-headshot.webp" alt="" width="40" height="40" style="width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid rgb(255, 255, 255); margin-left: -12px; background: rgb(238, 240, 242);"></div> 1239 <div data-dc-tpl="337" style="font-size: 14px; line-height: 1.4; color: rgb(91, 99, 110);"><span data-dc-tpl="338" style="color: rgb(24, 32, 43); font-weight: 500;">Kawsar & the team</span><br data-dc-tpl="339">read every brief themselves</div> 1240 </div> 1241 <div data-dc-tpl="340" style="display: flex; flex-direction: column; gap: 0px; margin-top: 6px; border-left: 1px dashed rgb(213, 217, 222); padding-left: 18px;"> 1242 1243 <div data-dc-tpl="342" style="position: relative; padding: 8px 0px;">
1244 <span data-dc-tpl="343" style="position: absolute; left: -26px; top: 12px; width: 15px; height: 15px; border-radius: 50%; background: rgb(24, 32, 43); border: 3px solid rgb(255, 255, 255); box-shadow: rgb(24, 32, 43) 0px 0px 0px 1px; transition: background 0.4s;"></span> 1245 <div data-dc-tpl="344" style="font-size: 15px; font-weight: 500; color: rgb(24, 32, 43); transition: color 0.4s;"><span class="sc-interp">Tell us the problem</span></div> 1246 <div data-dc-tpl="345" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">About one minute</span></div> 1247 </div> 1248 1249 <div data-dc-tpl="342" style="position: relative; padding: 8px 0px;"> 1250 <span data-dc-tpl="343" style="position: absolute; left: -26px; top: 12px; width: 15px; height: 15px; border-radius: 50%; background: rgb(213, 217, 222); border: 3px solid rgb(255, 255, 255); box-shadow: rgb(213, 217, 222) 0px 0px 0px 1px; transition: background 0.4s;"></span> 1251 <div data-dc-tpl="344" style="font-size: 15px; font-weight: 500; color: rgb(91, 99, 110); transition: color 0.4s;"><span class="sc-interp">We reply within a few hours</span></div> 1252 <div data-dc-tpl="345" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Questions or a first plan</span></div> 1253 </div> 1254 1255 <div data-dc-tpl="342" style="position: relative; padding: 8px 0px;"> 1256 <span data-dc-tpl="343" style="position: absolute; left: -26px; top: 12px; width: 15px; height: 15px; border-radius: 50%; background: rgb(213, 217, 222); border: 3px solid rgb(255, 255, 255); box-shadow: rgb(213, 217, 222) 0px 0px 0px 1px; transition: background 0.4s;"></span> 1257 <div data-dc-tpl="344" style="font-size: 15px; font-weight: 500; color: rgb(91, 99, 110); transition: color 0.4s;"><span class="sc-interp">Free call and a fixed price</span></div> 1258 <div data-dc-tpl="345" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Often with a working sample</span></div> 1259 </div> 1260 1261 </div> 1262 <div data-dc-tpl="346" style="display: flex; flex-wrap: wrap; gap: 8px;"> 1263 <a data-dc-tpl="347" href="mailto:[email protected]" data-lift="" style="display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; padding: 10px 16px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43);"><svg data-dc-tpl="348" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="349" d="M3 6h18v12H3zM3 7l9 6 9-6"></path></svg>[email protected]</a> 1264 <a data-dc-tpl="350" href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" target="_blank" rel="noopener" data-lift="" style="display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; padding: 10px 16px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43);"><svg data-dc-tpl="351" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="352" d="M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 21l2.1-5.4A8.4 8.4 0 1 1 21 11.5z"></path></svg>WhatsApp</a> 1265 <a data-dc-tpl="353" href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" data-lift="" style="display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; padding: 10px 16px; border-radius: 999px; border: 1px solid rgb(24, 32, 43); background: rgb(24, 32, 43); color: rgb(255, 255, 255);"><svg data-dc-tpl="354" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="355" d="M3 5h18v16H3zM16 3v4M8 3v4M3 10h18"></path></svg>Book a call</a> 1266 </div> 1267 </div> 1268 <div data-dc-tpl="356" style="position: relative;"> 1269 <div data-dc-tpl="357" aria-hidden="true" style="position: absolute; inset: -40px -30px; z-index: 0; pointer-events: none; background: radial-gradient(closest-side at 72% 28%, rgba(255, 90, 31, 0.16), transparent), radial-gradient(closest-side at 28% 74%, rgba(24, 32, 43, 0.1
1269), transparent); animation: 12s ease-in-out 0s infinite alternate none running cfDrift;"></div> 1270 <form data-dc-tpl="358" style="position: relative; z-index: 1; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 18px; box-shadow: rgba(24, 32, 43, 0.08) 0px 24px 60px;"> 1271 1272 1273 <div data-dc-tpl="367" style="display: flex; flex-direction: column; gap: 8px;"> 1274 <div data-dc-tpl="368" style="display: flex; justify-content: space-between; align-items: baseline; font-size: 13px;"><span data-dc-tpl="369" style="font-weight: 500; color: rgb(24, 32, 43);">Project brief</span><span data-dc-tpl="370" style="color: rgb(91, 99, 110);"><span class="sc-interp">20% complete</span></span></div> 1275 <div data-dc-tpl="371" style="height: 6px; border-radius: 999px; background: rgb(238, 240, 242); overflow: hidden;"><div data-dc-tpl="372" style="height: 100%; width: 100%; border-radius: 999px; background: linear-gradient(90deg, rgb(24, 32, 43), rgb(58, 68, 82) 70%, rgb(255, 90, 31)); transform: scaleX(0.2); transform-origin: left center; transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);"></div></div> 1276 </div> 1277 <div data-dc-tpl="373" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 12px;"> 1278 <input data-dc-tpl="374" type="text" name="website" tabindex="-1" autocomplete="off" aria-hidden="true" style="position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0;"> 1279 <input data-dc-tpl="375" name="name" autocomplete="name" placeholder="Your name" aria-label="Your name" style="border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); border-radius: 12px; padding: 13px 14px; font-size: 15px; outline: none; color: rgb(24, 32, 43); transition: border-color 0.2s, box-shadow 0.2s;"> 1280 <input data-dc-tpl="376" type="email" name="email" autocomplete="email" placeholder="Work email" aria-label="Email address" style="border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); border-radius: 12px; padding: 13px 14px; font-size: 15px; outline: none; color: rgb(24, 32, 43); transition: border-color 0.2s, box-shadow 0.2s;"> 1281 </div> 1282 <div data-dc-tpl="377" style="display: flex; flex-direction: column; gap: 10px;"> 1283 <div data-dc-tpl="378" style="font-size: 14px; font-weight: 500;">What do you need? <span data-dc-tpl="379" style="color: rgb(91, 99, 110); font-weight: 400;">Pick any</span></div> 1284 <div data-dc-tpl="380" style="display: flex; flex-wrap: wrap; gap: 8px;"> 1285 1286 <button data-dc-tpl="382" type="button" data-chip="" aria-pressed="true" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(24, 32, 43); background: rgb(24, 32, 43); color: rgb(255, 255, 255); transition: background 0.25s, color 0.25s, border-color 0.25s, translate 0.2s;"><span class="sc-interp">â </span><span class="sc-interp">Collect data from websites</span></button> 1287 1288 <button data-dc-tpl="382" type="button" data-chip="" aria-pressed="false" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.25s, color 0.25s, border-color 0.25s, translate 0.2s;"><span class="sc-interp"></span><span class="sc-interp">Find new customers</span></button> 1289 1290 <button data-dc-tpl="382" type="button" data-chip="" aria-pressed="false" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.25s, color 0.25s, border-color 0.25s, translate 0.2s;"><span class="sc-interp"></span><span class="sc-interp">AI agents</span></button> 1291 1292 <button data-dc-tpl="382" type="button" data-chip="" aria-pressed="false" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.25s, color 0.25s, border-color 0.25s, translate 0.2s;"><span class="sc-interp"></span><span class="sc-interp">Automate a task</span></button> 1293 1294 <button data-dc-tpl="382" type="button" data-chip="" aria-pressed="false" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.25s, color 0.25s, border-color 0.25s, translate 0.2s;"><span class="sc-interp"></span><span class="sc-interp">SaaS product</span></button> 1295 1296 <button data-dc-tpl="382" type="button" data-chip="" aria-pressed="false" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.25s, color 0.25s, border-color 0.25s, translate 0.2s;"><span class="sc-interp"></span><span class="sc-interp">API</span></button> 1297 1298 <button data-dc-tpl="382" type="button" data-chip="" aria-pressed="false" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.25s, color 0.25s, border-color 0.25s, translate 0.2s;"><span class="sc-interp"></span><span class="sc-interp">Monitoring & maintenance</span></button> 1299 1300 </div> 1301 </div> 1302 <div data-dc-tpl="383" style="display: flex; flex-direction: column; gap: 10px;"> 1303 <div data-dc-tpl="384" style="font-size: 14px; font-weight: 500;">Budget</div> 1304 <div data-dc-tpl="385" style="display: flex; flex-wrap: wrap; gap: 6px; padding: 4px; border-radius: 12px; background: rgb(243, 244, 246);"> 1305 1306 <button data-dc-tpl="387" type="button" data-chip="" aria-pressed="false" style="flex: 1 1 auto; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 12px; border-radius: 12px; border: 0px; background: transparent; color: rgb(91, 99, 110); box-shadow: none; transition: background 0.25s, color 0.25s, box-shadow 0.25s;"><span class="sc-interp">$500â1k</span></button> 1307 1308 <button data-dc-tpl="387" type="button" data-chip="" aria-pressed="true" style="flex: 1 1 auto; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 12px; border-radius: 12px; border: 0px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); box-shadow: rgba(24, 32, 43, 0.08) 0px 1px 2px, rgba(24, 32, 43, 0.08) 0px 4px 12px; transition: background 0.25s, color 0.25s, box-shadow 0.25s;"><span class="sc-interp">$1kâ2k</span></button> 1309 1310 <button data-dc-tpl="387" type="button" data-chip="" aria-pressed="false" style="flex: 1 1 auto; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 12px; border-radius: 12px; border: 0px; background: transparent; color: rgb(91, 99, 110); box-shadow: none; transition: background 0.25s, color 0.25s, box-shadow 0.25s;"><span class="sc-interp">$2kâ5k</span></button> 1311 1312 <button data-dc-tpl="387" type="button" data-chip="" aria-pressed="false" style="flex: 1 1 auto; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 12px; border-radius: 12px; border: 0px; background: transparent; color: rgb(91, 99, 110); box-shadow: none; transition: background 0.25s, color 0.25s, box-shadow 0.25s;"><span class="sc-interp">$5kâ15k</span></button> 1313 1314 <button data-dc-tpl="387" type="button" data-chip="" aria-pressed="false" style="flex: 1 1 auto; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 12px; border-radius: 12px; border: 0px; background: transparent; color: rgb(91, 99, 110); box-shadow: none; transition: background 0.25s, color 0.25s, box-shadow 0.25s;"><span class="sc-interp">$15k+</span></button> 1315 1316 </div> 1317 <div data-dc-tpl="388" style="font-size: 12.5px; color: rgb(91, 99, 110);">
1317Not sure? That's fine, we'll suggest options.</div> 1318 </div> 1319 <div data-dc-tpl="389" style="display: flex; flex-direction: column; gap: 6px;"> 1320 <textarea data-dc-tpl="390" name="message" rows="4" placeholder="e.g. "Every Monday we copy prices from 10 competitor websites into Excel."" aria-label="Describe what you need" style="border: 1px solid rgb(225, 228, 232); border-radius: 12px; padding: 13px 14px; font-size: 15px; outline: none; resize: vertical; color: rgb(24, 32, 43); transition: border-color 0.2s, box-shadow 0.2s;"></textarea> 1321 <div data-dc-tpl="391" style="display: flex; justify-content: space-between; font-size: 12px; color: rgb(91, 99, 110);"><span data-dc-tpl="392"><span class="sc-interp">A few sentences is enough.</span></span><span data-dc-tpl="393"><span class="sc-interp"></span></span></div> 1322 </div> 1323 <label data-dc-tpl="394" style="display: flex; flex-direction: column; gap: 8px;"> 1324 <span data-dc-tpl="395" style="font-size: 14px; font-weight: 500;">Phone or WhatsApp <span data-dc-tpl="396" style="color: rgb(91, 99, 110); font-weight: 400;">Optional</span></span> 1325 <input data-dc-tpl="397" type="tel" name="phone" autocomplete="tel" placeholder="+1 555 000 0000" style="border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); border-radius: 12px; padding: 13px 14px; font-size: 15px; outline: none; color: rgb(24, 32, 43); transition: border-color 0.2s, box-shadow 0.2s;"> 1326 </label> 1327 1328 <button data-dc-tpl="400" type="submit" data-send="" style="cursor: pointer; border: 0px; background: rgb(24, 32, 43); color: rgb(255, 255, 255); border-radius: 999px; padding: 15px; font-style: inherit; font-variant: inherit; font-weight: 600; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; display: flex; justify-content: center; align-items: center; gap: 10px; transition: background 0.25s, transform 0.2s; opacity: 1;"><span class="sc-interp">Send your brief</span><span data-dc-tpl="401" data-arrow="" style="display: inline-block; transition: translate 0.25s;">â</span></button> 1329 <div data-dc-tpl="402" style="font-size: 12px; color: rgb(91, 99, 110); text-align: center;">No spam, no sales calls you didn't ask for. NDA on request.</div> 1330 <div data-dc-tpl="403" style="font-size: 14px; color: rgb(91, 99, 110); text-align: center;">Prefer to talk? <a data-dc-tpl="404" href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="color: rgb(24, 32, 43); font-weight: 500; border-bottom: 1px solid rgb(24, 32, 43);">Book a free 30-minute call â</a></div> 1331 1332 </form> 1333 </div> 1334 </section> 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 </main> 1367 <footer data-dc-tpl="793" style="position: relative; background: rgb(24, 32, 43); color: rgb(255, 255, 255); padding: 72px 20px 0px; overflow: hidden;"> 1368 <div data-dc-tpl="794" style="position: absolute; left: 50%; bottom: -260px; width: 1200px; height: 520px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03) 55%, transparent); pointer-events: none;"></div> 1369 <div data-dc-tpl="795" style="position: relative; max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 56px;"> 1370 <div data-dc-tpl="796" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 32px; font-size: 14px;"> 1371 <div data-dc-tpl="797" style="display: flex; flex-direction: column; gap: 12px;"> 1372 <img data-dc-tpl="798" src="./assets/logo-white.png" alt="BigiByte" style="height: 30px; display: block; align-self: flex-start;"> 1373 <div data-dc-tpl="799" style="color: rgb(161, 167, 176); line-height: 1.6;">Big ideas, byte solutions.</div> 1374 </div> 1375 <div data-dc-tpl="800" style="display: flex; flex-direction: column; gap: 10px; color: rgb(161, 167, 176);"><span data-dc-tpl="801" style="color: rgb(255, 255, 255); font-weight: 500;">Services</span><a data-dc-tpl="802" href="/services/web-scraping" class="scpp" style="color: rgb(161, 167, 176);">Web scraping</a><a data-dc-tpl="803" href="/services/web-automation" class="scpp" style="color: rgb(161, 167, 176);">Automation</a><a data-dc-tpl="804" href="/services/saas-development" class="scpp" style="color: rgb(161, 167, 176);">SaaS development</a><a data-dc-tpl="805" href="/services/api-development" class="scpp" style="color: rgb(161, 167, 176);">API development</a><a data-dc-tpl="806" href="/services/b2b-lead-lists" class="scpp" style="color: rgb(161, 167, 176);">Lead generation</a><a data-dc-tpl="807" href="/services/real-estate-data-scraping" class="scpp" style="color: rgb(161, 167, 176);">Real estate data</a><a data-dc-tpl="808" href="/services" class="scpp" style="color: rgb(161, 167, 176);">All services</a></div> 1376 <div data-dc-tpl="809" style="display: flex; flex-direction: column; gap: 10px; color: rgb(161, 167, 176);"><span data-dc-tpl="810" style="color: rgb(255, 255, 255); font-weight: 500;">Company</span><a data-dc-tpl="811" href="/about" class="scpp" style="color: rgb(161, 167, 176);">About</a><a data-dc-tpl="812" href="/team" class="scpp" style="color: rgb(161, 167, 176);">Team</a><a data-dc-tpl="813" href="/work" class="scpp" style="color: rgb(161, 167, 176);">Work</a><a data-dc-tpl="814" href="/blog" class="scpp" style="color: rgb(161, 167, 176);">Blog</a><a data-dc-tpl="815" href="/faq" class="scpp" style="color: rgb(161, 167, 176);">FAQ</a><a data-dc-tpl="816" href="/contact" class="scpp" style="color: rgb(161, 167, 176);">Contact</a></div> 1377 <div data-dc-tpl="817" style="display: flex; flex-direction: column; gap: 16px; color: rgb(161, 167, 176);">
1378 <span data-dc-tpl="818" style="color: rgb(255, 255, 255); font-weight: 500;">Connect</span> 1379 <div data-dc-tpl="819" style="display: flex; flex-wrap: wrap; gap: 6px; max-width: 260px;"> 1380 <a data-dc-tpl="820" href="https://linkedin.com/company/bigibyte" target="_blank" rel="noopener" aria-label="LinkedIn" title="LinkedIn" class="scpr" style="width: 37px; height: 37px; border-radius: 12px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: grid; place-items: center; transition: background 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s;"><svg data-dc-tpl="821" width="18" height="18" viewBox="0 0 24 24" fill="#FFFFFF"><path data-dc-tpl="822" d="M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13zM7.12 20.45H3.56V9h3.56v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.73V1.73C24 .77 23.2 0 22.22 0z"></path></svg></a><a data-dc-tpl="823" href="https://facebook.com/bigibyte" target="_blank" rel="noopener" aria-label="Facebook" title="Facebook" class="scpr" style="width: 37px; height: 37px; border-radius: 12px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: grid; place-items: center; transition: background 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s;"><img data-dc-tpl="824" src="https://cdn.simpleicons.org/facebook/FFFFFF" alt="" style="width: 18px; height: 18px; display: block;"></a><a data-dc-tpl="825" href="https://twitter.com/bigibyte" target="_blank" rel="noopener" aria-label="X (Twitter)" title="X (Twitter)" class="scpr" style="width: 37px; height: 37px; border-radius: 12px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: grid; place-items: center; transition: background 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s;"><img data-dc-tpl="826" src="https://cdn.simpleicons.org/x/FFFFFF" alt="" style="width: 18px; height: 18px; display: block;"></a><a data-dc-tpl="827" href="https://instagram.com/thebigibyte" target="_blank" rel="noopener" aria-label="Instagram" title="Instagram" class="scpr" style="width: 37px; height: 37px; border-radius: 12px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: grid; place-items: center; transition: background 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s;"><img data-dc-tpl="828" src="https://cdn.simpleicons.org/instagram/FFFFFF" alt="" style="width: 18px; height: 18px; display: block;"></a><a data-dc-tpl="829" href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" target="_blank" rel="noopener" aria-label="WhatsApp" title="WhatsApp" class="scpr" style="width: 37px; height: 37px; border-radius: 12px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: grid; place-items: center; transition: background 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s;"><img data-dc-tpl="830" src="https://cdn.simpleicons.org/whatsapp/FFFFFF" alt="" style="width: 18px; height: 18px; display: block;"></a> 1381 <a data-dc-tpl="831" href="mailto:[email protected]" aria-label="Email [email protected]" title="[email protected]" class="scpr" style="width: 37px; height: 37px; border-radius: 12px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: grid; place-items: center; transition: background 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s;"><svg data-dc-tpl="832" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#FFFFFF" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect data-dc-tpl="833" x="3" y="5" width="18" height="14" rx="2"></rect><path data-dc-tpl="834" d="m3 7 9 6 9-6"></path></svg></a> 1382 </div> 1383 <a data-dc-tpl="835" href="https://www.google.com/maps/search/?api=1&query=Uttara+Center+Metro+Station+Dhaka" target="_blank" rel="noopener" aria-label="BigiByte office: Flat 10B, House 30/32, Road 10, Uttara Sector 15/B, Dhaka, Bangladesh. Open in Google Maps" class="scps" style="display: flex; gap: 12px; align-items: flex-start; max-width: 280px; padding: 14px; border-radius: 12px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); transition: background 0.2s, border-color 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);"><span data-dc-tpl="836" style="flex: 0 0 auto; width: 34px; height: 34px; border-radius: 12px; background: rgba(255, 90, 31, 0.14); color: rgb(255, 138, 91); display: grid; place-items: center;">
1383<svg data-dc-tpl="837" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path data-dc-tpl="838" d="M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z"></path><circle data-dc-tpl="839" cx="12" cy="9.5" r="2.5"></circle></svg></span><address data-dc-tpl="840" style="font-style: normal; display: flex; flex-direction: column; gap: 2px; min-width: 0px;"><span data-dc-tpl="841" style="font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(161, 167, 176);">Office · Dhaka</span><span data-dc-tpl="842" style="font-size: 13.5px; font-weight: 500; color: rgb(255, 255, 255); line-height: 1.45;">Flat 10B, House 30/32</span><span data-dc-tpl="843" style="font-size: 13px; color: rgb(161, 167, 176); line-height: 1.5;">Road 10, Uttara Sector 15/B<br data-dc-tpl="844">Dhaka, Bangladesh</span><span data-dc-tpl="845" style="font-size: 12px; color: rgb(161, 167, 176); line-height: 1.5;">Beside Uttara Center Metro</span><span data-dc-tpl="846" style="margin-top: 6px; font-size: 12.5px; font-weight: 500; color: rgb(255, 255, 255);">Get directions â</span></address></a> 1384 </div> 1385 </div> 1386 <div data-dc-tpl="847" style="display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 13px; color: rgb(161, 167, 176); border-top: 1px solid rgb(44, 53, 66); padding-top: 20px; position: relative; z-index: 1;"><span data-dc-tpl="848">© 2026 BigiByte. All rights reserved.</span><span data-dc-tpl="849" style="display: flex; flex-wrap: wrap; gap: 6px 14px;"><a data-dc-tpl="850" href="/privacy-policy" class="scpp" style="color: rgb(161, 167, 176);">Privacy</a><a data-dc-tpl="851" href="/terms-of-service" class="scpp" style="color: rgb(161, 167, 176);">Terms</a><a data-dc-tpl="852" href="/cookie-policy" class="scpp" style="color: rgb(161, 167, 176);">Cookies</a><a data-dc-tpl="853" href="/data-protection" class="scpp" style="color: rgb(161, 167, 176);">Data protection</a><a data-dc-tpl="854" href="/refund-policy" class="scpp" style="color: rgb(161, 167, 176);">Refunds</a><a data-dc-tpl="855" href="/acceptable-use-policy" class="scpp" style="color: rgb(161, 167, 176);">Acceptable use</a></span></div> 1387 <div data-dc-tpl="856" aria-hidden="true" style="pointer-events: none; user-select: none; font-size: clamp(90px, 22vw, 300px); font-weight: 600; letter-spacing: -0.07em; line-height: 0.75; text-align: center; white-space: nowrap; color: rgb(44, 53, 66);">BigiByte</div> 1388 </div> 1389 </footer></div></div></div>
1390<script>(function(){var pre=document.getElementById('dc-prerender');if(!pre)return;if(/^#\/./.test(location.hash))pre.style.visibility='hidden';new MutationObserver(function(m,o){var r=document.getElementById('dc-root');if(r&&r.firstChild){pre.remove();o.disconnect();}}).observe(document.body,{childList:true,subtree:true});})();</script>
1390 1391<x-dc> 1392<helmet> 1393<style> 1394html,body{margin:0;background:#FFFFFF;color:#18202B;font-family:'Poppins',system-ui,sans-serif;-webkit-font-smoothing:antialiased} 1395*{box-sizing:border-box} 1396a{color:#18202B;text-decoration:none} 1397a:hover{color:#18202B}footer a:hover{color:inherit} 1398input,textarea{font-family:inherit;caret-color:#18202B} 1399::selection{background:#18202B;color:#FFFFFF} 1400@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}} 1401@keyframes ping{0%{transform:scale(1);opacity:0.8}100%{transform:scale(2.6);opacity:0}} 1402@keyframes grow{from{width:0}to{width:100%}} 1403@keyframes cfPop{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}} 1404@keyframes cfDrift{0%{transform:translate(0,0)}100%{transform:translate(-18px,14px)}} 1405[data-ab-gallery]{padding:72px 0 80px;background:linear-gradient(180deg,#FFFFFF,#F6F7F8 30%,#F6F7F8 70%,#FFFFFF)}[data-ab-head]{text-align:center;max-width:640px;margin:0 auto 40px;padding:0 20px}[data-ab-marquee]{overflow:hidden;padding:6px 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}[data-ab-track]{display:flex;gap:22px;width:max-content;animation:abScroll 60s linear infinite}[data-ab-track="rtl"]{animation-direction:reverse;animation-duration:66s}[data-ab-marquee]:hover [data-ab-track]{animation-play-state:paused}@keyframes abScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 11px))}}[data-ab-card]{position:relative;flex:0 0 auto;width:400px;aspect-ratio:8/5;margin:0;border-radius:20px;overflow:hidden;background:#E3E6EA;border:1px solid #E6E8EB;box-shadow:0 14px 34px rgba(24,32,43,.08);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}[data-ab-card] img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}[data-ab-card]::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(24,32,43,.72));pointer-events:none}[data-ab-card] figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}[data-ab-tag]{font-size:11.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#18202B;background:rgba(255,255,255,.9);padding:4px 10px;border-radius:999px}[data-ab-title]{font-size:18px;font-weight:600;color:#FFFFFF;letter-spacing:-.01em}[data-ab-card]:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(24,32,43,.16)}[data-ab-card]:hover img{transform:scale(1.07)}@media (max-width:640px){[data-ab-card]{width:280px;border-radius:18px}[data-ab-title]{font-size:16px}[data-ab-track]{gap:14px}[data-ab-gallery]{padding-top:56px}}@media (prefers-reduced-motion:reduce){[data-ab-track]{animation:none}[data-ab-marquee]{overflow-x:auto;-webkit-mask-image:none;mask-image:none}[data-ab-card][aria-hidden="true"]{display:none}} 1406[data-ab-card]{cursor:zoom-in}[data-ab-card]:focus-visible{outline:3px solid #18202B;outline-offset:3px}.ab-lb{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;background:rgba(15,20,27,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.ab-lb-open{opacity:1;visibility:visible}.ab-lb-fig{margin:0;max-width:min(1200px,100%);display:flex;flex-direction:column;gap:14px;transform:scale(.96);transition:transform .35s cubic-bezier(.2,.7,.2,1)}.ab-lb-open .ab-lb-fig{transform:scale(1)}.ab-lb-fig img{display:block;max-width:100%;max-height:78vh;border-radius:20px;object-fit:contain;background:#222B38;box-shadow:0 30px 80px rgba(0,0,0,.45);transition:opacity .25s}.ab-lb-loading .ab-lb-fig img{opacity:.35}.ab-lb-fig figcaption{display:flex;align-items:center;gap:12px;color:#FFFFFF;font-size:16px;font-weight:500}.ab-lb-tag{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#18202B;background:#FFFFFF;padding:4px 10px;border-radius:999px}.ab-lb-count{margin-left:auto;color:#A1A7B0;font-size:13px;font-weight:400}.ab-lb-x,.ab-lb-nav{flex:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#FFFFFF;border-radius:999px;cursor:pointer;display:grid;place-items:center;font:inherit;line-height:1;transition:background .2s,color .2s}.ab-lb-x:hover,.ab-lb-nav:hover{background:#FFFFFF;color:#18202B}.ab-lb-x{position:absolute;top:18px;right:18px;width:44px;height:44px;font-size:26px}.ab-lb-nav{width:52px;height:52px;font-size:30px}@media (max-width:700px){.ab-lb{padding:64px 12px 24px}.ab-lb-nav{position:absolute;bottom:20px;width:46px;height:46px}.ab-lb-prev{left:calc(50% - 56px)}.ab-lb-next{right:calc(50% - 56px)}.ab-lb-fig img{max-height:64vh}} 1407[data-nav=wa]::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#25D366;opacity:.3;animation:waRing 2.4s cubic-bezier(0,0,.2,1) infinite;z-index:-1}[data-nav=wa] svg{position:relative}@keyframes waRing{0%{transform:scale(1);opacity:.3}70%,100%{transform:scale(1.7);opacity:0}
1407}@media (prefers-reduced-motion:reduce){[data-nav=wa]::before{animation:none;opacity:0}} 1408[data-fq-search] input:focus{border-color:#18202B!important;box-shadow:0 0 0 4px rgba(24,32,43,0.08),0 18px 40px rgba(24,32,43,0.08)!important}[data-fq-item]:hover{border-color:#C9CED4!important}[data-fq-pop]:hover{border-style:solid!important;border-color:#18202B!important}@media (min-width:980px){[data-fq-layout]{grid-template-columns:minmax(0,1fr) 320px!important}}@media (max-width:979px){[data-fq-side]{position:static!important}}@media (max-width:640px){[data-fq-tabs]{flex-wrap:nowrap!important;overflow-x:auto;margin:0 -20px;padding:2px 20px 6px;scrollbar-width:none}[data-fq-tabs]::-webkit-scrollbar{display:none}[data-fq-tabs] button{flex:none;white-space:nowrap}[data-fq-search] input{padding-right:92px!important;font-size:15px!important}} 1409[data-cf] input:focus,[data-cf] textarea:focus{border-color:#18202B!important;box-shadow:0 0 0 4px rgba(24,32,43,0.08)} 1410[data-cf] [data-chip]:hover{translate:0 -1px} 1411[data-cf] [data-lift]{transition:translate .2s ease,box-shadow .2s ease} 1412[data-cf] [data-lift]:hover{translate:0 -2px;box-shadow:0 10px 24px rgba(24,32,43,0.10)} 1413[data-cf] [data-send]:hover{background:#2A3442!important} 1414[data-cf] [data-send]:hover [data-arrow]{translate:3px -3px} 1415[data-cf] [data-send]:disabled{cursor:wait} 1416@media (min-width:960px){[data-wk-flip=true] [data-wk-media]{order:2}} 1417/* Keyboard focus, skip link, current page, pressed state */ 1418:focus-visible{outline:2px solid #FF5A1F!important;outline-offset:2px} 1419[data-skip]{position:fixed;left:12px;top:-64px;z-index:100;background:#18202B;color:#FFFFFF;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:500;transition:top 0.2s ease} 1420[data-skip]:focus{top:12px}[data-skip]:hover{color:#FFFFFF} 1421[data-nav=link][aria-current=page]{color:#FFFFFF!important;background:rgba(255,255,255,0.10)} 1422[data-nav-m][aria-current=page]{background:#F6F7F8} 1423button:not([disabled]):active,a:active{scale:0.98} 1424/* Team cards: photo turns to colour and the arrow appears on hover or keyboard focus */ 1425[data-tm-img]{filter:grayscale(1);transition:filter 0.5s ease, transform 0.6s cubic-bezier(0.2,0.8,0.2,1)} 1426[data-tm]:hover [data-tm-img],[data-tm]:focus-within [data-tm-img]{filter:none;transform:scale(1.04)} 1427[data-tm-go]{opacity:0;transform:translateY(6px);transition:opacity 0.3s ease, transform 0.3s ease} 1428[data-tm]:hover [data-tm-go],[data-tm]:focus-within [data-tm-go]{opacity:1;transform:none} 1429@media (hover:none){[data-tm-img]{filter:none}[data-tm-go]{opacity:1;transform:none}} 1430@media (max-width:680px){[data-tm]{display:grid!important;grid-template-columns:104px minmax(0,1fr);column-gap:16px;row-gap:6px;align-items:start}[data-tm]>a:first-child{grid-row:1 / span 3;border-radius:16px!important}[data-tm]>a:first-child>span:first-of-type{display:none}[data-tm-go]{display:none!important}[data-tm-join]{min-height:0!important}} 1431/* Sections hidden on phones to keep the mobile page short: add data-m-hide to an element. */ 1432@media (max-width:680px){[data-m-hide]{display:none!important}} 1433@media (max-width:680px){[data-nav=link]{display:none!important}[data-nav=burger]{display:grid!important}[data-nav=bar]{gap:8px!important;padding-left:16px!important}} 1434@media (max-width:560px){[data-r=proof]{flex-direction:column}[data-r=proof-text]{text-align:center!important}} 1435@media (max-width:419px){[data-nav=wa]{display:none!important}} 1436@media (max-width:374px){[data-nav=free],[data-nav=dot]{display:none!important}[data-nav=head]{padding:12px 8px!important}[data-nav=cta]{gap:8px!important;font-size:13px!important;padding-left:12px!important}} 1437@keyframes waGlow{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,0.38),0 0 10px rgba(34,197,94,0.18)}55%{box-shadow:0 0 0 6px rgba(34,197,94,0.55),0 0 18px rgba(34,197,94,0.28)}} 1438[data-nav="wa"]{animation:waGlow 2.8s ease-in-out infinite} 1439[data-ct-path]{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:20px;text-align:left;text-decoration:none;transition:transform 0.25s cubic-bezier(0.2,0.8,0.2,1),box-shadow 0.25s ease} 1440[data-ct-path]:hover{transform:translateY(-4px)}
1441[data-story-img]{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;flex:none;background-size:cover;background-position:center} 1442</style> 1443<link rel="preconnect" href="https://cal.com"><link rel="preconnect" href="https://app.cal.com"><link rel="dns-prefetch" href="https://cal.com"></helmet> 1444 1445<div style="background:#FFFFFF;overflow-x:clip"> 1446 1447 <a href="#main" data-skip>Skip to content</a> 1448 <!-- NAV --> 1449 <div onClick="{{ closeMenu }}" style="position:fixed;inset:0;z-index:45;background:rgba(24,32,43,{{ bdA }});backdrop-filter:{{ bdF }};-webkit-backdrop-filter:{{ bdF }};pointer-events:{{ bdPe }};transition:background 0.3s ease, backdrop-filter 0.35s ease, -webkit-backdrop-filter 0.35s ease"></div> 1450 <header data-nav="head" onMouseLeave="{{ scheduleClose }}" onMouseEnter="{{ cancelClose }}" style="position:sticky;top:0;z-index:50;display:flex;justify-content:center;padding:14px 16px;pointer-events:none"> 1451 <nav data-nav="bar" style="pointer-events:auto;display:flex;align-items:center;gap:20px;padding:6px 6px 6px 22px;border-radius:999px;background:rgba(24,32,43,0.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);color:#FFFFFF;box-shadow:0 12px 34px rgba(24,32,43,0.22), inset 0 1px 0 rgba(255,255,255,0.06);white-space:nowrap;max-width:100%;font-family:'Poppins',system-ui,sans-serif"> 1452 <a href="/" style="display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#FFFFFF;flex:none"><img src="./assets/logo-white.png" alt="BigiByte" style="height:22px;display:block"></a> 1453 <div style="position:relative;display:flex;align-items:center;gap:2px;font-size:14px;font-weight:500;letter-spacing:-0.005em;min-width:0"> 1454 <a href="/work" data-nav="link" aria-current="{{ curWork }}" onMouseEnter="{{ closeMenu }}" style="color:#D5D9DE;padding:9px 15px;border-radius:999px;transition:background 0.2s ease, color 0.2s ease" style-hover="color:#FFFFFF;background:rgba(255,255,255,0.08)">Work</a> 1455 <button type="button" data-nav="link" onMouseEnter="{{ openServices }}" onClick="{{ openServices }}" style="cursor:pointer;border:0;background:{{ svcBg }};font:inherit;padding:9px 13px 9px 15px;border-radius:999px;display:flex;align-items:center;gap:6px;color:{{ svcInk }};transition:background 0.2s ease, color 0.2s ease">Services <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" style="opacity:0.7;transform:rotate({{ svcRot }});transition:transform 0.25s ease"><path d="M6 9l6 6 6-6"></path></svg></button> 1456 <button type="button" data-nav="link" onMouseEnter="{{ openMore }}" onClick="{{ openMore }}" style="cursor:pointer;border:0;background:{{ moreBg }};font:inherit;padding:9px 13px 9px 15px;border-radius:999px;display:flex;align-items:center;gap:6px;color:{{ moreInk }};transition:background 0.2s ease, color 0.2s ease">More <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" style="opacity:0.7;transform:rotate({{ moreRot }});transition:transform 0.25s ease"><path d="M6 9l6 6 6-6"></path></svg></button> 1457 <div data-lenis-prevent style="position:fixed;left:50%;top:76px;transform:translateX(-50%) translateY({{ svcY }}) scale({{ svcS }});transform-origin:top center;opacity:{{ svcOp }};visibility:{{ svcVis }};transition:opacity 0.22s ease, transform 0.32s cubic-bezier(0.2,0.8,0.2,1), visibility 0.32s;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 96px);overflow-y:auto;overscroll-behavior:contain;background:#F3F4F6;border-radius:20px;padding:8px;box-shadow:0 30px 70px rgba(0,0,0,0.35);color:#18202B"> 1458 <div style="position:absolute;left:0;right:0;top:-24px;height:24px"></div> 1459 <div style="background:#FFFFFF;border-radius:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));overflow:hidden"> 1460 <sc-for list="{{ navSvc }}" as="nc" hint-placeholder-count="2"> 1461 <div style="display:flex;flex-direction:column;min-width:0;border-right:1px solid #EEF0F2"> 1462 <sc-for list="{{ nc.groups }}" as="col" hint-placeholder-count="1"> 1463 <div style="display:flex;flex-direction:column;min-width:0"> 1464 <div style="padding:10px 20px;font-size:12px;color:#5B636E;border-bottom:1px solid #EEF0F2;background:#F7F8F9">{{ col.h }}</div> 1465 <sc-for list="{{ col.items }}" as="it" hint-placeholder-count="3"> 1466 <a href="/services/{{ it.slug }}" onClick="{{ closeMenu }}" style="display:flex;gap:12px;white-space:normal;padding:10px 20px;border-bottom:1px solid #EEF0F2;color:#18202B" style-hover="background:#F7F8F9;color:#18202B"> 1467 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex:none;margin-top:2px"><path d="{{ it.icon }}"></path></svg>
1468 <span style="display:flex;flex-direction:column;gap:3px;min-width:0"> 1469 <span style="display:block;font-size:15px;font-weight:500;line-height:1.35">{{ it.plain }}<sc-if value="{{ it.pop }}" hint-placeholder-val="{{ false }}"><span style="display:inline-block;margin-left:8px;vertical-align:1px;font-size:11px;font-weight:500;background:#EEF0F2;color:#18202B;padding:2px 8px;border-radius:999px;line-height:1.4">Popular</span></sc-if></span> 1470 <span style="font-size:13px;color:#5B636E">{{ it.t }}</span> 1471 </span> 1472 </a> 1473 </sc-for> 1474 </div> 1475 </sc-for> 1476 </div> 1477 </sc-for> 1478 </div> 1479 <a href="/services" onClick="{{ closeMenu }}" style="margin-top:8px;display:flex;justify-content:center;align-items:center;gap:8px;padding:15px;border-radius:12px;background:#18202B;color:#FFFFFF;font-size:14px;font-weight:500" style-hover="background:#FF5A1F;color:#18202B">Explore all services â</a> 1480 </div> 1481 1482 <div style="position:fixed;left:50%;top:76px;transform:translateX(-50%) translateY({{ moreY }}) scale({{ moreS }});transform-origin:top center;opacity:{{ moreOp }};visibility:{{ moreVis }};transition:opacity 0.22s ease, transform 0.32s cubic-bezier(0.2,0.8,0.2,1), visibility 0.32s;width:min(640px,calc(100vw - 32px));background:#F3F4F6;border-radius:20px;padding:8px;box-shadow:0 30px 70px rgba(0,0,0,0.35);color:#18202B"> 1483 <div style="position:absolute;left:0;right:0;top:-24px;height:24px"></div> 1484 <div style="background:#FFFFFF;border-radius:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));overflow:hidden"> 1485 <sc-for list="{{ moreItems }}" as="it" hint-placeholder-count="6"> 1486 <a href="{{ it.href }}" onClick="{{ closeMenu }}" style="display:flex;gap:14px;padding:18px 20px;border-bottom:1px solid #EEF0F2;border-right:1px solid #EEF0F2;color:#18202B" style-hover="background:#F7F8F9;color:#18202B"> 1487 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex:none;margin-top:2px"><path d="{{ it.icon }}"></path></svg> 1488 <span style="display:flex;flex-direction:column;gap:3px"><span style="font-size:15px;font-weight:500">{{ it.t }}</span><span style="font-size:13px;color:#5B636E">{{ it.s }}</span></span> 1489 </a> 1490 </sc-for> 1491 </div> 1492 </div> 1493 1494 <div data-lenis-prevent style="position:fixed;left:50%;top:76px;transform:translateX(-50%) translateY({{ mobY }}) scale({{ mobS }});transform-origin:top center;opacity:{{ mobOp }};visibility:{{ mobVis }};transition:opacity 0.22s ease, transform 0.32s cubic-bezier(0.2,0.8,0.2,1), visibility 0.32s;width:calc(100vw - 24px);max-height:calc(100dvh - 92px);overflow-y:auto;background:#F3F4F6;border-radius:20px;padding:8px;box-shadow:0 30px 70px rgba(0,0,0,0.35);color:#18202B"> 1495 <div style="background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;overflow:hidden"> 1496 <sc-for list="{{ mobileItems }}" as="it" hint-placeholder-count="5"> 1497 <a href="{{ it.href }}" data-nav-m aria-current="{{ it.cur }}" onClick="{{ closeMenu }}" style="display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid #EEF0F2;color:#18202B;font-size:17px;font-weight:500">{{ it.t }}<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#5B636E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex:none"><path d="M9 6l6 6-6 6"></path></svg></a> 1498 </sc-for> 1499 <div style="display:flex;flex-wrap:wrap;gap:4px 16px;padding:14px 18px;font-size:14px"> 1500 <sc-for list="{{ mobileMore }}" as="mm" hint-placeholder-count="4"><a href="{{ mm.href }}" onClick="{{ closeMenu }}" style="color:#5B636E">{{ mm.t }}</a></sc-for> 1501 </div> 1502 </div> 1503 <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" onClick="{{ closeMenu }}" style="margin-top:8px;display:flex;justify-content:center;align-items:center;gap:8px;padding:15px;border-radius:12px;background:#18202B;color:#FFFFFF;font-size:15px;font-weight:500">Book a call â</a> 1504 <a href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20
1504a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" target="_blank" rel="noopener" onClick="{{ closeMenu }}" style="display:flex;justify-content:center;align-items:center;gap:8px;padding:14px;border-radius:12px;border:1px solid #E1E4E8;background:#FFFFFF;color:#18202B;font-size:15px;font-weight:500"><svg width="17" height="17" style="color:#15803D" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.63.71.23 1.36.2 1.87.12.57-.08 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35zM12.05 21.8h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.82 9.82 0 0 1 2.89 6.99c0 5.45-4.43 9.88-9.88 9.88zm8.41-18.3A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45h.01c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41z"/></svg>Chat on WhatsApp</a> 1505 </div> 1506 1507 </div> 1508 <a href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" data-nav="wa" target="_blank" rel="noopener" aria-label="Chat with us on WhatsApp" title="Chat on WhatsApp" style="position:relative;isolation:isolate;flex:none;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#15803D;color:#FFFFFF;transition:background 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1)" style-hover="background:#166534;color:#FFFFFF;transform:translateY(-1px)"><svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.63.71.23 1.36.2
15081.87.12.57-.08 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35zM12.05 21.8h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.82 9.82 0 0 1 2.89 6.99c0 5.45-4.43 9.88-9.88 9.88zm8.41-18.3A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45h.01c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41z"/></svg></a> 1509 <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" data-nav="cta" onMouseEnter="{{ ctaOn }}" onMouseLeave="{{ ctaOff }}" style="flex:none;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;background:#FFFFFF;color:#18202B;padding:5px 5px 5px 14px;border-radius:999px;box-shadow:0 0 0 4px rgba(255,255,255,0.10);transition:box-shadow 0.25s ease" style-hover="box-shadow:0 0 0 7px rgba(255,255,255,0.18);color:#18202B"><span data-nav="dot" style="position:relative;height:17px;flex:none;width:{{ ctaLeadW }};transition:width 0.4s cubic-bezier(0.2,0.8,0.2,1)"><span style="position:absolute;left:0;top:4.5px;width:8px;height:8px;opacity:{{ ctaDotOp }};transform:scale({{ ctaDotOp }});transition:opacity 0.25s ease, transform 0.3s ease"><span style="position:absolute;inset:0;border-radius:50%;background:#22C55E;animation:ping 1.6s ease-out infinite"></span><span style="position:absolute;inset:0;border-radius:50%;background:#22C55E"></span></span><span style="position:absolute;left:0;top:0;display:block;line-height:0;opacity:{{ ctaMeetOp }};transform:{{ ctaMeetT }};transform-origin:30% 60%;transition:opacity 0.3s ease, transform 0.5s cubic-bezier(0.34,1.56,0.64,1)"><svg viewBox="0 0 87.5 72" width="20" height="17" aria-hidden="true"><path fill="#00832d" d="M49.5 36l8.53 9.75 11.47 7.33 2-17.02-2-16.64-11.69 6.44z"/><path fill="#0066da" d="M0 51.5V66c0 3.315 2.685 6 6 6h14.5l3-10.96-3-9.54-9.95-3z"/><path fill="#e94235" d="M20.5 0L0 20.5l10.55 3 9.95-3 2.95-9.41z"/><path fill="#2684fc" d="M20.5 20.5H0v31h20.5z"/><path fill="#00ac47" d="M82.6 8.68L69.5 19.42v33.66l13.16 10.79c1.97 1.54 4.85.135 4.85-2.37V11c0-2.535-2.945-3.925-4.91-2.32zM49.5 36v15.5h-29V72h43c3.315 0 6-2.685 6-6V53.08z"/><path fill="#ffba00" d="M63.5 0h-43v20.5h29V36l20-16.57V6c0-3.315-2.685-6-6-6z"/></svg></span></span><span style="white-space:nowrap">Book a call</span><span style="position:relative;width:30px;height:30px;border-radius:50%;background:#18202B;color:#FFFFFF;overflow:hidden;flex:none"> 1510 <span style="position:absolute;inset:0;display:grid;place-items:center;font-size:14px;opacity:{{ ctaArrowOp }};transform:{{ ctaArrowT }};transition:opacity 0.3s ease, transform 0.45s cubic-bezier(0.2,0.8,0.2,1)"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M8 7h9v9"></path></svg></span> 1511 <span style="position:absolute;inset:0;display:grid;place-items:center;opacity:{{ ctaPhoneOp }};transform:{{ ctaPhoneT }};transition:opacity 0.25s ease, transform 0.4s cubic-bezier(0.34,1.56,0.64,1)"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8.1 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z"></path></svg></span> 1512 </span></a> 1513 <button type="button" data-nav="burger" aria-label="{{ mobLabel }}" aria-expanded="{{ mobOpen }}" onClick="{{ toggleMobile }}" style="display:none;place-items:center;width:40px;height:40px;flex:none;border:0;border-radius:999px;background:rgba(255,255,255,0.10);color:#FFFFFF;cursor:pointer"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="{{ mobIcon }}"></path></svg></button> 1514 </nav> 1515 </header> 1516 <main id="main"> 1517 1518 <sc-if value="{{ isHome }}" hint-placeholder-val="{{ true }}"> 1519 <!-- HERO --> 1520 <section id="top" style="position:relative;margin-top:-80px;padding:166px 20px 40px;text-align:center"> 1521 <div style="position:absolute;inset:0;pointer-events:none;overflow:hidden"> 1522 <div style="position:absolute;
1522left:-12%;top:-18%;width:52%;height:78%;border-radius:50%;background:radial-gradient(closest-side,rgba(168,182,202,0.55),rgba(168,182,202,0.18) 55%,transparent)"></div> 1523 <div style="position:absolute;right:-10%;top:-24%;width:62%;height:86%;border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.22),rgba(60,74,94,0.10) 55%,transparent)"></div> 1524 <div style="position:absolute;left:30%;top:-30%;width:40%;height:55%;border-radius:50%;background:radial-gradient(closest-side,rgba(206,214,226,0.6),transparent)"></div> 1525 <div style="position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 45%,#FFFFFF 92%)"></div> 1526 </div> 1527 <div style="position:relative;max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:22px"> 1528 <div style="display:flex;align-items:center;gap:8px;font-size:13px;color:#5B636E;background:#FFFFFF;border:1px solid #E6E8EB;padding:6px 14px 6px 8px;border-radius:999px"> 1529 <span style="background:#F0F1F3;color:#18202B;font-weight:500;padding:3px 9px;border-radius:999px;font-size:12px">New</span> 1530 Booking Q4 2026 projects 1531 </div> 1532 <h1 style="margin:0;font-weight:500;font-size:clamp(40px,5.6vw,72px);line-height:1.04;letter-spacing:-0.035em;text-wrap:balance">Your data partner for scraping, automation & SaaS products.</h1> 1533 <p style="margin:0;font-size:18px;line-height:1.55;color:#5B636E;max-width:600px;text-wrap:pretty">We turn messy web data into clean pipelines, and clean pipelines into products your customers pay for.</p> 1534 <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;font-size:14px;color:#353C47"> 1535 <sc-for list="{{ checks }}" as="c" hint-placeholder-count="3"> 1536 <span style="display:flex;align-items:center;gap:7px"><span style="width:18px;height:18px;border-radius:50%;background:#18202B;color:#FFFFFF;display:grid;place-items:center;font-size:11px;font-weight:700">â</span>{{ c }}</span> 1537 </sc-for> 1538 </div> 1539 <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px"> 1540 <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="background:#18202B;color:#FFFFFF;padding:14px 24px;border-radius:999px;font-size:15px;font-weight:500;display:flex;align-items:center;gap:10px" style-hover="background:#2A3442;color:#FFFFFF">Book a free call <span style="width:22px;height:22px;border-radius:50%;background:#FFFFFF;color:#18202B;display:grid;place-items:center;font-size:12px">â</span></a> 1541 <a href="/#work" style="background:#FFFFFF;border:1px solid #DDE0E4;padding:14px 24px;border-radius:999px;font-size:15px;font-weight:500" style-hover="border-color:#18202B;color:#18202B">See our work</a> 1542 </div> 1543 <div data-r="proof" style="display:flex;align-items:center;gap:12px;margin-top:6px"> 1544 <div style="display:flex;padding-left:10px"> 1545 <sc-for list="{{ avatars }}" as="av" hint-placeholder-count="0"> 1546 <div style="position:relative;width:38px;height:38px;margin-left:-10px;border:2px solid #FFFFFF;border-radius:50%;background-color:#EEF0F2;background-image:url({{ av }});background-size:cover;background-position:center;box-shadow:0 2px 6px rgba(24,32,43,0.12);transition:transform 0.25s cubic-bezier(0.2,0.8,0.2,1), box-shadow 0.25s ease;cursor:pointer" style-hover="transform:scale(1.45) translateY(-3px);z-index:3;box-shadow:0 10px 20px rgba(24,32,43,0.25)"></div> 1547 </sc-for> 1548 </div> 1549 <div data-r="proof-text" style="font-size:14px;line-height:1.4;color:#5B636E;text-align:left"><span style="color:#18202B;font-weight:500">Join founders who automated their data.</span><br>Your project could be next.</div> 1550 </div> 1551 </div> 1552 1553 <div id="heroShots" data-m-hide onMouseEnter="{{ pauseShots }}" onMouseLeave="{{ playShots }}" style="position:relative;margin:72px -20px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;"> 1554 <div style="display:flex;gap:16px;padding-right:16px;width:max-content"> 1555 <sc-for list="{{ shots }}" as="sh" hint-placeholder-count="6"> 1556 <div style="flex:none;height:clamp(240px,34vw,460px);aspect-ratio:{{ sh.ar }};border-radius:20px;overflow:hidden;background:#EEF0F2;cursor:zoom-in"><img src="{{ sh.src }}" alt="{{ sh.alt }}" title="{{ sh.alt }}" loading="{{ sh.ld }}" decoding="async" draggable="false" style="display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 0.7s cubic-bezier(0.2,0.8,0.2,1)" style-hover="transform:scale(1.12)"></div> 1557 </sc-for> 1558 </div> 1559 </div> 1560 <div data-m-hide style="display:flex;justify-content:center;gap:10px;margin-top:20px"><button type="button" onClick="{{ shotsPrev }}" aria-label="Previous" style="width:44px;height:44px;border-radius:999px;border:1px solid #E6E8EB;background:#FFFFFF;color:#18202B;display:grid;place-items:center;cursor:pointer;transition:background 0.2s ease, transform 0.2s ease" style-hover="background:#18202B;color:#FFFFFF;transform:translateY(-2px)">
1560<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"></path></svg></button><button type="button" onClick="{{ shotsNext }}" aria-label="Next" style="width:44px;height:44px;border-radius:999px;border:1px solid #E6E8EB;background:#FFFFFF;color:#18202B;display:grid;place-items:center;cursor:pointer;transition:background 0.2s ease, transform 0.2s ease" style-hover="background:#18202B;color:#FFFFFF;transform:translateY(-2px)"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"></path></svg></button></div> 1561 </section> 1562 1563 <!-- WHO WE HELP --> 1564 <section id="who" style="padding:80px 20px 24px;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:40px"> 1565 <div style="display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 48px"> 1566 <h2 style="margin:0;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-0.03em;line-height:1.08;text-wrap:balance;max-width:640px">Who we help</h2> 1567 <p style="margin:0 0 6px;font-size:16.5px;line-height:1.6;color:#5B636E;max-width:380px;text-wrap:pretty">If one of these sounds like you, we have probably solved it before.</p> 1568 </div> 1569 <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));column-gap:48px;border-top:1px solid #E6E8EB"> 1570 <sc-for list="{{ whoHelp }}" as="wh" hint-placeholder-count="6"> 1571 <a href="{{ wh.href }}" style="display:flex;gap:16px;align-items:flex-start;padding:22px 8px;border-bottom:1px solid #E6E8EB;color:#18202B;transition:background 0.25s ease" style-hover="background:#F6F7F8;color:#18202B"> 1572 <span style="flex:none;width:40px;height:40px;border-radius:12px;background:#F0F1F3;color:#18202B;display:grid;place-items:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="{{ wh.icon }}"></path></svg></span> 1573 <span style="flex:1;min-width:0;display:flex;flex-direction:column;gap:4px"><span style="font-size:17px;font-weight:500;letter-spacing:-0.01em">{{ wh.t }}</span><span style="font-size:15px;line-height:1.55;color:#5B636E;text-wrap:pretty">â{{ wh.q }}â</span></span> 1574 <span aria-hidden="true" style="flex:none;margin-top:8px;color:#5B636E">â</span> 1575 </a> 1576 </sc-for> 1577 </div> 1578 </section> 1579 1580 <!-- STACK STRIP --> 1581 <section style="padding:64px 0;display:flex;flex-direction:column;align-items:center;gap:22px"> 1582 <div style="display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 20px;text-align:center"><div style="font-size:15px;font-weight:500;color:#18202B">Works with the tools you already use</div><div style="font-size:13px;color:#5B636E">Excel, Google Sheets, HubSpot, Airtable, Notion and more. No need to learn anything new.</div></div> 1583 <div style="width:100%;display:flex;flex-direction:column;gap:12px"> 1584 <div style="width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)"> 1585 <div style="display:flex;gap:12px;padding-right:12px;width:max-content;animation:marq 80s linear infinite"> 1586 <sc-for list="{{ toolsA }}" as="tl" hint-placeholder-count="0"> 1587 <div style="flex:none;display:flex;align-items:center;gap:10px;padding:11px 18px 11px 14px;border:1px solid #E6E8EB;border-radius:999px;background:#FFFFFF"><span style="width:22px;height:22px;display:block;flex:none;background-image:url({{ tl.src }});background-size:contain;background-repeat:no-repeat;background-position:center"></span><span style="font-size:15px;font-weight:500;color:#353C47;white-space:nowrap">{{ tl.n }}</span></div> 1588 </sc-for> 1589 </div> 1590 </div> 1591 <div style="width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)"> 1592 <div style="display:flex;gap:12px;padding-right:12px;width:max-content;animation:marq 100s linear infinite"> 1593 <sc-for list="{{ toolsB }}" as="tl" hint-placeholder-count="0"> 1594 <div style="flex:none;display:flex;align-items:center;gap:10px;padding:11px 18px 11px 14px;border:1px solid #E6E8EB;border-radius:999px;background:#FFFFFF"><span style="width:22px;height:22px;display:block;flex:none;background-image:url({{ tl.src }});background-size:contain;background-repeat:no-repeat;background-position:center"></span><span style="font-size:15px;font-weight:500;color:#353C47;white-space:nowrap">{{ tl.n }}</span></div> 1595 </sc-for> 1596 </div> 1597 </div> 1598 </div> 1599 </section> 1600 1601 <!-- SERVICES --> 1602 <section id="services" data-m-hide style="padding:80px 20px;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:48px"> 1603 <div style="display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;
1603gap:14px 48px"> 1604 <h2 style="margin:0;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-0.03em;line-height:1.08;text-wrap:balance;max-width:640px">Three ways we save you time</h2> 1605 <p style="margin:0 0 6px;font-size:16.5px;line-height:1.6;color:#5B636E;max-width:380px;text-wrap:pretty">Pick one, or let us handle all three.</p> 1606 </div> 1607 <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px 16px;align-items:start"> 1608 <sc-for list="{{ svcGroups }}" as="sg" hint-placeholder-count="3"> 1609 <div style="display:flex;flex-direction:column;gap:12px"> 1610 <h3 style="margin:0 0 4px;font-size:18px;font-weight:600;letter-spacing:-0.01em">{{ sg.h }}</h3> 1611 <sc-for list="{{ sg.items }}" as="sv" hint-placeholder-count="3"> 1612 <a href="{{ sv.href }}" style="color:#18202B;background:#F6F7F8;border:1px solid #F6F7F8;border-radius:20px;padding:20px;display:flex;gap:14px;align-items:flex-start;transition:border-color 0.25s ease, box-shadow 0.25s ease" style-hover="border-color:#18202B;background:#FFFFFF"> 1613 <span style="flex:none;width:40px;height:40px;border-radius:12px;background:#FFFFFF;color:#18202B;display:grid;place-items:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="{{ sv.icon }}"></path></svg></span> 1614 <span style="flex:1;min-width:0;display:flex;flex-direction:column;gap:4px"> 1615 <span style="font-size:16.5px;font-weight:500;letter-spacing:-0.01em;line-height:1.3">{{ sv.t }}</span> 1616 <span style="font-size:13px;color:#5B636E">{{ sv.k }}</span> 1617 <span style="margin-top:6px;font-size:13px;font-weight:500;color:#18202B">Learn more â</span> 1618 </span> 1619 </a> 1620 </sc-for> 1621 </div> 1622 </sc-for> 1623 </div> 1624 </section> 1625 1626 <!-- PROCESS --> 1627 <section id="process" style="margin:40px 0;padding:96px 20px;background:#F5F6F7"> 1628 <div style="max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:56px"> 1629 <div style="text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center"> 1630 1631 <h2 style="margin:0;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-0.03em;text-wrap:balance">Three simple steps</h2> 1632 </div> 1633 <figure style="margin:0 auto;width:100%;max-width:920px;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#E6E8EB;box-shadow:0 24px 60px rgba(24,32,43,0.10)"><img src="{{ beforeAfterImg }}" srcset="{{ beforeAfterSet }}" sizes="(max-width: 960px) 100vw, 920px" alt="Diagram: scattered websites, PDFs and tables flow into one step and come out as a tidy spreadsheet and a rising chart." loading="lazy" decoding="async" width="1600" height="900" style="width:100%;height:100%;object-fit:cover;display:block"></figure> 1634 <div onMouseEnter="{{ procPause }}" onMouseLeave="{{ procPlay }}" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:36px 48px"> 1635 <sc-for list="{{ steps }}" as="st" hint-placeholder-count="3"> 1636 <div onClick="{{ st.pick }}" style="position:relative;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding-top:24px;opacity:{{ st.op }};transition:opacity 0.5s ease"> 1637 <div style="position:absolute;left:0;right:0;top:0;height:2px;background:#D5D9DE"></div> 1638 <sc-if value="{{ st.active }}" hint-placeholder-val="{{ false }}"><div style="position:absolute;left:0;top:0;height:2px;background:#18202B;animation:grow 3.6s linear forwards;animation-play-state:{{ procPlayState }}"></div></sc-if> 1639 <div style="display:flex;align-items:center;gap:12px;color:#18202B"><span style="font-size:14px;font-weight:600;color:#5B636E;font-variant-numeric:tabular-nums">{{ st.n }}</span><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="{{ st.icon }}"></path></svg></div> 1640 <div style="font-size:20px;font-weight:500;letter-spacing:-0.02em">{{ st.t }}</div> 1641 <p style="margin:0;font-size:15.5px;line-height:1.6;color:#5B636E;max-width:360px">{{ st.d }}</p> 1642 </div> 1643 </sc-for> 1644 </div> 1645 <div style="display:flex;justify-content:center"><a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="background:#18202B;color:#FFFFFF;padding:13px 22px;border-radius:999px;font-size:14px;font-weight:500" style-hover="background:#2A3442;color:#FFFFFF">
1645Book a free call (30 min) â</a></div> 1646 </div> 1647 </section> 1648 1649 </sc-if> 1650 1651 <!-- WORK (home: three featured projects; /work: all projects and stories) --> 1652 <sc-if value="{{ showWork }}" hint-placeholder-val="{{ true }}"> 1653 <section id="work" style="padding:{{ workPad }};max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(56px,7vw,88px)"> 1654 <sc-if value="{{ isHome }}" hint-placeholder-val="{{ true }}"> 1655 <div style="display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 48px"> 1656 <h2 style="margin:0;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-0.03em;line-height:1.08;text-wrap:balance;max-width:640px">What this looks like in real life</h2> 1657 <a href="/work" style="margin-bottom:8px;font-size:15px;font-weight:500;color:#18202B;border-bottom:1px solid #18202B;padding-bottom:2px">See all our work â</a> 1658 </div> 1659 </sc-if> 1660 <sc-if value="{{ pgWork }}" hint-placeholder-val="{{ false }}"> 1661 <div style="text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center;margin-bottom:-24px"> 1662 1663 <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">Real projects, real results.</h1> 1664 <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">Before and after stories from work we have delivered. Pick an industry to see projects like yours.</p> 1665 <div role="group" aria-label="Filter examples by industry" style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:-8px"> 1666 <sc-for list="{{ exTabs }}" as="xt" hint-placeholder-count="5"><button type="button" onClick="{{ xt.pick }}" aria-pressed="{{ xt.on }}" style="cursor:pointer;font:inherit;font-size:14px;font-weight:500;padding:9px 16px;border-radius:999px;border:1px solid {{ xt.bd }};background:{{ xt.bg }};color:{{ xt.ink }};transition:background 0.2s ease, color 0.2s ease, border-color 0.2s ease">{{ xt.t }}</button></sc-for> 1667 </div> 1668 </div> 1669 </sc-if> 1670 <sc-for list="{{ workShown }}" as="w" hint-placeholder-count="3"> 1671 <article data-wk-flip="{{ w.flip }}" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(24px,4vw,56px);align-items:center"> 1672 <div data-wk-media style="display:flex;flex-direction:column;gap:12px"> 1673 <div style="position:relative;aspect-ratio:16/10;border-radius:28px;overflow:hidden;background:#E6E8EB"><img src="{{ w.ia }}" alt="{{ w.alt }}" loading="lazy" decoding="async" style="width:100%;height:100%;object-fit:cover;display:block"> 1674 <div style="position:absolute;left:14px;right:14px;bottom:14px;display:flex"><span style="display:inline-flex;align-items:center;gap:9px;background:#FFFFFF;color:#18202B;font-size:14px;font-weight:500;line-height:1.35;padding:10px 14px;border-radius:12px;box-shadow:0 12px 30px rgba(24,32,43,0.18)"><span style="flex:none;width:8px;height:8px;border-radius:50%;background:#FF5A1F"></span>{{ w.result }}</span></div> 1675 </div> 1676 <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px"> 1677 <div style="aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:#E6E8EB"><img src="{{ w.ib }}" alt="{{ w.altb }}" loading="lazy" decoding="async" style="width:100%;height:100%;object-fit:cover;display:block"></div> 1678 <div style="aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:#E6E8EB"><img src="{{ w.ic }}" alt="{{ w.altc }}" loading="lazy" decoding="async" style="width:100%;height:100%;object-fit:cover;display:block"></div> 1679 </div> 1680 </div> 1681 <div style="display:flex;flex-direction:column;gap:18px"> 1682 <span style="align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#18202B;background:#F0F1F3;padding:6px 12px;border-radius:999px"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="{{ w.icon }}"></path></svg>{{ w.tag }}</span> 1683 <h2 style="margin:0;font-weight:500;font-size:clamp(24px,2.6vw,32px);letter-spacing:-0.025em;line-height:1.15;text-wrap:balance">{{ w.t }}</h2> 1684 <div style="display:flex;flex-direction:column;gap:10px"> 1685 <div style="display:flex;gap:12px;align-items:flex-start;background:#F6F7F8;border-radius:20px;padding:14px 16px">
1686 <span style="flex:none;width:28px;height:28px;border-radius:50%;background:#E6E8EB;color:#5B636E;display:grid;place-items:center"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 7v5l3 2M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"></path></svg></span> 1687 <div style="display:flex;flex-direction:column;gap:2px"><span style="font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#5B636E">Before</span><span style="font-size:15px;line-height:1.55;color:#5B636E">{{ w.before }}</span></div> 1688 </div> 1689 <div style="display:flex;gap:12px;align-items:flex-start;background:#FFFFFF;border:1px solid #18202B;border-radius:20px;padding:14px 16px;box-shadow:0 12px 30px rgba(24,32,43,0.06)"> 1690 <span style="flex:none;width:28px;height:28px;border-radius:50%;background:#16A34A;color:#FFFFFF;display:grid;place-items:center"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.5l4.5 4L19 7"></path></svg></span> 1691 <div style="display:flex;flex-direction:column;gap:2px"><span style="font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#16A34A">After</span><span style="font-size:15px;line-height:1.55;color:#18202B;font-weight:500">{{ w.after }}</span></div> 1692 </div> 1693 </div> 1694 <div style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px"> 1695 <sc-for list="{{ w.stats }}" as="s" hint-placeholder-count="3"> 1696 <div style="border-top:2px solid #18202B;padding-top:12px;display:flex;flex-direction:column;gap:4px"> 1697 <div style="font-size:clamp(22px,2.4vw,28px);font-weight:500;letter-spacing:-0.03em;font-variant-numeric:tabular-nums">{{ s.v }}</div> 1698 <div style="font-size:12.5px;line-height:1.4;color:#5B636E">{{ s.l }}</div> 1699 </div> 1700 </sc-for> 1701 </div> 1702 <div style="font-size:13px;color:#5B636E">{{ w.small }}</div> 1703 </div> 1704 </article> 1705 </sc-for> 1706 <sc-if value="{{ pgWork }}" hint-placeholder-val="{{ false }}"> 1707 <div style="display:flex;flex-direction:column;gap:18px"> 1708 <h2 style="margin:0;font-weight:500;font-size:clamp(26px,3vw,36px);letter-spacing:-0.03em">{{ storiesHead }}</h2> 1709 <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px"> 1710 <sc-for list="{{ storiesShown }}" as="sy" hint-placeholder-count="4"> 1711 <a href="{{ sy.href }}" style="color:#18202B;background:#FFFFFF;border:1px solid #E6E8EB;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;gap:0;text-decoration:none;transition:border-color 0.25s ease,box-shadow 0.25s ease" style-hover="border-color:#C8CDD3;box-shadow:0 10px 28px rgba(24,32,43,0.09)"> 1712 <span data-story-img style="background-image:url({{ sy.img }});background-color:{{ sy.ph }}"> 1713 <span style="position:absolute;top:10px;left:10px;font-size:11px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;background:rgba(255,255,255,0.92);color:#18202B;padding:4px 10px;border-radius:999px">{{ sy.tag }}</span> 1714 </span> 1715 <span style="display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px"> 1716 <p style="margin:0;font-size:14px;line-height:1.55;color:#5B636E">{{ sy.before }}</p> 1717 <p style="margin:0;font-size:15px;line-height:1.5;color:#18202B;font-weight:500">{{ sy.after }}</p> 1718 <span style="margin-top:auto;padding-top:6px;font-size:13px;font-weight:500;color:#FF5A1F">{{ sy.svc }} â</span> 1719 </span> 1720 </a> 1721 </sc-for> 1722 </div> 1723 </div> 1724 </sc-if> 1725 </section> 1726 </sc-if> 1727 1728 <sc-if value="{{ isHome }}" hint-placeholder-val="{{ true }}"> 1729 1730 <!-- TESTIMONIALS --> 1731 <sc-if value="{{ showTestimonials }}" hint-placeholder-val="{{ true }}"> 1732 <section style="padding:96px 20px;background:linear-gradient(180deg,#FFFFFF 0%,rgba(255,255,255,0) 22%,#F6F7F8)"> 1733 <div style="max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:48px"> 1734 <div style="display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;
1734gap:14px 48px"> 1735 <h2 style="margin:0;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-0.03em;line-height:1.08;text-wrap:balance;max-width:640px">What clients say</h2> 1736 <p style="margin:0 0 6px;font-size:16.5px;line-height:1.6;color:#5B636E;max-width:380px">4.9 average rating from clients worldwide.</p> 1737 </div> 1738 <div style="position:relative;overflow:hidden;background:#18202B;color:#FFFFFF;border-radius:28px;padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;transition:transform 0.4s cubic-bezier(0.2,0.8,0.2,1), box-shadow 0.4s ease" style-hover="transform:translateY(-6px);box-shadow:0 34px 60px rgba(24,32,43,0.25)"> 1739 <div style="width:clamp(88px,12vw,140px);height:clamp(88px,12vw,140px);border-radius:50%;background-color:#2A3442;background-image:url(https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1777579006404.jpg);background-size:cover;background-position:center;box-shadow:0 0 0 4px #18202B, 0 0 0 5px rgba(255,255,255,0.25)"></div> 1740 <div style="display:flex;flex-direction:column;gap:18px"> 1741 <div style="color:#FFFFFF;font-size:16px;letter-spacing:3px">â â â â â </div> 1742 <p style="margin:0;font-size:clamp(20px,2.4vw,30px);line-height:1.35;letter-spacing:-0.02em;text-wrap:pretty">âHe walked me through exactly how a scraper could meet my needs, helped me choose the right toolset, and delivered on time and within budget. I strongly recommend him.â</p> 1743 <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap"><span style="font-size:17px;font-weight:500">Aundre Dudley</span><svg width="17" height="17" viewBox="0 0 24 24"><circle cx="12" cy="12" r="11" fill="#1FA45B"></circle><path d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg><span style="font-size:14px;color:#A1A7B0">National Manager of Solution Architects · Dual CCIE #29014</span></div> 1744 </div> 1745 </div> 1746 <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px"> 1747 <sc-for list="{{ revShown }}" as="q" hint-placeholder-count="0"> 1748 <div onClick="{{ q.toggle }}" style="position:relative;cursor:pointer;background:#FFFFFF;border:1px solid #FFFFFF;border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:18px;transition:transform 0.35s cubic-bezier(0.2,0.8,0.2,1), box-shadow 0.35s ease, border-color 0.35s ease" style-hover="transform:translateY(-8px);box-shadow:0 28px 50px rgba(24,32,43,0.12);border-color:#18202B"> 1749 <div style="display:flex;justify-content:space-between;align-items:flex-start"><div style="width:60px;height:60px;border-radius:50%;background-color:#EEF0F2;background-image:url({{ q.image }});background-size:cover;background-position:center;box-shadow:0 0 0 3px #FFFFFF, 0 0 0 4px #E6E8EB"></div><span style="font-size:52px;line-height:0.8;color:#E1E4E8;font-family:Georgia,serif">â</span></div> 1750 <div style="display:flex;flex-direction:column;gap:5px"> 1751 <div style="display:flex;align-items:center;gap:7px;font-size:19px;font-weight:500;letter-spacing:-0.02em">{{ q.name }}<svg width="17" height="17" viewBox="0 0 24 24" style="flex:none"><circle cx="12" cy="12" r="11" fill="#1FA45B"></circle><path d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> 1752 <div style="font-size:13px;color:#5B636E;line-height:1.45">{{ q.sub }}</div> 1753 </div> 1754 <div style="display:flex;align-items:center;gap:8px"><span style="color:#18202B;font-size:15px;letter-spacing:2px">{{ q.stars }}</span><span style="font-size:13px;color:#5B636E">{{ q.rating }}</span></div> 1755 <p style="margin:0;font-size:17px;line-height:1.6;color:#353C47;text-wrap:pretty;max-height:{{ q.maxH }};overflow:hidden;-webkit-mask-image:{{ q.mask }};mask-image:{{ q.mask }}">{{ q.review }}</p> 1756 </div> 1757 </sc-for> 1758 </div> 1759 <button type="button" onClick="{{ toggleRevAll }}" style="align-self:center;cursor:pointer;font:inherit;font-size:15px;font-weight:500;padding:14px 26px;border-radius:999px;border:1px solid #18202B;background:#FFFFFF;color:#18202B;transition:background 0.2s ease, color 0.2s ease" style-hover="background:#18202B;color:#FFFFFF">{{ revBtn }}</button> 1760 </div> 1761 </section> 1762 </sc-if> 1763 1764 <!-- COMPARISON --> 1765 <sc-if value="{{ showComparison }}" hint-placeholder-val="{{ true }}"> 1766 <section style="padding:80px 20px;max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:48px"> 1767 <div style="text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center"> 1768 1769 <h2 style="margin:0;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-0.03em;text-wrap:balance">Why not a freelancer or a new hire?</h2> 1770 </div> 1771 <div style="overflow-x:auto"> 1772 <div style="min-width:560px;display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));background:#FFFFFF;border:1px solid #E6E8EB;border-radius:20px;overflow:hidden;font-size:15px"> 1773 <div style="padding:20px 24px;color:#5B636E;font-size:13px">Feature</div> 1774 <div style="padding:20px 12px;text-align:center;font-weight:600;background:#F3F4F6;border-left:1px solid #D5D9DE;border-right:1px solid #D5D9DE">BigiByte</div> 1775 <div style="padding:20px 12px;text-align:center;color:#5B636E;font-size:13px">Freelancer</div> 1776 <div style="padding:20px 12px;text-align:center;color:#5B636E;font-size:13px">In-house</div> 1777 <sc-for list="{{ compare }}" as="r" hint-placeholder-count="7"> 1778 <div style="padding:16px 24px;border-top:1px solid #F3F4F6">{{ r.f }}</div> 1779 <div style="padding:16px 12px;border-top:1px solid #D5D9DE;text-align:center;background:#F3F4F6;border-left:1px solid #D5D9DE;border-right:1px solid #D5D9DE;color:#16A34A;font-weight:900;font-size:18px">â</div> 1780 <div style="padding:16px 12px;border-top:1px solid #F3F4F6;text-align:center;color:{{ r.ac }};font-weight:{{ r.aw }};font-size:17px">{{ r.a }}</div> 1781 <div style="padding:16px 12px;border-top:1px solid #F3F4F6;text-align:center;color:{{ r.bc }};
1781font-weight:{{ r.bw }};font-size:17px">{{ r.b }}</div> 1782 </sc-for> 1783 </div> 1784 </div> 1785 </section> 1786 </sc-if> 1787 1788 <!-- FAQ --> 1789 <section id="faq" style="padding:80px 20px;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:40px;align-items:start"> 1790 <div style="display:flex;flex-direction:column;gap:20px"> 1791 1792 <h2 style="margin:0;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-0.03em;line-height:1.05">Everything about working with us</h2> 1793 <div style="border-radius:20px;padding:24px;background:#18202B;color:#FFFFFF;display:flex;flex-direction:column;gap:14px"> 1794 <div style="font-size:17px;font-weight:500;color:#FFFFFF">Still unsure?</div> 1795 <p style="margin:0;font-size:14px;line-height:1.55;color:#C6CBD2">Ask us in plain English. You'll talk to the person who builds it.</p> 1796 <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="align-self:flex-start;background:#FFFFFF;color:#18202B;padding:11px 18px;border-radius:999px;font-size:14px;font-weight:500" style-hover="background:#E6E8EB;color:#18202B">Book a call â</a> 1797 </div> 1798 </div> 1799 <div style="display:flex;flex-direction:column;gap:10px"> 1800 <div style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px"><sc-for list="{{ faqTabs }}" as="ft" hint-placeholder-count="4"><button type="button" onClick="{{ ft.pick }}" style="cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;border:1px solid {{ ft.bd }};background:{{ ft.bg }};color:{{ ft.ink }};transition:background 0.2s ease, color 0.2s ease">{{ ft.t }}</button></sc-for></div> 1801 <sc-for list="{{ faqs }}" as="f" hint-placeholder-count="6"> 1802 <div onClick="{{ f.toggle }}" style="cursor:pointer;background:#FFFFFF;border:1px solid #E6E8EB;border-radius:20px;padding:18px 22px;display:flex;flex-direction:column;gap:12px"> 1803 <div style="display:flex;justify-content:space-between;gap:16px;align-items:center"> 1804 <div style="font-size:16px;font-weight:500">{{ f.q }}</div> 1805 <span style="flex:none;width:26px;height:26px;border-radius:50%;background:#F3F4F6;display:grid;place-items:center;font-size:16px">{{ f.icon }}</span> 1806 </div> 1807 <sc-if value="{{ f.open }}" hint-placeholder-val="{{ false }}"> 1808 <p style="margin:0;font-size:15px;line-height:1.6;color:#5B636E">{{ f.a }}</p> 1809 </sc-if> 1810 </div> 1811 </sc-for> 1812 </div> 1813 </section> 1814 1815 <!-- CONTACT --> 1816 <section id="contact" data-cf style="padding:80px 20px 100px;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:48px;align-items:start;position:relative"> 1817 <div style="display:flex;flex-direction:column;gap:20px"> 1818 <h2 style="margin:0;font-weight:500;font-size:clamp(36px,4.6vw,56px);letter-spacing:-0.035em;line-height:1.02">Tell us what's slowing you down.</h2> 1819 <p style="margin:0;font-size:16px;line-height:1.6;color:#5B636E;max-width:440px">Describe the task or the information you need, in your own words. We reply within a few hours with a plan and a fixed quote.</p> 1820 <div style="display:flex;align-items:center;gap:12px"> 1821 <div style="display:flex"><img src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-smiling-bearded-headshot.webp" alt="" width="40" height="40" style="width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF;background:#EEF0F2"><img src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-long-hair-portrait.webp" alt="" width="40" height="40" style="width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF;margin-left:-12px;background:#EEF0F2"><img src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-neutral-mustache-headshot.webp" alt="" width="40" height="40" style="width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF;margin-left:-12px;background:#EEF0F2"></div> 1822 <div style="font-size:14px;line-height:1.4;color:#5B636E"><span style="color:#18202B;font-weight:500">Kawsar & the team</span><br>read every brief themselves</div> 1823 </div> 1824 <div style="display:flex;flex-direction:column;gap:0;margin-top:6px;border-left:1px dashed #D5D9DE;padding-left:18px"> 1825 <sc-for list="{{ briefSteps }}" as="bs" hint-placeholder-count="3"> 1826 <div style="position:relative;padding:8px 0">
1827 <span style="position:absolute;left:-26px;top:12px;width:15px;height:15px;border-radius:50%;background:{{ bs.dot }};border:3px solid #FFFFFF;box-shadow:0 0 0 1px {{ bs.ring }};transition:background 0.4s ease"></span> 1828 <div style="font-size:15px;font-weight:500;color:{{ bs.ink }};transition:color 0.4s ease">{{ bs.t }}</div> 1829 <div style="font-size:13px;color:#5B636E">{{ bs.d }}</div> 1830 </div> 1831 </sc-for> 1832 </div> 1833 <div style="display:flex;flex-wrap:wrap;gap:8px"> 1834 <a href="mailto:[email protected]" data-lift style="display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 16px;border-radius:999px;border:1px solid #E1E4E8;background:#FFFFFF;color:#18202B"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18v12H3zM3 7l9 6 9-6"></path></svg>[email protected]</a> 1835 <a href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" target="_blank" rel="noopener" data-lift style="display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 16px;border-radius:999px;border:1px solid #E1E4E8;background:#FFFFFF;color:#18202B"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 21l2.1-5.4A8.4 8.4 0 1 1 21 11.5z"></path></svg>WhatsApp</a> 1836 <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" data-lift style="display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 16px;border-radius:999px;border:1px solid #18202B;background:#18202B;color:#FFFFFF"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5h18v16H3zM16 3v4M8 3v4M3 10h18"></path></svg>Book a call</a> 1837 </div> 1838 </div> 1839 <div style="position:relative"> 1840 <div aria-hidden="true" style="position:absolute;inset:-40px -30px;z-index:0;pointer-events:none;background:radial-gradient(closest-side at 72% 28%,rgba(255,90,31,0.16),transparent),radial-gradient(closest-side at 28% 74%,rgba(24,32,43,0.10),transparent);animation:cfDrift 12s ease-in-out infinite alternate"></div> 1841 <form onSubmit="{{ submit }}" onInput="{{ trackBrief }}" style="position:relative;z-index:1;background:#FFFFFF;border:1px solid #E6E8EB;border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 60px rgba(24,32,43,0.08)"> 1842 <sc-if value="{{ sent }}" hint-placeholder-val="{{ false }}"> 1843 <div style="padding:34px 10px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center"> 1844 <span style="width:64px;height:64px;border-radius:50%;background:#22C55E;color:#FFFFFF;display:grid;place-items:center;font-size:28px;font-weight:700;animation:cfPop 0.6s cubic-bezier(0.34,1.56,0.64,1) both;box-shadow:0 0 0 10px rgba(34,197,94,0.12)">â</span> 1845 <div style="font-size:22px;font-weight:500;letter-spacing:-0.01em">Brief received. Thank you.</div> 1846 <div style="font-size:14px;color:#5B636E;max-width:340px">We'll reply within a few hours about <span style="color:#18202B;font-weight:500">{{ sentSummary }}</span>.</div> 1847 <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="margin-top:6px;display:inline-flex;align-items:center;gap:8px;background:#18202B;color:#FFFFFF;padding:13px 22px;border-radius:999px;font-size:14px;font-weight:500">Skip the wait, book a call â</a> 1848 </div> 1849 </sc-if> 1850 <sc-if value="{{ notSent }}" hint-placeholder-val="{{ true }}"> 1851 <div style="display:flex;flex-direction:column;gap:8px"> 1852 <div style="display:flex;justify-content:space-between;align-items:baseline;font-size:13px"><span style="font-weight:500;color:#18202B">Project brief</span><span style="color:#5B636E">{{ briefLabel }}</span></div> 1853 <div style="height:6px;border-radius:999px;background:#EEF0F2;overflow:hidden"><div style="height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,#18202B,#3A4452 70%,#FF5A1F);
1853transform:scaleX({{ briefPctScale }});transform-origin:left center;transition:transform 0.5s cubic-bezier(0.2,0.8,0.2,1)"></div></div> 1854 </div> 1855 <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px"> 1856 <input type="text" name="website" tabindex="-1" autocomplete="off" aria-hidden="true" style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0"> 1857 <input required name="name" autocomplete="name" placeholder="Your name" aria-label="Your name" style="border:1px solid #E1E4E8;background:#FFFFFF;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease"> 1858 <input required type="email" name="email" autocomplete="email" placeholder="Work email" aria-label="Email address" style="border:1px solid #E1E4E8;background:#FFFFFF;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease"> 1859 </div> 1860 <div style="display:flex;flex-direction:column;gap:10px"> 1861 <div style="font-size:14px;font-weight:500">What do you need? <span style="color:#5B636E;font-weight:400">Pick any</span></div> 1862 <div style="display:flex;flex-wrap:wrap;gap:8px"> 1863 <sc-for list="{{ needs }}" as="nd" hint-placeholder-count="5"> 1864 <button type="button" data-chip onClick="{{ nd.toggle }}" aria-pressed="{{ nd.pressed }}" style="cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;border:1px solid {{ nd.border }};background:{{ nd.bg }};color:{{ nd.ink }};transition:background 0.25s ease, color 0.25s ease, border-color 0.25s ease, translate 0.2s ease">{{ nd.mark }}{{ nd.t }}</button> 1865 </sc-for> 1866 </div> 1867 </div> 1868 <div style="display:flex;flex-direction:column;gap:10px"> 1869 <div style="font-size:14px;font-weight:500">Budget</div> 1870 <div style="display:flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:12px;background:#F3F4F6"> 1871 <sc-for list="{{ budgets }}" as="bd" hint-placeholder-count="4"> 1872 <button type="button" data-chip onClick="{{ bd.pick }}" aria-pressed="{{ bd.pressed }}" style="flex:1 1 auto;cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:8px 12px;border-radius:12px;border:0;background:{{ bd.bg }};color:{{ bd.ink }};box-shadow:{{ bd.shadow }};transition:background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease">{{ bd.t }}</button> 1873 </sc-for> 1874 </div> 1875 <div style="font-size:12.5px;color:#5B636E">Not sure? That's fine, we'll suggest options.</div> 1876 </div> 1877 <div style="display:flex;flex-direction:column;gap:6px"> 1878 <textarea required name="message" rows="4" placeholder="e.g. "Every Monday we copy prices from 10 competitor websites into Excel."" aria-label="Describe what you need" style="border:1px solid #E1E4E8;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;resize:vertical;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease"></textarea> 1879 <div style="display:flex;justify-content:space-between;font-size:12px;color:#5B636E"><span>{{ msgHint }}</span><span>{{ msgCount }}</span></div> 1880 </div> 1881 <label style="display:flex;flex-direction:column;gap:8px"> 1882 <span style="font-size:14px;font-weight:500">Phone or WhatsApp <span style="color:#5B636E;font-weight:400">Optional</span></span> 1883 <input type="tel" name="phone" autocomplete="tel" placeholder="+1 555 000 0000" style="border:1px solid #E1E4E8;background:#FFFFFF;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease"> 1884 </label> 1885 <sc-if value="{{ sendErr }}" hint-placeholder-val="{{ false }}"><div style="font-size:13px;color:#b91c1c;background:#FEF2F2;border-radius:12px;padding:10px 12px">We could not send your brief. Please try again or email [email protected].</div></sc-if> 1886 <button type="submit" data-send disabled="{{ sending }}" style="cursor:pointer;border:0;background:#18202B;color:#FFFFFF;border-radius:999px;padding:15px;font:inherit;font-size:15px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:10px;transition:background 0.25s ease, transform 0.2s ease;opacity:{{ sendOp }}">{{ sendLabel }}<span data-arrow style="display:inline-block;transition:translate 0.25s ease">â</span></button> 1887 <div style="font-size:12px;color:#5B636E;text-align:center">No spam, no sales calls you didn't ask for. NDA on request.</div> 1888 <div style="font-size:14px;color:#5B636E;text-align:center">Prefer to talk? <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="color:#18202B;font-weight:500;border-bottom:1px solid #18202B">Book a free 30-minute call â</a></div> 1889 </sc-if> 1890 </form> 1891 </div> 1892 </section> 1893 1894 </sc-if> 1895 1896 <!-- PAGE: SERVICES --> 1897 <sc-if value="{{ pgServices }}" hint-placeholder-val="{{ false }}"> 1898 <section style="position:relative;padding:72px 20px 56px;text-align:center"> 1899 <div style="position:absolute;
1899left:50%;top:-200px;width:1000px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.07),transparent);pointer-events:none"></div> 1900 <div style="position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px"> 1901 1902 <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">Everything we can take off your plate.</h1> 1903 <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">Not sure which one you need? Describe the problem and we'll point you to the right one.</p> 1904 </div> 1905 </section> 1906 <section style="padding:0 20px 80px;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:48px"> 1907 <sc-for list="{{ svcCols }}" as="col" hint-placeholder-count="2"> 1908 <div style="display:flex;flex-direction:column;gap:18px"> 1909 <h2 style="margin:0;font-weight:500;font-size:24px;letter-spacing:-0.02em">{{ col.h }}</h2> 1910 <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px"> 1911 <sc-for list="{{ col.items }}" as="it" hint-placeholder-count="4"> 1912 <div style="background:#FFFFFF;border:1px solid #E6E8EB;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px" style-hover="border-color:#18202B"> 1913 <div style="width:44px;height:44px;border-radius:12px;background:#F0F1F3;display:grid;place-items:center"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="{{ it.icon }}"></path></svg></div> 1914 <div style="display:flex;align-items:center;gap:8px;font-size:18px;font-weight:500">{{ it.plain }}<sc-if value="{{ it.pop }}" hint-placeholder-val="{{ false }}"><span style="font-size:11px;background:#18202B;color:#FFFFFF;padding:2px 8px;border-radius:999px">Popular</span></sc-if></div> 1915 <p style="margin:0;font-size:14px;line-height:1.6;color:#5B636E">{{ it.plainSub }}. <span style="color:#5B636E">{{ it.t }}</span></p> 1916 </div> 1917 </sc-for> 1918 </div> 1919 </div> 1920 </sc-for> 1921 </section> 1922 </sc-if> 1923 1924 <!-- PAGE: ABOUT --> 1925 <sc-if value="{{ pgAbout }}" hint-placeholder-val="{{ false }}"> 1926 <section style="position:relative;padding:72px 20px 56px;text-align:center"> 1927 <div style="position:absolute;left:50%;top:-200px;width:1000px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.07),transparent);pointer-events:none"></div> 1928 <div style="position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px"> 1929 1930 <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">Big ideas, byte solutions.</h1> 1931 <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">BigiByte is a team of engineers in Dhaka, Bangladesh, working with clients worldwide. We build the tools that collect information, find customers and take repeated work off people's plates.</p> 1932 </div> 1933 </section> 1934 <section style="padding:0 20px 80px;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:40px;align-items:center"> 1935 <div style="aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:#F3F4F6"><img src="https://images.bigibyte.com/cdn-cgi/image/width=1200,height=900,fit=cover,quality=80,format=auto/projects/about-team.webp" alt="The BigiByte team working together around a table: pair programming, whiteboarding a data pipeline and on a client call" loading="lazy" decoding="async" style="width:100%;height:100%;object-fit:cover;display:block"></div> 1936 <div style="display:flex;flex-direction:column;gap:18px"> 1937 <h2 style="margin:0;font-weight:500;font-size:clamp(28px,3vw,40px);letter-spacing:-0.03em;line-height:1.1">We started by fixing our own data problems.</h2> 1938 <p style="margin:0;font-size:16px;line-height:1.7;color:#5B636E">Most teams don't need another tool. They need the data already sitting on the web, delivered cleanly to where they work. That's what we build: tools that keep working when websites change, automations nobody has to watch, and products built on top of reliable data.</p> 1939 <p style="margin:0;font-size:16px;line-height:1.7;color:#5B636E">We also publish ready-to-run scrapers on the Apify Store, like our StreetEasy and Google Search Results scrapers, used by teams every week.</p> 1940 </div> 1941 </section> 1942 <section style="padding:0 20px 80px;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px"> 1943 <sc-for list="{{ values }}" as="v" hint-placeholder-count="3"> 1944 <div style="background:#FFFFFF;border:1px solid #E6E8EB;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:12px"> 1945 <div style="font-size:13px;color:#5B636E">{{ v.n }}</div> 1946 <div style="font-size:20px;font-weight:500;letter-spacing:-0.02em">{{ v.t }}</div> 1947 <p style="margin:0;font-size:15px;line-height:1.6;color:#5B636E">{{ v.d }}</p> 1948 </div> 1949 </sc-for> 1950 </section> 1951 <section data-ab-gallery aria-label="Our work in action"> 1952 <div data-ab-head> 1953 1954 <h2 style="margin:16px 0 12px;font-weight:500;font-size:clamp(30px,4vw,44px);letter-spacing:-0.03em;line-height:1.1">Our work in action</h2> 1955 <p style="margin:0;font-size:16.5px;line-height:1.6;color:#5B636E">Office culture, team dynamics and workspace moments from the people who build your data pipelines.</p> 1956 </div> 1957 <sc-for list="{{ galleryRows }}" as="gr" hint-placeholder-count="2"> 1958 <div data-ab-marquee data-no-reveal><div data-ab-track="{{ gr.dir }}"> 1959 <sc-for list="{{ gr.items }}" as="gi" hint-placeholder-count="6"> 1960 <figure data-ab-card aria-hidden="{{ gi.hide }}" data-full="{{ gi.full }}" data-title="{{ gi.t }}" data-tag="{{ gi.tag }}" role="button" tabindex="{{ gi.tab }}" aria-label="{{ gi.label }}"><img src="{{ gi.src }}" srcset="{{ gi.set }}" sizes="(max-width: 640px) 280px, 400px" alt="{{ gi.alt }}" width="800" height="500" loading="lazy" decoding="async"><figcaption><span data-ab-tag>{{ gi.tag }}</span><span data-ab-title>{{ gi.t }}</span></figcaption></figure> 1961 </sc-for> 1962 </div></div> 1963 </sc-for> 1964 </section> 1965 </sc-if> 1966 1967 <!-- PAGE: TEAM --> 1968 <sc-if value="{{ pgTeam }}" hint-placeholder-val="{{ false }}"> 1969 <section style="padding:72px 20px 40px;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:40px"> 1970 <div style="display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;
1970gap:20px 48px"> 1971 <div style="display:flex;flex-direction:column;gap:16px;max-width:680px"> 1972 <span style="align-self:flex-start;font-size:13px;font-weight:500;color:#18202B;background:#F0F1F3;padding:5px 12px;border-radius:999px">Our team</span> 1973 <h1 style="margin:0;font-weight:500;font-size:clamp(40px,6vw,72px);letter-spacing:-0.04em;line-height:1;text-wrap:balance">The people behind BigiByte</h1> 1974 </div> 1975 <p style="margin:0 0 6px;font-size:16.5px;line-height:1.6;color:#5B636E;max-width:380px;text-wrap:pretty">Engineers, designers and operators in Dhaka, Bangladesh, building scrapers, automations and products for teams around the world.</p> 1976 </div> 1977 <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:20px 32px"> 1978 <sc-for list="{{ teamStats }}" as="ts" hint-placeholder-count="4"> 1979 <div style="border-top:2px solid #18202B;padding-top:14px;display:flex;flex-direction:column;gap:4px"><span style="font-size:clamp(28px,3vw,36px);font-weight:500;letter-spacing:-0.03em;font-variant-numeric:tabular-nums">{{ ts.v }}</span><span style="font-size:14px;color:#5B636E">{{ ts.l }}</span></div> 1980 </sc-for> 1981 </div> 1982 </section> 1983 <section style="padding:0 20px 40px;max-width:1120px;margin:0 auto"> 1984 <sc-for list="{{ founderList }}" as="f" hint-placeholder-count="0"> 1985 <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:32px;align-items:center;background:#18202B;color:#FFFFFF;border-radius:28px;padding:clamp(20px,3vw,32px)"> 1986 <div style="aspect-ratio:1/1;max-height:460px;border-radius:20px;overflow:hidden;background:#2C3542"><img loading="lazy" src="{{ f.photo }}" alt="{{ f.alt }}" style="display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.2,0.8,0.2,1)" style-hover="transform:scale(1.06)"></div> 1987 <div style="display:flex;flex-direction:column;gap:16px"> 1988 <span style="align-self:flex-start;font-size:12px;color:#18202B;background:#FFFFFF;padding:4px 10px;border-radius:999px;font-weight:500">Founder · {{ f.exp }}</span> 1989 <h2 style="margin:0;font-weight:500;font-size:clamp(30px,3.6vw,44px);letter-spacing:-0.03em;line-height:1.05"><a href="{{ f.href }}" style="color:#FFFFFF" style-hover="color:#FFFFFF;text-decoration:underline">{{ f.name }}</a></h2> 1990 <div style="font-size:16px;color:#A1A7B0">{{ f.role }}</div> 1991 <p style="margin:0;font-size:16px;line-height:1.6;color:#D5DAE1;text-wrap:pretty">{{ f.bio }}</p> 1992 <div style="display:flex;flex-direction:column;gap:8px"> 1993 <sc-for list="{{ f.ach }}" as="a" hint-placeholder-count="4"><div style="display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#FFFFFF;line-height:1.5"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#A8B6CA" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" style="flex:none;margin-top:3px"><path d="M5 12l5 5L20 7"></path></svg>{{ a }}</div></sc-for> 1994 </div> 1995 <div style="display:flex;gap:6px;flex-wrap:wrap"><sc-for list="{{ f.socials }}" as="so" hint-placeholder-count="3"><a href="{{ so.href }}" target="_blank" rel="noopener" aria-label="{{ so.l }}" title="{{ so.l }}" style="width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.06);color:#FFFFFF;display:grid;place-items:center;transition:background 0.2s ease, color 0.2s ease, transform 0.2s ease" style-hover="background:#FFFFFF;color:#18202B;transform:translateY(-2px)"><svg width="16" height="16" viewBox="0 0 24 24" fill="{{ so.fill }}" stroke="{{ so.stroke }}" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="{{ so.d }}"></path></svg></a></sc-for></div> 1996 </div> 1997 </div> 1998 </sc-for> 1999 </section> 2000 <section style="padding:56px 20px 96px;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:28px"> 2001 <div style="display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px"> 2002 <h2 style="margin:0;font-weight:500;font-size:clamp(28px,3.2vw,40px);letter-spacing:-0.03em">Meet the team</h2> 2003 <div role="group" aria-label="Filter the team" style="display:flex;flex-wrap:wrap;gap:8px"> 2004 <sc-for list="{{ teamTabs }}" as="tt" hint-placeholder-count="4"><button type="button" onClick="{{ tt.pick }}" aria-pressed="{{ tt.on }}" style="cursor:pointer;font:inherit;font-size:14px;font-weight:500;padding:9px 16px;border-radius:999px;border:1px solid {{ tt.bd }};background:{{ tt.bg }};color:{{ tt.ink }};transition:background 0.2s ease, color 0.2s ease, border-color 0.2s ease">{{ tt.t }}<span style="margin-left:6px;opacity:0.6;font-weight:400">{{ tt.n }}</span></button></sc-for> 2005 </div> 2006 </div> 2007 <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:32px 20px"> 2008 <sc-for list="{{ teamShown }}" as="m" hint-placeholder-count="8"> 2009 <div data-tm style="display:flex;flex-direction:column;gap:14px"> 2010 <a href="{{ m.href }}" aria-label="{{ m.name }}, {{ m.role }}: view profile" style="position:relative;display:block;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:#F0F1F3"><img data-tm-img src="{{ m.photo }}" alt="{{ m.alt }}" loading="lazy" decoding="async" style="display:block;width:100%;height:100%;object-fit:cover">
2011 <span style="position:absolute;left:12px;top:12px;font-size:12px;font-weight:500;color:#18202B;background:rgba(255,255,255,0.92);padding:4px 10px;border-radius:999px">{{ m.exp }}</span> 2012 <span data-tm-go aria-hidden="true" style="position:absolute;right:12px;bottom:12px;width:42px;height:42px;border-radius:50%;background:#FFFFFF;color:#18202B;display:grid;place-items:center;box-shadow:0 8px 24px rgba(24,32,43,0.18)"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M8 7h9v9"></path></svg></span> 2013 </a> 2014 <div style="display:flex;flex-direction:column;gap:3px"><a href="{{ m.href }}" style="font-size:18px;font-weight:500;letter-spacing:-0.01em;color:#18202B" style-hover="color:#18202B;text-decoration:underline">{{ m.name }}</a><span style="font-size:14px;color:#5B636E;line-height:1.4">{{ m.role }}</span></div> 2015 <p style="margin:0;font-size:14px;line-height:1.55;color:#5B636E;text-wrap:pretty">{{ m.bio }}</p> 2016 <div style="display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto"> 2017 <div style="display:flex;gap:6px;flex-wrap:wrap"><sc-for list="{{ m.tags2 }}" as="tg" hint-placeholder-count="2"><span style="font-size:12px;color:#3A4452;background:#F0F1F3;padding:4px 10px;border-radius:999px">{{ tg }}</span></sc-for></div> 2018 <div style="display:flex;gap:4px;margin-left:-8px"><sc-for list="{{ m.socials }}" as="so" hint-placeholder-count="2"><a href="{{ so.href }}" target="_blank" rel="noopener" aria-label="{{ so.l }}" title="{{ so.l }}" style="width:32px;height:32px;border-radius:12px;color:#5B636E;display:grid;place-items:center;transition:background 0.2s ease, color 0.2s ease" style-hover="background:#18202B;color:#FFFFFF"><svg width="15" height="15" viewBox="0 0 24 24" fill="{{ so.fill }}" stroke="{{ so.stroke }}" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="{{ so.d }}"></path></svg></a></sc-for></div> 2019 </div> 2020 </div> 2021 </sc-for> 2022 <a href="mailto:[email protected]?subject=Joining%20BigiByte" data-tm-join style="display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:320px;border:1.5px dashed #C9CED4;border-radius:20px;padding:24px;color:#18202B;transition:border-color 0.25s ease, background 0.25s ease" style-hover="border-color:#18202B;background:#F6F7F8;color:#18202B"> 2023 <span style="width:44px;height:44px;border-radius:12px;background:#F0F1F3;display:grid;place-items:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14"></path></svg></span> 2024 <span style="display:flex;flex-direction:column;gap:8px"><span style="font-size:20px;font-weight:500;letter-spacing:-0.02em">Want to join us?</span><span style="font-size:14px;line-height:1.55;color:#5B636E">We are always glad to hear from good engineers, designers and operators. Tell us what you do best.</span></span> 2025 <span style="font-size:14px;font-weight:500">Email [email protected] â</span> 2026 </a> 2027 </div> 2028 </section> 2029 </sc-if> 2030 2031 <!-- PAGE: INDUSTRIES --> 2032 <sc-if value="{{ pgIndustries }}" hint-placeholder-val="{{ false }}"> 2033 <section style="position:relative;padding:72px 20px 56px;text-align:center"> 2034 <div style="position:absolute;left:50%;top:-200px;width:1000px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.07),transparent);pointer-events:none"></div> 2035 <div style="position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px"> 2036 2037 <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">What we do for businesses like yours.</h1> 2038 <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">Wherever the data lives on the web, we can collect it, clean it and put it to work.</p> 2039 </div> 2040 </section> 2041 <section style="padding:0 20px 80px;max-width:1120px;margin:0 auto;display:grid;
2041grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px"> 2042 <sc-for list="{{ industries }}" as="ind" hint-placeholder-count="6"> 2043 <div style="background:#FFFFFF;border:1px solid #E6E8EB;border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:16px"> 2044 <div style="aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#F3F4F6"><img src="{{ ind.img }}" alt="{{ ind.alt }}" loading="lazy" decoding="async" style="width:100%;height:100%;object-fit:cover;display:block"></div> 2045 <div style="padding:4px 12px 14px;display:flex;flex-direction:column;gap:12px"> 2046 <div style="font-size:20px;font-weight:500;letter-spacing:-0.02em">{{ ind.t }}</div> 2047 <p style="margin:0;font-size:14px;line-height:1.6;color:#5B636E">{{ ind.d }}</p> 2048 <p style="margin:0;font-size:14px;line-height:1.6;color:#18202B;background:#F6F7F8;border-radius:12px;padding:12px 14px"><span style="font-weight:600">For example:</span> {{ ind.ex }}</p> 2049 <div style="display:flex;flex-wrap:wrap;gap:6px"><sc-for list="{{ ind.uses }}" as="u" hint-placeholder-count="3"><span style="font-size:12px;padding:5px 10px;border-radius:999px;background:#F3F4F6;color:#353C47">{{ u }}</span></sc-for></div> 2050 </div> 2051 </div> 2052 </sc-for> 2053 </section> 2054 </sc-if> 2055 2056 <!-- PAGE: BLOG --> 2057 <sc-if value="{{ pgBlog }}" hint-placeholder-val="{{ false }}"> 2058 <section style="position:relative;padding:72px 20px 56px;text-align:center"> 2059 <div style="position:absolute;left:50%;top:-200px;width:1000px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.07),transparent);pointer-events:none"></div> 2060 <div style="position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px"> 2061 2062 <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">Notes on scraping & automation.</h1> 2063 <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">Practical guides from the work we do every day: real workflows, real datasets.</p> 2064 </div> 2065 </section> 2066 <section style="padding:0 20px 80px;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:32px"> 2067 <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px"> 2068 <sc-for list="{{ posts }}" as="p" hint-placeholder-count="2"> 2069 <a href="{{ p.href }}" target="_blank" rel="noopener" style="background:#FFFFFF;border:1px solid #E6E8EB;border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:18px;color:#18202B" style-hover="border-color:#18202B;color:#18202B"> 2070 <div style="aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#F3F4F6"><img src="{{ p.img }}" alt="{{ p.alt }}" loading="lazy" decoding="async" style="width:100%;height:100%;object-fit:cover;display:block"></div> 2071 <div style="padding:4px 12px 16px;display:flex;flex-direction:column;gap:10px"> 2072 <div style="display:flex;gap:10px;font-size:13px;color:#5B636E"><span>{{ p.tag }}</span><span>·</span><span>{{ p.date }}</span></div> 2073 <div style="font-size:22px;font-weight:500;letter-spacing:-0.025em;line-height:1.2">{{ p.t }}</div> 2074 <p style="margin:0;font-size:15px;line-height:1.6;color:#5B636E">{{ p.d }}</p> 2075 <span style="font-size:14px;font-weight:500;margin-top:4px">Read on Medium â</span> 2076 </div> 2077 </a> 2078 </sc-for> 2079 </div> 2080 <a href="https://medium.com/@bigiByte" target="_blank" rel="noopener" style="align-self:center;font-size:15px;font-weight:500;padding:13px 22px;border-radius:999px;border:1px solid #DDE0E4" style-hover="border-color:#18202B;color:#18202B">All articles on Medium â</a> 2081 </section> 2082 </sc-if> 2083 2084 <!-- PAGE: PRICING --> 2085 <sc-if value="{{ pgPricing }}" hint-placeholder-val="{{ false }}"> 2086 <section style="position:relative;padding:72px 20px 56px;text-align:center"> 2087 <div style="position:absolute;
2087left:50%;top:-200px;width:1000px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.07),transparent);pointer-events:none"></div> 2088 <div style="position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px"> 2089 2090 <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">Simple, fixed pricing.</h1> 2091 <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">Fixed quotes for scoped builds, monthly plans for pipelines that keep running. No hourly surprises.</p> 2092 </div> 2093 </section> 2094 <section style="padding:0 20px 80px;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;align-items:stretch"> 2095 <sc-for list="{{ plans }}" as="pl" hint-placeholder-count="3"> 2096 <div style="border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:22px;background:{{ pl.bg }};color:{{ pl.ink }};border:1px solid {{ pl.bd }}"> 2097 <div style="display:flex;justify-content:space-between;align-items:center"><span style="font-size:16px;font-weight:500">{{ pl.t }}</span><sc-if value="{{ pl.pop }}" hint-placeholder-val="{{ false }}"><span style="font-size:11px;background:#FFFFFF;color:#18202B;padding:3px 9px;border-radius:999px">Most popular</span></sc-if></div> 2098 <div style="display:flex;align-items:baseline;gap:6px"><span style="font-size:44px;font-weight:500;letter-spacing:-0.04em">{{ pl.p }}</span><span style="font-size:14px;color:{{ pl.mute }}">{{ pl.u }}</span></div> 2099 <p style="margin:0;font-size:15px;line-height:1.6;color:{{ pl.mute }}">{{ pl.d }}</p> 2100 <div style="display:flex;flex-direction:column;gap:10px;flex:1"> 2101 <sc-for list="{{ pl.f }}" as="ft" hint-placeholder-count="4"><div style="display:flex;gap:10px;font-size:14px"><span style="font-weight:700">â</span><span>{{ ft }}</span></div></sc-for> 2102 </div> 2103 <a href="{{ pl.href }}" target="{{ pl.tgt }}" rel="noopener" style="text-align:center;padding:14px;border-radius:999px;font-size:15px;font-weight:500;background:{{ pl.btn }};color:{{ pl.btnInk }}" style-hover="opacity:0.9">{{ pl.cta }}</a> 2104 </div> 2105 </sc-for> 2106 </section> 2107 </sc-if> 2108 2109 <!-- PAGE: FAQ --> 2110 <sc-if value="{{ pgFaq }}" hint-placeholder-val="{{ false }}"> 2111 <section style="position:relative;padding:72px 20px 40px;text-align:center"> 2112 <div style="position:absolute;left:50%;top:-200px;width:1000px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.07),transparent);pointer-events:none"></div> 2113 <div style="position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px"> 2114 2115 <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">Answers before you ask.</h1> 2116 <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">{{ fqTotal }} answers about timelines, pricing, ownership and how we keep your data flowing.</p> 2117 <label data-fq-search style="position:relative;width:100%;max-width:620px;margin-top:8px"> 2118 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#5B636E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="position:absolute;left:20px;top:50%;transform:translateY(-50%)" aria-hidden="true"><circle cx="11" cy="11" r="7"></circle><path d="m20 20-3.5-3.5"></path></svg> 2119 <input type="search" aria-label="Search the FAQ" placeholder="Search the FAQâ¦" onInput="{{ fqType }}" value="{{ fq }}" style="width:100%;font:inherit;font-size:16px;padding:18px 110px 18px 52px;border-radius:999px;border:1px solid #E1E4E8;background:#FFFFFF;color:#18202B;outline:none;box-shadow:0 18px 40px rgba(24,32,43,0.08);transition:border-color 0.2s ease, box-shadow 0.2s ease">
2120 <span style="position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:13px;color:#5B636E">{{ fqHits }}</span> 2121 </label> 2122 <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;color:#5B636E"><span>Popular:</span><sc-for list="{{ fqPopular }}" as="pp" hint-placeholder-count="4"><button type="button" onClick="{{ pp.go }}" data-fq-pop style="cursor:pointer;font:inherit;font-size:13px;padding:4px 12px;border-radius:999px;border:1px dashed #C9CED4;background:transparent;color:#18202B">{{ pp.t }}</button></sc-for></div> 2123 </div> 2124 </section> 2125 <section style="padding:0 20px 96px;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px;align-items:start" data-fq-layout> 2126 <div style="display:flex;flex-direction:column;gap:14px;min-width:0" data-fq-main> 2127 <div style="display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between"> 2128 <div data-fq-tabs style="display:flex;flex-wrap:wrap;gap:8px"><sc-for list="{{ fqTabs }}" as="ft" hint-placeholder-count="5"><button type="button" onClick="{{ ft.pick }}" aria-pressed="{{ ft.on }}" style="cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;border:1px solid {{ ft.bd }};background:{{ ft.bg }};color:{{ ft.ink }};display:inline-flex;align-items:center;gap:8px;transition:background 0.2s ease, color 0.2s ease">{{ ft.t }}<span style="font-size:11px;padding:1px 7px;border-radius:999px;background:{{ ft.cbg }};color:{{ ft.cink }}">{{ ft.n }}</span></button></sc-for></div> 2129 <button type="button" onClick="{{ fqAllToggle }}" style="cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:8px 4px;border:0;background:transparent;color:#18202B;text-decoration:underline;text-underline-offset:3px">{{ fqAllLabel }}</button> 2130 </div> 2131 <sc-for list="{{ fqList }}" as="f" hint-placeholder-count="6"> 2132 <div data-fq-item style="background:#FFFFFF;border:1px solid {{ f.bd }};border-radius:20px;box-shadow:{{ f.shadow }};transition:border-color 0.25s ease, box-shadow 0.25s ease"> 2133 <button type="button" onClick="{{ f.toggle }}" aria-expanded="{{ f.open }}" style="border:0;background:transparent;margin:0;font:inherit;color:inherit;text-align:left;box-sizing:border-box;cursor:pointer;width:100%;display:flex;gap:16px;align-items:center;padding:18px 20px"> 2134 <span style="flex:none;width:30px;height:30px;border-radius:12px;background:{{ f.nbg }};color:{{ f.nink }};display:grid;place-items:center;font-size:12px;font-weight:500;transition:background 0.25s ease, color 0.25s ease">{{ f.n }}</span> 2135 <span style="flex:1;display:flex;flex-direction:column;gap:3px"><span style="font-size:16px;font-weight:500;color:#18202B;line-height:1.4">{{ f.q }}</span><span style="font-size:12px;color:#5B636E;display:{{ f.catShow }}">{{ f.cat }}</span></span> 2136 <span style="flex:none;width:28px;height:28px;border-radius:50%;background:#F3F4F6;display:grid;place-items:center;font-size:18px;color:#18202B;transform:rotate({{ f.rot }});transition:transform 0.35s cubic-bezier(0.2,0.8,0.2,1)">+</span> 2137 </button> 2138 <div style="display:grid;grid-template-rows:{{ f.rows }};transition:grid-template-rows 0.4s cubic-bezier(0.2,0.8,0.2,1)"><div style="overflow:hidden"> 2139 <div style="padding:0 20px 18px 66px;display:flex;flex-direction:column;gap:14px"> 2140 <p style="margin:0;font-size:15px;line-height:1.7;color:#5B636E">{{ f.a }}</p> 2141 <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#5B636E"> 2142 <sc-if value="{{ f.asking }}" hint-placeholder-val="{{ true }}"><span>Was this helpful?</span><button type="button" onClick="{{ f.up }}" aria-label="Yes, helpful" style="cursor:pointer;font:inherit;font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid #E1E4E8;background:#FFFFFF">ð Yes</button><button type="button" onClick="{{ f.down }}" aria-label="Not helpful" style="cursor:pointer;font:inherit;font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid #E1E4E8;background:#FFFFFF">ð No</button></sc-if> 2143 <sc-if value="{{ f.liked }}" hint-placeholder-val="{{ false }}"><span style="color:#16A34A">Thanks for the feedback!</span></sc-if> 2144 <sc-if value="{{ f.disliked }}" hint-placeholder-val="{{ false }}"><span>Sorry about that.</span><a href="{{ f.wa }}" target="_blank" rel="noopener" style="color:#18202B;text-decoration:underline;text-underline-offset:3px">Ask us on WhatsApp â</a></sc-if> 2145 </div> 2146 </div> 2147 </div></div> 2148 </div> 2149 </sc-for> 2150 <sc-if value="{{ fqEmpty }}" hint-placeholder-val="{{ false }}"> 2151 <div style="border:1px dashed #C9CED4;border-radius:20px;padding:36px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px"> 2152 <div style="font-size:28px">ð</div> 2153 <div style="font-size:18px;font-weight:500">No answers for â{{ fq }}â yet</div> 2154 <p style="margin:0;color:#5B636E;font-size:15px">Ask us directly. A senior engineer will answer.</p> 2155 <div style="display:flex;gap:8px;flex-wrap:wrap;justify-content:center"><a href="{{ fqAskWa }}" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:#15803D;color:#FFFFFF;font-size:14px;font-weight:500" style-hover="color:#FFFFFF;opacity:0.92">
2155<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41A11.82 11.82 0 0 0 12.05 0zm5.42 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49 2.5 1.08 3.01.87 3.56.81.57-.08 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/></svg>Ask on WhatsApp</a><button type="button" onClick="{{ fqClear }}" style="cursor:pointer;font:inherit;font-size:14px;font-weight:500;padding:11px 18px;border-radius:999px;border:1px solid #DDE0E4;background:#FFFFFF;color:#18202B">Clear search</button></div> 2156 </div> 2157 </sc-if> 2158 </div> 2159 <aside data-fq-side style="position:sticky;top:96px;display:flex;flex-direction:column;gap:14px"> 2160 <div style="border-radius:20px;padding:26px;background:#18202B;color:#FFFFFF;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden"> 2161 <div style="position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,90,31,0.25),transparent)"></div> 2162 <div style="position:relative;font-size:20px;font-weight:500;letter-spacing:-0.02em">Still have questions?</div> 2163 <p style="position:relative;margin:0;font-size:14px;line-height:1.6;color:#C6CBD2">Talk to an engineer, not a salesperson. Free call, NDA on request.</p> 2164 <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="position:relative;display:flex;justify-content:center;align-items:center;gap:8px;padding:13px;border-radius:999px;background:#FFFFFF;color:#18202B;font-size:14.5px;font-weight:500" style-hover="background:#E6E8EB;color:#18202B">Book a call â</a> 2165 <a href="{{ fqWa }}" target="_blank" rel="noopener" style="position:relative;display:flex;justify-content:center;align-items:center;gap:8px;padding:13px;border-radius:999px;background:#15803D;color:#FFFFFF;font-size:14.5px;font-weight:500" style-hover="color:#FFFFFF;opacity:0.92"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41A11.82 11.82 0 0 0 12.05 0zm5.42 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49 2.5 1.08 3.01.87 3.56.81.57-.08 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/></svg>Chat on WhatsApp</a> 2166 <a href="/contact" style="position:relative;text-align:center;font-size:13.5px;color:#FFFFFF;text-decoration:underline;text-underline-offset:3px" style-hover="color:#FFFFFF">or send a project brief</a> 2167 </div> 2168 <div style="border:1px solid #E6E8EB;border-radius:20px;padding:22px;background:#FFFFFF;display:flex;flex-direction:column;gap:10px"> 2169 <div style="font-size:14px;font-weight:500">Browse by topic</div> 2170 <sc-for list="{{ fqTabs }}" as="ft" hint-placeholder-count="5"><button type="button" onClick="{{ ft.pick }}" style="border:0;margin:0;font:inherit;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:12px;font-size:14px;color:#18202B;background:{{ ft.side }}"><span>{{ ft.t }}</span><span style="font-size:12px;color:#5B636E">{{ ft.n }}</span></button></sc-for> 2171 </div> 2172 </aside> 2173 </section> 2174 </sc-if> 2175 2176 <!-- PAGE: CONTACT --> 2177 <sc-if value="{{ pgContact }}" hint-placeholder-val="{{ false }}"> 2178 <section style="position:relative;padding:72px 20px 56px;text-align:center"> 2179 <div style="position:absolute;
2179left:50%;top:-200px;width:1000px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.07),transparent);pointer-events:none"></div> 2180 <div style="position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px"> 2181 2182 <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">Tell us what you need.</h1> 2183 <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">We reply within a few hours with a plan and a quote.</p> 2184 <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;width:100%;max-width:600px;margin-top:8px"> 2185 <a href="#calendly" data-ct-path style="background:#18202B;color:#FFFFFF;box-shadow:0 8px 24px rgba(24,32,43,0.22)"> 2186 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="3"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg> 2187 <span style="font-size:16px;font-weight:600;line-height:1.2">Book a free call</span> 2188 <span style="font-size:13.5px;color:rgba(255,255,255,0.72);line-height:1.5">30 minutes. Talk to the engineer who builds it.</span> 2189 <span style="margin-top:4px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.88)">Pick a time â</span> 2190 </a> 2191 <a href="#brief" data-ct-path style="background:#FFFFFF;color:#18202B;border:1px solid #E1E4E8;box-shadow:0 4px 14px rgba(24,32,43,0.07)"> 2192 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg> 2193 <span style="font-size:16px;font-weight:600;line-height:1.2">Send a brief</span> 2194 <span style="font-size:13.5px;color:#5B636E;line-height:1.5">Short form. Plan and fixed quote back within a few hours.</span> 2195 <span style="margin-top:4px;font-size:13px;font-weight:500;color:#FF5A1F">Fill the brief â</span> 2196 </a> 2197 </div> 2198 <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:13px;color:#5B636E;margin-top:4px"> 2199 <span>â No sales calls you didn't ask for</span> 2200 <span>â No commitment required</span> 2201 <span>â 1,000+ projects delivered</span> 2202 </div> 2203 </div> 2204 </section> 2205 <section id="calendly" style="padding:88px 20px 56px;background:#F6F7F8;scroll-margin-top:80px"> 2206 <div style="max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px"> 2207 2208 <h2 style="margin:0;font-weight:500;font-size:clamp(34px,4.6vw,56px);letter-spacing:-0.035em;text-align:center;text-wrap:balance">Schedule a discovery call</h2> 2209 <p style="margin:0;font-size:16px;color:#5B636E;max-width:520px;text-align:center;line-height:1.6">Come prepared with your problem. 30 minutes is enough to agree a plan and an estimate.</p> 2210 <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px"> 2211 <span style="display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#5B636E;background:#FFFFFF;border:1px solid #E6E8EB;padding:8px 16px;border-radius:999px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>No obligation</span> 2212 <span style="display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#5B636E;background:#FFFFFF;border:1px solid #E6E8EB;padding:8px 16px;border-radius:999px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>30 minutes</span>
2213 <span style="display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#5B636E;background:#FFFFFF;border:1px solid #E6E8EB;padding:8px 16px;border-radius:999px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>Talk to the engineer</span> 2214 </div> 2215 <div style="position:relative;width:100%;margin-top:32px;border-radius:20px;overflow:hidden;background:#141414;box-shadow:0 30px 60px rgba(24,32,43,0.18)"> 2216 <div style="position:absolute;inset:0;display:grid;place-items:center;color:#A1A7B0;font-size:14px;pointer-events:none">Loading calendarâ¦</div> 2217 <iframe src="https://cal.com/kawsarlog/coffee-chat?embed=true&theme=dark&layout=month_view&hideEventTypeDetails=false" title="Book a coffee chat with BigiByte" loading="lazy" allow="payment" style="position:relative;display:block;width:100%;height:clamp(620px,80vh,720px);border:0;background:transparent"></iframe> 2218 </div> 2219 <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="margin-top:6px;font-size:14px;color:#5B636E" style-hover="color:#18202B">Having trouble? Open in Cal.com â</a> 2220 </div> 2221 </section> 2222 2223 <!-- CONTACT --> 2224 <section id="brief" data-cf style="padding:0 20px 100px;max-width:1120px;margin:0 auto;display:grid;scroll-margin-top:80px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:48px;align-items:start;position:relative"> 2225 <div style="display:flex;flex-direction:column;gap:20px"> 2226 <h2 style="margin:0;font-weight:500;font-size:clamp(36px,4.6vw,56px);letter-spacing:-0.035em;line-height:1.02">Tell us what's slowing you down.</h2> 2227 <p style="margin:0;font-size:16px;line-height:1.6;color:#5B636E;max-width:440px">Describe the task or the information you need, in your own words. We reply within a few hours with a plan and a fixed quote.</p> 2228 <div style="display:flex;align-items:center;gap:12px"> 2229 <div style="display:flex"><img src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-smiling-bearded-headshot.webp" alt="" width="40" height="40" style="width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF;background:#EEF0F2"><img src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-long-hair-portrait.webp" alt="" width="40" height="40" style="width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF;margin-left:-12px;background:#EEF0F2"><img src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-neutral-mustache-headshot.webp" alt="" width="40" height="40" style="width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF;margin-left:-12px;background:#EEF0F2"></div> 2230 <div style="font-size:14px;line-height:1.4;color:#5B636E"><span style="color:#18202B;font-weight:500">Kawsar & the team</span><br>read every brief themselves</div> 2231 </div> 2232 <div style="display:flex;flex-direction:column;gap:0;margin-top:6px;border-left:1px dashed #D5D9DE;padding-left:18px"> 2233 <sc-for list="{{ briefSteps }}" as="bs" hint-placeholder-count="3"> 2234 <div style="position:relative;padding:8px 0"> 2235 <span style="position:absolute;left:-26px;top:12px;width:15px;height:15px;border-radius:50%;background:{{ bs.dot }};border:3px solid #FFFFFF;box-shadow:0 0 0 1px {{ bs.ring }};transition:background 0.4s ease"></span> 2236 <div style="font-size:15px;font-weight:500;color:{{ bs.ink }};transition:color 0.4s ease">{{ bs.t }}</div> 2237 <div style="font-size:13px;color:#5B636E">{{ bs.d }}</div> 2238 </div> 2239 </sc-for> 2240 </div> 2241 <div style="display:flex;flex-wrap:wrap;gap:8px"> 2242 <a href="mailto:[email protected]" data-lift style="display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 16px;border-radius:999px;border:1px solid #E1E4E8;background:#FFFFFF;color:#18202B"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18v12H3zM3 7l9 6 9-6"></path></svg>[email protected]</a> 2243 <a href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20
2243a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" target="_blank" rel="noopener" data-lift style="display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 16px;border-radius:999px;border:1px solid #E1E4E8;background:#FFFFFF;color:#18202B"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 21l2.1-5.4A8.4 8.4 0 1 1 21 11.5z"></path></svg>WhatsApp</a> 2244 <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" data-lift style="display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 16px;border-radius:999px;border:1px solid #18202B;background:#18202B;color:#FFFFFF"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5h18v16H3zM16 3v4M8 3v4M3 10h18"></path></svg>Book a call</a> 2245 </div> 2246 </div> 2247 <div style="position:relative"> 2248 <div aria-hidden="true" style="position:absolute;inset:-40px -30px;z-index:0;pointer-events:none;background:radial-gradient(closest-side at 72% 28%,rgba(255,90,31,0.16),transparent),radial-gradient(closest-side at 28% 74%,rgba(24,32,43,0.10),transparent);animation:cfDrift 12s ease-in-out infinite alternate"></div> 2249 <form onSubmit="{{ submit }}" onInput="{{ trackBrief }}" style="position:relative;z-index:1;background:#FFFFFF;border:1px solid #E6E8EB;border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 60px rgba(24,32,43,0.08)"> 2250 <sc-if value="{{ sent }}" hint-placeholder-val="{{ false }}"> 2251 <div style="padding:34px 10px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center"> 2252 <span style="width:64px;height:64px;border-radius:50%;background:#22C55E;color:#FFFFFF;display:grid;place-items:center;font-size:28px;font-weight:700;animation:cfPop 0.6s cubic-bezier(0.34,1.56,0.64,1) both;box-shadow:0 0 0 10px rgba(34,197,94,0.12)">â</span> 2253 <div style="font-size:22px;font-weight:500;letter-spacing:-0.01em">Brief received. Thank you.</div> 2254 <div style="font-size:14px;color:#5B636E;max-width:340px">We'll reply within a few hours about <span style="color:#18202B;font-weight:500">{{ sentSummary }}</span>.</div> 2255 <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="margin-top:6px;display:inline-flex;align-items:center;gap:8px;background:#18202B;color:#FFFFFF;padding:13px 22px;border-radius:999px;font-size:14px;font-weight:500">Skip the wait, book a call â</a> 2256 </div> 2257 </sc-if> 2258 <sc-if value="{{ notSent }}" hint-placeholder-val="{{ true }}"> 2259 <div style="display:flex;flex-direction:column;gap:8px"> 2260 <div style="display:flex;justify-content:space-between;align-items:baseline;font-size:13px"><span style="font-weight:500;color:#18202B">Project brief</span><span style="color:#5B636E">{{ briefLabel }}</span></div> 2261 <div style="height:6px;border-radius:999px;background:#EEF0F2;overflow:hidden"><div style="height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,#18202B,#3A4452 70%,#FF5A1F);transform:scaleX({{ briefPctScale }});transform-origin:left center;transition:transform 0.5s cubic-bezier(0.2,0.8,0.2,1)"></div></div> 2262 </div> 2263 <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px"> 2264 <input type="text" name="website" tabindex="-1" autocomplete="off" aria-hidden="true" style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0"> 2265 <input required name="name" autocomplete="name" placeholder="Your name" aria-label="Your name" style="border:1px solid #E1E4E8;background:#FFFFFF;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease"> 2266 <input required type="email" name="email" autocomplete="email" placeholder="Work email" aria-label="Email address" style="border:1px solid #E1E4E8;background:#FFFFFF;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease"> 2267 </div> 2268 <div style="display:flex;flex-direction:column;gap:10px"> 2269 <div style="font-size:14px;font-weight:500">What do you need? <span style="color:#5B636E;font-weight:400">Pick any</span></div> 2270 <div style="display:flex;flex-wrap:wrap;gap:8px"> 2271 <sc-for list="{{ needs }}" as="nd" hint-placeholder-count="5"> 2272 <button type="button" data-chip onClick="{{ nd.toggle }}" aria-pressed="{{ nd.pressed }}" style="cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;border:1px solid {{ nd.border }};background:{{ nd.bg }};color:{{ nd.ink }};transition:background 0.25s ease, color 0.25s ease, border-color 0.25s ease, translate 0.2s ease">{{ nd.mark }}{{ nd.t }}</button> 2273 </sc-for> 2274 </div> 2275 </div> 2276 <div style="display:flex;flex-direction:column;gap:10px"> 2277 <div style="font-size:14px;font-weight:500">Budget</div> 2278 <div style="display:flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:12px;background:#F3F4F6"> 2279 <sc-for list="{{ budgets }}" as="bd" hint-placeholder-count="4"> 2280 <button type="button" data-chip onClick="{{ bd.pick }}" aria-pressed="{{ bd.pressed }}" style="flex:1 1 auto;cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:8px 12px;border-radius:12px;border:0;background:{{ bd.bg }};color:{{ bd.ink }};box-shadow:{{ bd.shadow }};transition:background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease">{{ bd.t }}</button> 2281 </sc-for> 2282 </div> 2283 <div style="font-size:12.5px;color:#5B636E">
2283Not sure? That's fine, we'll suggest options.</div> 2284 </div> 2285 <div style="display:flex;flex-direction:column;gap:6px"> 2286 <textarea required name="message" rows="4" placeholder="e.g. "Every Monday we copy prices from 10 competitor websites into Excel."" aria-label="Describe what you need" style="border:1px solid #E1E4E8;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;resize:vertical;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease"></textarea> 2287 <div style="display:flex;justify-content:space-between;font-size:12px;color:#5B636E"><span>{{ msgHint }}</span><span>{{ msgCount }}</span></div> 2288 </div> 2289 <label style="display:flex;flex-direction:column;gap:8px"> 2290 <span style="font-size:14px;font-weight:500">Phone or WhatsApp <span style="color:#5B636E;font-weight:400">Optional</span></span> 2291 <input type="tel" name="phone" autocomplete="tel" placeholder="+1 555 000 0000" style="border:1px solid #E1E4E8;background:#FFFFFF;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease"> 2292 </label> 2293 <sc-if value="{{ sendErr }}" hint-placeholder-val="{{ false }}"><div style="font-size:13px;color:#b91c1c;background:#FEF2F2;border-radius:12px;padding:10px 12px">We could not send your brief. Please try again or email [email protected].</div></sc-if> 2294 <button type="submit" data-send disabled="{{ sending }}" style="cursor:pointer;border:0;background:#18202B;color:#FFFFFF;border-radius:999px;padding:15px;font:inherit;font-size:15px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:10px;transition:background 0.25s ease, transform 0.2s ease;opacity:{{ sendOp }}">{{ sendLabel }}<span data-arrow style="display:inline-block;transition:translate 0.25s ease">â</span></button> 2295 <div style="font-size:12px;color:#5B636E;text-align:center">No spam, no sales calls you didn't ask for. NDA on request.</div> 2296 <div style="font-size:14px;color:#5B636E;text-align:center">Prefer to talk? <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="color:#18202B;font-weight:500;border-bottom:1px solid #18202B">Book a free 30-minute call â</a></div> 2297 </sc-if> 2298 </form> 2299 </div> 2300 </section> 2301 2302 </sc-if> 2303 2304 <!-- INNER CTA --> 2305 <sc-if value="{{ showCta }}" hint-placeholder-val="{{ false }}"> 2306 <section style="padding:0 20px 96px;max-width:1120px;margin:0 auto"> 2307 <div style="background:#18202B;color:#FFFFFF;border-radius:28px;padding:clamp(36px,5vw,64px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap"> 2308 <div style="display:flex;flex-direction:column;gap:10px"><h2 style="margin:0;font-weight:500;font-size:clamp(28px,3.4vw,42px);letter-spacing:-0.03em">Have a project in mind?</h2><p style="margin:0;font-size:16px;color:#C6CBD2">Free 30-minute call. Plan and quote within a few hours.</p></div> 2309 <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="background:#FFFFFF;color:#18202B;padding:15px 26px;border-radius:999px;font-size:15px;font-weight:500" style-hover="background:#E6E8EB;color:#18202B">Book a call â</a> 2310 </div> 2311 </section> 2312 </sc-if> 2313 2314 <!-- FOOTER --> 2315 </main> 2316 <footer style="position:relative;background:#18202B;color:#FFFFFF;padding:72px 20px 0;overflow:hidden"> 2317 <div style="position:absolute;left:50%;bottom:-260px;width:1200px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,0.10),rgba(255,255,255,0.03) 55%,transparent);pointer-events:none"></div> 2318 <div style="position:relative;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:56px"> 2319 <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:32px;font-size:14px"> 2320 <div style="display:flex;flex-direction:column;gap:12px"> 2321 <img src="./assets/logo-white.png" alt="BigiByte" style="height:30px;display:block;align-self:flex-start"> 2322 <div style="color:#A1A7B0;line-height:1.6">Big ideas, byte solutions.</div> 2323 </div> 2324 <div style="display:flex;flex-direction:column;gap:10px;color:#A1A7B0"><span style="color:#FFFFFF;font-weight:500">Services</span><a href="/services/web-scraping" style="color:#A1A7B0" style-hover="color:#FFFFFF">Web scraping</a><a href="/services/web-automation" style="color:#A1A7B0" style-hover="color:#FFFFFF">Automation</a><a href="/services/saas-development" style="color:#A1A7B0" style-hover="color:#FFFFFF">SaaS development</a><a href="/services/api-development" style="color:#A1A7B0" style-hover="color:#FFFFFF">API development</a><a href="/services/b2b-lead-lists" style="color:#A1A7B0" style-hover="color:#FFFFFF">Lead generation</a><a href="/services/real-estate-data-scraping" style="color:#A1A7B0" style-hover="color:#FFFFFF">Real estate data</a><a href="/services" style="color:#A1A7B0" style-hover="color:#FFFFFF">All services</a></div> 2325 <div style="display:flex;flex-direction:column;gap:10px;color:#A1A7B0"><span style="color:#FFFFFF;font-weight:500">Company</span><a href="/about" style="color:#A1A7B0" style-hover="color:#FFFFFF">About</a><a href="/team" style="color:#A1A7B0" style-hover="color:#FFFFFF">Team</a><a href="/work" style="color:#A1A7B0" style-hover="color:#FFFFFF">Work</a><a href="/blog" style="color:#A1A7B0" style-hover="color:#FFFFFF">Blog</a><a href="/faq" style="color:#A1A7B0" style-hover="color:#FFFFFF">FAQ</a><a href="/contact" style="color:#A1A7B0" style-hover="color:#FFFFFF">Contact</a></div> 2326 <div style="display:flex;flex-direction:column;gap:16px;color:#A1A7B0">
2327 <span style="color:#FFFFFF;font-weight:500">Connect</span> 2328 <div style="display:flex;flex-wrap:wrap;gap:6px;max-width:260px"> 2329 <a href="https://linkedin.com/company/bigibyte" target="_blank" rel="noopener" aria-label="LinkedIn" title="LinkedIn" style="width:37px;height:37px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);display:grid;place-items:center;transition:background 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1), border-color 0.2s ease" style-hover="background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.3);transform:translateY(-3px)"><svg width="18" height="18" viewBox="0 0 24 24" fill="#FFFFFF"><path d="M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13zM7.12 20.45H3.56V9h3.56v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.73V1.73C24 .77 23.2 0 22.22 0z"></path></svg></a><a href="https://facebook.com/bigibyte" target="_blank" rel="noopener" aria-label="Facebook" title="Facebook" style="width:37px;height:37px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);display:grid;place-items:center;transition:background 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1), border-color 0.2s ease" style-hover="background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.3);transform:translateY(-3px)"><img src="https://cdn.simpleicons.org/facebook/FFFFFF" alt="" style="width:18px;height:18px;display:block"></a><a href="https://twitter.com/bigibyte" target="_blank" rel="noopener" aria-label="X (Twitter)" title="X (Twitter)" style="width:37px;height:37px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);display:grid;place-items:center;transition:background 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1), border-color 0.2s ease" style-hover="background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.3);transform:translateY(-3px)"><img src="https://cdn.simpleicons.org/x/FFFFFF" alt="" style="width:18px;height:18px;display:block"></a><a href="https://instagram.com/thebigibyte" target="_blank" rel="noopener" aria-label="Instagram" title="Instagram" style="width:37px;height:37px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);display:grid;place-items:center;transition:background 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1), border-color 0.2s ease" style-hover="background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.3);transform:translateY(-3px)"><img src="https://cdn.simpleicons.org/instagram/FFFFFF" alt="" style="width:18px;height:18px;display:block"></a><a href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" target="_blank" rel="noopener" aria-label="WhatsApp" title="WhatsApp" style="width:37px;height:37px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);display:grid;place-items:center;transition:background 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1), border-color 0.2s ease" style-hover="background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.3);transform:translateY(-3px)"><img src="https://cdn.simpleicons.org/whatsapp/FFFFFF" alt="" style="width:18px;height:18px;display:block"></a> 2330 <a href="mailto:[email protected]" aria-label="Email [email protected]" title="[email protected]" style="width:37px;height:37px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);display:grid;place-items:center;transition:background 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1), border-color 0.2s ease" style-hover="background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.3);transform:translateY(-3px)"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#FFFFFF" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2"></rect><path d="m3 7 9 6 9-6"></path></svg></a> 2331 </div> 2332 <a href="https://www.google.com/maps/search/?api=1&query=Uttara+Center+Metro+Station+Dhaka" target="_blank" rel="noopener" aria-label="BigiByte office: Flat 10B, House 30/32, Road 10, Uttara Sector 15/B, Dhaka, Bangladesh. Open in Google Maps" style="display:flex;gap:12px;align-items:flex-start;max-width:280px;padding:14px;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);color:#FFFFFF;transition:background 0.2s ease, border-color 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1)" style-hover="background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.22);transform:translateY(-2px);color:#FFFFFF"><span style="flex:none;width:34px;height:34px;border-radius:12px;background:rgba(255,90,31,0.14);color:#FF8A5B;display:grid;place-items:center">
2332<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z"></path><circle cx="12" cy="9.5" r="2.5"></circle></svg></span><address style="font-style:normal;display:flex;flex-direction:column;gap:2px;min-width:0"><span style="font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:#A1A7B0">Office · Dhaka</span><span style="font-size:13.5px;font-weight:500;color:#FFFFFF;line-height:1.45">Flat 10B, House 30/32</span><span style="font-size:13px;color:#A1A7B0;line-height:1.5">Road 10, Uttara Sector 15/B<br>Dhaka, Bangladesh</span><span style="font-size:12px;color:#A1A7B0;line-height:1.5">Beside Uttara Center Metro</span><span style="margin-top:6px;font-size:12.5px;font-weight:500;color:#FFFFFF">Get directions â</span></address></a> 2333 </div> 2334 </div> 2335 <div style="display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#A1A7B0;border-top:1px solid #2C3542;padding-top:20px;position:relative;z-index:1"><span>© 2026 BigiByte. All rights reserved.</span><span style="display:flex;flex-wrap:wrap;gap:6px 14px"><a href="/privacy-policy" style="color:#A1A7B0" style-hover="color:#FFFFFF">Privacy</a><a href="/terms-of-service" style="color:#A1A7B0" style-hover="color:#FFFFFF">Terms</a><a href="/cookie-policy" style="color:#A1A7B0" style-hover="color:#FFFFFF">Cookies</a><a href="/data-protection" style="color:#A1A7B0" style-hover="color:#FFFFFF">Data protection</a><a href="/refund-policy" style="color:#A1A7B0" style-hover="color:#FFFFFF">Refunds</a><a href="/acceptable-use-policy" style="color:#A1A7B0" style-hover="color:#FFFFFF">Acceptable use</a></span></div> 2336 <div aria-hidden="true" style="pointer-events:none;user-select:none;font-size:clamp(90px,22vw,300px);font-weight:600;letter-spacing:-0.07em;line-height:0.75;text-align:center;white-space:nowrap;color:#2C3542">BigiByte</div> 2337 </div> 2338 </footer> 2339</div> 2340</x-dc>
2341<script type="text/x-dc" data-dc-script data-props="{"showTestimonials":{"editor":"boolean","default":true,"tsType":"boolean"},"showComparison":{"editor":"boolean","default":true,"tsType":"boolean"}}"> 2342class Component extends DCLogic { 2343 state = { ctaHover: false, page: 'home', menu: null, openFaq: 0, faqCat: 'New to this?', exTab: 'All', teamCat: 'All', shotsHover: false, revHover: false, revAll: false, revOpen: -1, cmpHover: -1, procHover: false, step: 0, needs: ['Web scraping'], budget: 1, sent: false, sending: false, sendErr: false, bName: false, bEmail: false, bMsg: 0 }; 2344 componentDidMount() { 2345 this.onHash = () => { 2346 const hs = window.location.hash || ''; 2347 // /about, /team, /faq, /industries and /pricing are real URLs served by this same app. 2348 const base = { '/work': 'work', '/about': 'about', '/team': 'team', '/faq': 'faq', '/industries': 'industries', '/pricing': 'pricing' }[window.location.pathname.replace(/\/+$/, '')] || 'home'; 2349 const page = hs.indexOf('#/') === 0 ? hs.slice(2) || 'home' : base; 2350 // These live as their own pages; send old #/ links there. 2351 const real = { work: '/work', blog: '/blog', services: '/services', about: '/about', team: '/team', faq: '/faq', contact: '/contact', industries: '/industries', pricing: '/pricing' }; 2352 if (real[page] && hs.indexOf('#/') === 0) { window.location.replace(real[page]); return; } 2353 this.setState({ page, menu: null }, () => { 2354 if (page !== 'home') { window.scrollTo(0, 0); return; } 2355 const el = hs.length > 1 ? document.getElementById(hs.slice(1)) : null; 2356 if (el) window.scrollTo(0, el.getBoundingClientRect().top + window.scrollY - 80); 2357 }); 2358 }; 2359 window.addEventListener('hashchange', this.onHash); 2360 this.onHash(); 2361 setTimeout(() => { this.syncHero(); this.syncShots(); }, 0); 2362 this.procT = setInterval(() => { if (!this.state.procHover) this.setState(s => ({ step: (s.step + 1) % 12 })); }, 3600); 2363 } 2364 componentWillUnmount() { window.removeEventListener('hashchange', this.onHash); clearInterval(this.procT); this.heroCanvas(null); if (this._shStop) this._shStop(); } 2365 syncHero() { 2366 const cv = document.querySelector('#top canvas') || null; 2367 if (cv !== this._cv) { this._cv = cv; this.heroCanvas(cv); } 2368 } 2369 componentDidUpdate() { this.syncHero(); this.syncShots(); } 2370 nudgeShots(dir) { const el = this._shEl; if (!el) return; const row = el.firstElementChild, card = row && row.firstElementChild; this._shNudge = (this._shNudge || 0) + dir * ((card ? card.offsetWidth : 300) + 16); } 2371 syncShots() { 2372 const el = document.getElementById('heroShots') || null; 2373 if (el === this._shEl) return; 2374 if (this._shStop) { this._shStop(); this._shStop = null; } 2375 this._shEl = el; if (!el) return; 2376 let raf = 0, drag = null, pos = el.scrollLeft, vis = true; 2377 const io = new IntersectionObserver((en) => { vis = en[0].isIntersecting; }); io.observe(el); 2378 const wrap = () => { const half = el.scrollWidth / 2; if (half <= 0) return; if (pos >= half) pos -= half; else if (pos < 0) pos += half; }; 2379 const tick = () => { 2380 if (!vis && !drag) { raf = requestAnimationFrame(tick); return; } 2381 if (Math.abs(el.scrollLeft - pos) > 2 && !drag) pos = el.scrollLeft; 2382 if (!drag) { if (!this._shHover && !this.state.menu) pos += 0.4; if (this._shNudge) { const st = this._shNudge * 0.12; pos += st; this._shNudge -= st; if (Math.abs(this._shNudge) < 0.5) this._shNudge = 0; } } 2383 wrap(); el.scrollLeft = pos; raf = requestAnimationFrame(tick); 2384 }; 2385 const down = (e) => { if (e.pointerType !== 'mouse') return; drag = { x: e.clientX, p: pos }; el.style.cursor = 'grabbing'; }; 2386 const move = (e) => { if (!drag) return; pos = drag.p - (e.clientX - drag.x); wrap(); el.scrollLeft = pos; }; 2387 const up = () => { drag = null; el.style.cursor = 'grab'; }; 2388 el.addEventListener('pointerdown', down); window.addEventListener('pointermove', move); window.addEventListener('pointerup', up); 2389 raf = requestAnimationFrame(tick); 2390 this._shStop = () => { io.disconnect(); cancelAnimationFrame(raf); el.removeEventListener('pointerdown', down); window.removeEventListener('pointermove', move); window.removeEventListener('pointerup', up); }; 2391 } 2392 heroCanvas = (cv) => { 2393 if (this._pStop) { this._pStop(); this._pStop = null; } 2394 if (!cv) return; 2395 const ctx = cv.getContext('2d'), sec = cv.closest('section') || cv.parentElement; 2396 const reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; 2397 let W = 0, H = 0, dpr = 1, pts = [], raf = 0, mx = -9999, my = -9999; 2398 const size = () => { 2399 const r = cv.getBoundingClientRect(); dpr = Math.min(window.devicePixelRatio || 1, 2); 2400 W = r.width; H = r.height; cv.width = W * dpr; cv.height = H * dpr;
2400 ctx.setTransform(dpr, 0, 0, dpr, 0, 0); 2401 const n = Math.round(Math.min(90, Math.max(30, W * H / 16000))); 2402 pts = Array.from({ length: n }, () => ({ x: Math.random() * W, y: Math.random() * H, vx: (Math.random() - 0.5) * 0.35, vy: (Math.random() - 0.5) * 0.35, r: 1 + Math.random() * 1.6 })); 2403 }; 2404 const draw = () => { 2405 ctx.clearRect(0, 0, W, H); 2406 const L = 130; 2407 for (let i = 0; i < pts.length; i++) { 2408 const p = pts[i]; 2409 if (!reduce) { p.x += p.vx; p.y += p.vy; if (p.x < 0 || p.x > W) p.vx *= -1; if (p.y < 0 || p.y > H) p.vy *= -1; } 2410 const dxm = p.x - mx, dym = p.y - my, dm = Math.hypot(dxm, dym); 2411 if (dm < 140 && dm > 0) { p.x += dxm / dm * 0.8; p.y += dym / dm * 0.8; } 2412 for (let j = i + 1; j < pts.length; j++) { 2413 const q = pts[j], d = Math.hypot(p.x - q.x, p.y - q.y); 2414 if (d < L) { ctx.strokeStyle = 'rgba(24,32,43,' + (0.16 * (1 - d / L)).toFixed(3) + ')'; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(p.x, p.y); ctx.lineTo(q.x, q.y); ctx.stroke(); } 2415 } 2416 if (dm < 180) { ctx.strokeStyle = 'rgba(24,32,43,' + (0.22 * (1 - dm / 180)).toFixed(3) + ')'; ctx.beginPath(); ctx.moveTo(p.x, p.y); ctx.lineTo(mx, my); ctx.stroke(); } 2417 ctx.fillStyle = 'rgba(24,32,43,0.45)'; ctx.beginPath(); ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2); ctx.fill(); 2418 } 2419 raf = requestAnimationFrame(draw); 2420 }; 2421 const mv = (e) => { const r = cv.getBoundingClientRect(); mx = e.clientX - r.left; my = e.clientY - r.top; }; 2422 const lv = () => { mx = my = -9999; }; 2423 size(); draw(); 2424 window.addEventListener('resize', size); sec.addEventListener('mousemove', mv); sec.addEventListener('mouseleave', lv); 2425 this._pStop = () => { cancelAnimationFrame(raf); window.removeEventListener('resize', size); sec.removeEventListener('mousemove', mv); sec.removeEventListener('mouseleave', lv); }; 2426 }; 2427 renderVals() { 2428 const S = this.state; 2429 const needsAll = ['Web scraping', 'Lead generation', 'AI agents', 'Automation', 'SaaS product', 'API', 'Maintenance']; 2430 // Plain labels on the chips; the email we receive keeps the technical names. 2431 const needLabel = { 'Web scraping': 'Collect data from websites', 'Lead generation': 'Find new customers', 'AI agents': 'AI agents', 'Automation': 'Automate a task', 'SaaS product': 'SaaS product', 'API': 'API', 'Maintenance': 'Monitoring & maintenance' }; 2432 const budgetsAll = ['$500â1k', '$1kâ2k', '$2kâ5k', '$5kâ15k', '$15k+']; 2433 const faqAll = { 2434 'New to this?': [ 2435 ["I'm not technical. Can I still work with you?", 'Yes, most of our clients are not. You describe the problem in your own words; we handle the technical side and deliver the results to a spreadsheet, email or tool you already use.'], 2436 ['What is web scraping, in simple words?', 'A program visits websites for you and copies the information you need, such as prices, listings or contact details, into a tidy spreadsheet. It does in minutes what would take a person days.'], 2437 ['Is it legal?', 'We only collect publicly available information and respect privacy laws and site terms. If something looks risky, we tell you before we build.'], 2438 ['What will I actually receive?', 'Usually a spreadsheet, a file, or new rows in your system, delivered on a schedule you choose. For bigger projects, a dashboard or your own app.'], 2439 ['How much does it cost?', 'Small one-off jobs start from $499. You always get a fixed price before we start. Full details are on our Pricing page.'], 2440 ['What if it stops working?', 'Every build includes monitoring & alerts. If a website changes, we fix it, usually before you notice.'], 2441 ], 2442 'General': [ 2443 ['How fast can you start?', 'Most projects kick off within a week. Small scrapers often ship in days.'], 2444 ['Do you work with non-technical teams?', 'Yes, we deliver straight into Sheets, Airtable, Notion or your CRM.'], 2445 ['Who owns the code?', 'You do. Full source and documentation are handed over at the end.'], 2446 ['Can you work under NDA?', 'Yes, we are happy to sign your NDA before any details are shared.'], 2447 ["What kind of projects does BigiByte take on?", "We focus on web scraping platforms, automation pipelines, and SaaS products where data quality and reliability really matter."], 2448 ["How do we start working together?", "Start with a short discovery call. We map your data sources, constraints, and success metrics, then propose a focused first milestone."], 2449 ["What engagement models do you support?", "We work as an external product team for greenfield builds, or as embedded specialists inside your existing engineering org. Short audits and \"stabilise my scrapers\" rescue missions are also possible."], 2450 ["Can you work with our existing engineering team?", "Yes. We often plug into existing teams as senior specialists for scraping, automation, and data infrastru
2450cture."], 2451 ], 2452 'Lead generation': [ 2453 ['Can you build lead lists for my business?', 'Yes. We build targeted B2B and local lead lists from directories, maps, marketplaces and social platforms based on your ideal customer profile.'], 2454 ['Where do the leads come from?', 'Public sources like Google Maps, company websites, industry directories and professional networks, never bought or recycled lists.'], 2455 ['Are emails and phone numbers verified?', 'Emails are validated and every list is deduplicated before delivery, so your outreach reaches real inboxes.'], 2456 ['Can leads go straight into my CRM?', 'Yes, HubSpot, Pipedrive, Salesforce, Google Sheets or Airtable, refreshed on a schedule.'], 2457 ['Can you enrich leads I already have?', 'Yes. Send us your list and we add company size, industry, socials, website tech and contact details.'], 2458 ["Can you help with Lead Generation Automation?", "Absolutely. We automatically collect and qualify leads from various online sources to fuel your sales pipeline. Includes: Contact extraction, Lead scoring, CRM integration, and Email verification."], 2459 ], 2460 'Scraping & data': [ 2461 ['What happens when a site changes?', 'Every build includes monitoring. We get alerted on breakage and patch it quickly.'], 2462 ['Is web scraping legal?', 'We only collect publicly available data and respect site terms and privacy laws. We flag anything risky before we build.'], 2463 ['What formats do you deliver?', 'CSV, Excel, JSON, Google Sheets, databases, webhooks or a custom API.'], 2464 ['How often can data refresh?', 'Anything from near real-time to monthly. Hourly and daily runs are most common.'], 2465 ['Can you publish actors on Apify?', 'Yes. We build, publish and maintain actors on the Apify Store.'], 2466 ["How do you handle data privacy and compliance?", "We design collectors and pipelines with your legal and compliance constraints in mind, including robots.txt awareness, consent flows, and regional data residency requirements."], 2467 ["Do you provide Real Estate Data Solutions?", "Yes. We gather property listings, pricing data, and market analytics for informed investment decisions. Features: Property listings, Price tracking, Market analysis, and Location insights."], 2468 ], 2469 'Pricing': [ 2470 ['How is pricing structured?', 'Fixed price for scoped builds, monthly retainers for ongoing pipelines.'], 2471 ['Do you offer maintenance plans?', 'Yes, monthly plans cover monitoring, fixes and small changes.'], 2472 ['Is there a minimum project size?', 'No. Many clients start with a single scraper and grow from there.'], 2473 ["Do you offer SLAs and ongoing support?", "Yes. For production systems we provide support SLAs, monitoring, and incident response, so your team has a clear point of contact when something changes upstream."], 2474 ], 2475 'Market intelligence': [ 2476 ["Do you offer E-Commerce Data Mining?", "Yes. We extract product information, prices, and reviews from multiple e-commerce platforms to gain competitive insights. Key capabilities include: Price monitoring, Competitor analysis, Market trends, and Product insights."], 2477 ["What is your Price Intelligence Suite?", "It offers always-on monitoring of competitor prices, discounts, and availability across markets. Features: Dynamic pricing inputs, Promo detection, and Geo-specific views."], 2478 ["Do you provide Marketplace Seller Analytics?", "Yes. We help you understand third-party seller performance, assortment, and share of shelf on major marketplaces. Includes: Seller scorecards, Share-of-shelf tracking, and Category coverage."], 2479 ["Do you offer Review & Rating Analytics?", "Yes. We turn customer reviews into product feedback and quality signals at scale. Includes: Aspect sentiment, Feature requests, and Issue clustering."], 2480 ["Do you support Social Media Monitoring?", "We track brand mentions, sentiment, and trends across social platforms in real-time. Includes: Brand monitoring, Sentiment analysis, Trend detection, and Influencer tracking."], 2481 ["Do you have a Travel Fare Tracker?", "We monitor flight and hotel fares over time to surface optimal booking windows. Features: Fare history, Deal alerts, and Route analytics."], 2482 ["Do you offer Job Board Intelligence?", "Yes. We monitor job boards to understand hiring trends, skills demand, and competitor org design. Includes: Skill tagging, Company tracking, and Time-to-fill signals."], 2483 ["What is the News & Research Aggregator?", "We aggregate research notes, news, and filings into a single searchable feed for your analysts. Features: Source normalization, Alerting, and Full-text search."], 2484 ], 2485 'Data & AI platforms': [ 2486 ["What is the B2B Enrichment API?", "APIs that enrich company and contact records using external public data sources. Capabilities: Firmographic data, Technology stack hints, and Contact signals."], 2487 ["Can you track Compliance & Policy changes?", "Yes. We track terms of service, privacy policies, and regulatory changes that affect your operations. Includes: Policy diffs, Alerting, and Audit logs."], 2488 ["What are Real-time Signal Streams?", "Push-based feeds that notify your systems about meaningful external
2488changes in near real-time. Features: Webhooks, Low-latency updates, and Replayable streams."], 2489 ["Can you turn Internal Tools into SaaS?", "Yes. We turn an internal spreadsheet or script into a hosted SaaS product for your customers. Includes: Multi-tenant setup, Billing ready, and Admin dashboards."], 2490 ["What is the Ops Automation Hub?", "A central hub for back-office automations that replace manual, repetitive workflows. Features: Queue workers, Human-in-the-loop steps, and Audit trails."], 2491 ["Do you build AI Datasets?", "Yes. Custom dataset creation pipelines for training and evaluating AI models. Includes: Labeling workflows, Quality checks, and Versioned datasets."], 2492 ["Do you offer an API Observability Layer?", "We track health, usage, and performance of your scraping and automation APIs. Features: Request tracing, Error budgets, and Usage dashboards."], 2493 ["What are Data Quality Guardrails?", "Automated checks that validate scraped or ingested data before it hits production systems. Includes: Schema checks, Anomaly detection, and Automatic quarantining."], 2494 ["Do you build Analytics-ready Warehouses?", "Yes. Opinionated data models and pipelines that feed your BI tools clean, denormalised tables. Features: Dimensional models, ELT jobs, and BI-ready schemas."], 2495 ["Do you provide Customer Usage Analytics?", "We build event pipelines and dashboards that show how customers actually use your product. Includes: Product usage funnels, Cohort analysis, and Feature adoption metrics."], 2496 ], 2497 }; 2498 const fqCats = Object.keys(faqAll); 2499 const fqFlat = fqCats.flatMap(c => faqAll[c].map(([q, a], i) => ({ key: c + ':' + i, cat: c, q, a }))); 2500 const fqTerm = (S.fq || '').trim().toLowerCase(); 2501 const fqMatch = x => !fqTerm || fqTerm.split(/\s+/).every(w => (x.q + ' ' + x.a + ' ' + x.cat).toLowerCase().includes(w)); 2502 const fqCat = S.fqCat || 'All'; 2503 const fqSel = fqFlat.filter(x => (fqTerm || fqCat === 'All' || x.cat === fqCat) && fqMatch(x)); 2504 const fqOpen = S.fqOpen || {}; 2505 const fqVote = S.fqVote || {}; 2506 const WA = t => 'https://wa.me/8801617934881?text=' + encodeURIComponent(t); 2507 const fqList = fqSel.map((x, i) => { 2508 const open = fqTerm && fqSel.length <= 3 ? fqOpen[x.key] !== false : !!fqOpen[x.key]; 2509 const v = fqVote[x.key]; 2510 return { ...x, n: String(i + 1).padStart(2, '0'), open, rows: open ? '1fr' : '0fr', rot: open ? '45deg' : '0deg', bd: open ? '#C9CED4' : '#E6E8EB', shadow: open ? '0 16px 36px rgba(24,32,43,0.07)' : 'none', nbg: open ? '#18202B' : '#F3F4F6', nink: open ? '#FFFFFF' : '#5B636E', catShow: fqTerm || fqCat === 'All' ? 'block' : 'none', 2511 toggle: () => this.setState({ fqOpen: { ...fqOpen, [x.key]: !open } }), 2512 asking: !v, liked: v === 'up', disliked: v === 'down', 2513 up: () => this.setState({ fqVote: { ...fqVote, [x.key]: 'up' } }), down: () => this.setState({ fqVote: { ...fqVote, [x.key]: 'down' } }), 2514 wa: WA('Hi BigiByte! I read your FAQ ("' + x.q + '") and have a follow-up question: ') }; 2515 }); 2516 const fqAnyClosed = fqList.some(f => !f.open); 2517 const fqPage = { 2518 fq: S.fq || '', fqTotal: fqFlat.length, fqList, fqEmpty: fqSel.length === 0, 2519 fqHits: fqTerm ? fqSel.length + (fqSel.length === 1 ? ' result' : ' results') : '', 2520 fqType: e => this.setState({ fq: e.target.value }), 2521 fqClear: () => this.setState({ fq: '' }), 2522 fqAllLabel: fqAnyClosed ? 'Expand all' : 'Collapse all', 2523 fqAllToggle: () => { const o = { ...fqOpen }; fqList.forEach(f => { o[f.key] = fqAnyClosed; }); this.setState({ fqOpen: o }); }, 2524 fqTabs: ['All'].concat(fqCats).map(t => { const on = !fqTerm && fqCat === t; const n = t === 'All' ? fqFlat.length : faqAll[t].length; return { t, n, on: on ? 'true' : 'false', bg: on ? '#18202B' : '#FFFFFF', ink: on ? '#FFFFFF' : '#18202B', bd: on ? '#18202B' : '#E1E4E8', cbg: on ? 'rgba(255,255,255,0.16)' : '#F0F1F3', cink: on ? '#FFFFFF' : '#5B636E', side: on ? '#F3F4F6' : 'transparent', pick: () => this.setState({ fqCat: t, fq: '', fqOpen: {} }) }; }), 2525 fqPopular: ['Pricing', 'NDA', 'API', 'Support', 'Legal'].map(t => ({ t, go: () => this.setState({ fq: t, fqOpen: {} }) })), 2526 fqWa: WA("Hi BigiByte! I have a question that isn't in your FAQ: "), 2527 fqAskWa: WA('Hi BigiByte! I searched your FAQ for "' + (S.fq || '') + '" and have a question: '), 2528 }; 2529 const faqs = faqAll[S.faqCat].map(([q, a], i) => ({ q, a, open: S.openFaq === i, icon: S.openFaq === i ? 'â' : '+', toggle: () => this.setState({ openFaq: S.openFaq === i ? -1 : i }) })); 2530 const faqTabs = Object.keys(faqAll).map(t => { const on = S.faqCat === t; return { t, bg: on ? '#18202B' : '#FFFFFF', ink: on ? '#FFFFFF' : '#18202B', bd: on ? '#18202B' : '#E1E4E8', pick: () => this.setState({ faqCat: t, openFaq: 0 }) }; }); 2531 const ic = s => 'https://cdn.simpleicons.org/' + s; 2532 const toolsA = [['python','Python'],['typescript','TypeScript'],['nodedotjs','Node.js'],['puppeteer','Puppeteer'],['selenium','Selenium'],['scrapy','Scrapy'],['n8n','n8n'],['make','Make'],['zapier','Zapier'],['googlesheets','Google Sheets'],['airtable','Airtable'],['notion','Notion']].map(([s, n]) => ({ n, src: ic(s) })); 2533 toolsA.unshift({ n: 'Apify', src: 'https://apify.com/favicon.ico' }); 2534 const CF = (f, w, h) => 'https://images.bigibyte.com/cdn-cgi/image/width=' + w + (h ? ',height=' + h + ',fit=cover' : '') + ',quality=80,format=auto/projects/' + f; 2535 const CFU = (u, w) => u.replace('https://images.bigibyte.com/', 'https://images.bigibyte.com/cdn-cgi/image/width=' + w + ',quality=80,format=auto/'); 2536 const toolsB = [['nextdotjs','Next.js'],['react','React'],['fastapi','FastAPI'],['postgresql','PostgreSQL'],['supabase','Supabase'],['mongodb','MongoDB'],['redis','Redis'],['docker','Docker'],['googlecloud','Google Cloud'],['cloudflare','Cloudflare'],['vercel','Vercel'],['stripe','Stripe'],['hubspot','HubSpot'],['github','GitHub']].map(([s, n]) => ({ n, src: ic(s) })); 2537 const IC = { linkedin: { d: "M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13zM7.12 20.45H3.56V9h3.56v11.45z", fill: "currentColor", stroke: "none", l: "LinkedIn" }, github: { d: "M12 .5C5.6.5.5 5.6.5 12c0 5.1 3.3 9.4 7.9 10.9.6.1.8-.3.8-.6v-2c-3.2.7-3.9-1.5-3.9-1.5-.5-1.3-1.3-1.7-1.3-1.7-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.7-1.6-2.6-.3-5.3-1.3-5.3-5.7 0-1.3.5-2.3 1.2-3.1-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 4.7 18.3 5 18.3 5c.7 1.7.2 2.9.1 3.2.8.8 1.2
25371.9 1.2 3.1 0 4.4-2.7 5.4-5.3 5.7.4.4.8 1.1.8 2.2v3.2c0 .3.2.7.8.6A11.5 11.5 0 0 0 23.5 12C23.5 5.6 18.4.5 12 .5z", fill: "currentColor", stroke: "none", l: "GitHub" }, website: { d: "M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM3 12h18M12 3c2.5 2.5 3.8 5.5 3.8 9s-1.3 6.5-3.8 9c-2.5-2.5-3.8-5.5-3.8-9S9.5 5.5 12 3z", fill: "none", stroke: "currentColor", l: "Website" }, email: { d: "M3 6h18v12H3zM3 7l9 6 9-6", fill: "none", stroke: "currentColor", l: "Email" } }; 2538 const galItems = [['standup','Morning Stand-up','Team'],['pair-programming','Pair Programming','Engineering'],['whiteboard','Pipeline Whiteboarding','Planning'],['client-call','Client Discovery Call','Clients'],['workspace','Developer Workspace','Workspace'],['dashboard-review','Dashboard Review','Delivery'],['coffee-break','Coffee Break','Culture'],['launch-night','Launch Night','Shipping'],['server-monitoring','Pipeline Monitoring','Operations'],['design-review','Design Review','Design'],['team-lunch','Team Lunch','Culture'],['remote-collab','Remote Collaboration','Remote']] 2539 .map(([f, t, tag]) => { const u = (w, h) => 'https://images.bigibyte.com/cdn-cgi/image/width=' + w + ',height=' + h + ',fit=cover,quality=80,format=auto/projects/gallery-' + f + '.webp'; return { t, tag, src: u(800, 500), set: u(480, 300) + ' 480w, ' + u(800, 500) + ' 800w', alt: t + ' at BigiByte', full: 'https://images.bigibyte.com/cdn-cgi/image/width=1800,quality=85,format=auto/projects/gallery-' + f + '.webp', label: 'Open photo: ' + t }; }); 2540 const galRow = (list, dir) => ({ dir, items: list.map(x => ({ ...x, hide: 'false', tab: '0' })).concat(list.map(x => ({ ...x, alt: '', hide: 'true', tab: '-1' }))) }); 2541 const galleryRows = [galRow(galItems.slice(0, 6), 'ltr'), galRow(galItems.slice(6), 'rtl')]; 2542 const teamList = [["MD Kawsar","Founder & CEO","[email protected]","https://images.bigibyte.com/projects/project-team-smiling-bearded-headshot.webp","10+ years","Web scraping, automation and development expert. Founder and CEO of BigiByte, turning AI and big data into useful insights for organizations.",["Python","Selenium","JavaScript","API Development","PostgreSQL","Flask","Data Analysis"],{"linkedin":"https://www.linkedin.com/in/kawsarlog/","github":"https://github.com/kawsarlog","website":"https://kawsarlog.com/"},["Fiverr Pro Python Developer, top 1% of professionals","Upwork Top Rated with 170+ jobs and 1,000+ hours","Extracted 15M+ lines of data for clients","Co-founder of TocoLabs","API Developer at RBS Data Marketing Agency"]],["Eva","COO & 3D Product Modeling Artist","[email protected]","https://images.bigibyte.com/projects/project-team-long-hair-portrait.webp","5+ years","Leads operations and creates realistic product visuals that help teams pitch, sell and innovate.",["Operations","3D Modeling","Product Visualization"],{"linkedin":"https://www.linkedin.com/in/evacanvas/"}],["Rakibul Islam","Graphic Designer","[email protected]","https://images.bigibyte.com/projects/project-team-serious-stubble-headshot.webp","3+ years","Creates bold, memorable visuals that help brands stand out.",["Graphic Design","Visual Identity","Branding"],{"linkedin":"https://www.linkedin.com/in/rakworld/","website":"https://rsgraphicdesign.com/"}],["Adnan Mojid","Senior Fashion Designer & Brand Consultant","[email protected]","https://images.bigibyte.com/projects/project-team-round-glasses-beard.webp","5+ years","Helps fashion SaaS products and design MVPs build better collections and grow faster.",["Fashion Design","Consulting","SaaS"],{"linkedin":"https://www.linkedin.com/in/adnan-mojid/","website":"https://adnanmojid.com/"}],["NE Nurnobi","Virtual Assistant","[email protected]","https://images.bigibyte.com/projects/project-team-glasses-arms-crossed.webp","5+ years","Keeps BigiByte organized, manages daily tasks and keeps projects moving smoothly.",["Virtual Assistance","Operations"],{"linkedin":"https://www.linkedin.com/in/nenurnobi/"}],["Towfik Ahmed","Python Developer","[email protected]","https://images.bigibyte.com/projects/project-team-neutral-mustache-headshot.webp","3+ years","Builds scalable automation, APIs and scrapers that save time and speed up growth.",["Python","Automation","API Development","Web Scraping"],{"linkedin":"https://www.linkedin.com/in/towfik-ahmed-9b563622a/"}],["HM Ashiqur Rahman","Python Developer","[email protected]","https://images.bigibyte.com/projects/project-team-wavy-hair-glasses.webp","2+ years","Builds robust, efficient and scalable data extraction systems.",["Python","Web Scraping","Automation"],{"linkedin":"https://www.linkedin.com/in/hmashiqurrahman/"}
2542],["Firoz Islam","Python Developer","[email protected]","https://images.bigibyte.com/projects/project-team-spiky-hair-headshot.webp","1+ years","Builds web scraping and automation solutions that help teams move faster.",["Python","Web Automation","Web Scraping"],{"linkedin":"https://www.linkedin.com/in/md-firoz-islam-486ab4325"}],["Mohammad Hridoy","Motion Graphics Designer & Video Editor","[email protected]","https://images.bigibyte.com/projects/team-photo-hridot.webp","4+ years","Motion graphics and video focused on clear stories and powerful results.",["Motion Graphics","Video Editing","Storytelling"],{"linkedin":"https://www.linkedin.com/in/motionxpart/","website":"https://www.motionxpart.com"}],["Ekramul Islam Jishan","Video Editor","[email protected]","https://images.bigibyte.com/projects/project-team-smiling-arms-crossed.webp","2+ years","Turns raw footage into clean, engaging brand and product stories.",["Video Editing","Storytelling","Motion Graphics"],{}],["Payer Ahmed","Jr Python Developer","[email protected]","https://images.bigibyte.com/projects/project-team-slick-hair-arms-crossed.webp","1+ years","Builds reliable scraping and automation scripts that help clients scale data workflows.",["Python","Web Scraping","Automation"],{}],["Shahariar Hasan","Jr Python Developer","[email protected]","https://images.bigibyte.com/projects/project-team-curly-hair-wire-glasses.webp","1+ years","Focused on web scraping, automation and practical tools that keep projects moving.",["Python","Web Scraping","Automation"],{}]].map(([name, role, email, photo, exp, bio, tags, soc, ach]) => ({ name, role, href: '/team/' + name.toLowerCase().replace(/\s+/g, '-'), photo: CFU(photo, 480), alt: name + ', ' + role, exp, bio, tags, ach: ach || [], hasAch: !!ach, socials: Object.keys(soc).map(k => ({ ...IC[k], href: soc[k] })).concat([{ ...IC.email, href: "mailto:" + email }]) })); 2543 const shotBase = [{ src: 'https://images.bigibyte.com/projects/project-web-scraper-runs-dashboard.webp', alt: "Web scraper dashboard showing pages scraped, success rate, a requests-per-hour chart, and a table of recent scraper runs." }, 2544 { src: 'https://images.bigibyte.com/projects/project-b2b-saas-leads-database.webp', alt: "B2B lead list of US SaaS founders with verified emails, LinkedIn links, lead scores, and a detailed contact profile panel." }, 2545 { src: 'https://images.bigibyte.com/projects/project-price-tracker-mobile-app.webp', alt: "Mobile app screens tracking product prices, with a 90-day price history chart, store comparison, and price alerts." }, 2546 { src: 'https://images.bigibyte.com/projects/project-real-estate-listings-map.webp', alt: "Real estate dashboard with scraped Austin home listings on an interactive map, property cards, and Excel export." }, 2547 { src: 'https://images.bigibyte.com/projects/project-ecommerce-product-catalog-sync.webp', alt: "Product catalog of 42,380 SKUs with category filters, product cards, stock status, and a push-to-store sync button." }, 2548 { src: 'https://images.bigibyte.com/projects/project-google-maps-lead-automation.webp', alt: "Workflow builder scraping Google Maps businesses, filtering by rating, finding emails, and sending leads to Sheets and Slack." }, 2549 { src: 'https://images.bigibyte.com/projects/project-ai-scraping-agent-chat.webp', alt: "AI chat agent finding 200 Texas dental clinics with emails, showing task progress, a results preview, and CSV download." }, 2550 { src: 'https://images.bigibyte.com/projects/project-business-leads-spreadsheet-delivery.webp', alt: "Spreadsheet of 15,420 local business leads with category, phone, email, website, ratings, and city, delivered with no duplicates." }, 2551 { src: 'https://images.bigibyte.com/projects/project-social-creator-insights-dashboard.webp', alt: "Creator analytics dashboard comparing Instagram, TikTok, and YouTube creators with engagement trends and top posts." }, 2552 { src: 'https://images.bigibyte.com/projects/project-competitor-pricing-heatmap.webp', alt: "Competitor pricing heatmap comparing product prices across 12 retailers, with a price gap chart and top opportunities." }, 2553 { src: 'https://images.bigibyte.com/projects/project-python-playwright-scraper-code.webp', alt: "Code editor showing a Python Playwright web scraper, JSON output of listings, and a terminal with live scraping progress." }, 2554 { src: 'https://images.bigibyte.com/projects/project-hotel-price-comparison-lisbon.webp', alt: "Hotel rate comparison for Lisbon showing prices across booking sites, a 30-day rate trend chart, and a hotel map." }, 2555 { src: 'https://images.bigibyte.com/projects/project-remote-job-board-scraper.webp', alt: "Job search app on laptop and phone listing remote Python developer jobs aggregated from job boards and company sites." }, 2556 { src: 'https://images.bigibyte.com/projects/project-agent-lead-workflow-vertical.webp', alt: "Vertical workflow scraping a real estate agent directory weekly, cleaning data, and routing verified emails to HubSpot or phones to Sheets." }, 2557 { src: 'https://images.bigibyte.com/projects/project-email-extraction-crm-workflow.webp', alt: "Automation canvas that scrapes websites from new sheet rows, extracts and verifies emails, and pushes contacts to a CRM." }, 2558 { src: 'https://images.bigibyte.com/projects/project-dark-workflow-scraping-pipeline.webp', alt: "Dark workflow editor running a daily HTTP scrape, HTML extraction, deduplication, email check, and Google Sheets append." }, 2559 { src: 'https://images.bigibyte.com/projects/project-ai-agent-workflow-canvas.webp', alt: "AI agent workflow canvas with chat trigger, memory, web scraper, email finder, and Google Sheets tools, plus a test chat panel." }, 2560 { src: 'https://images.bigibyte.com/projects/project-website-contact-extraction-pipeline.webp', alt: "Pipeline fetching websites, parsing content, extracting contacts into a table, normalizing data, and saving to a CRM." }, 2561 { src: 'https://images.bigibyte.com/projects/project-url-scraper-error-handling.webp', alt: "Workflow looping over URLs to scrape pages with retries, Telegram error alerts, sheet logging, and Postgres inserts." }, 2562 { src: 'https://images.bigibyte.com/projects/project-agent-lead-workflow-horizontal.webp', alt: "Horizontal workflow scraping an agent directory, deduping, verifying emails into HubSpot, or finding phones for Google Sheets." }]; 2563 const heroNew = [{ src: CF('hero-scraper-live-runs.webp', 1400), alt: "Live scraper run monitor with progress, success rate, rows collected and recent runs" }, { src: CF('hero-automation-flow-canvas.webp', 1400), alt: "Automation workflow canvas: scheduled trigger, scrape, clean, AI enrich, send to CRM and notify the team" }, { src: CF('hero-python-scraper-code.webp', 1400), alt: "Python Playwright scraper in a code editor with a terminal showing 2,431 rows saved" }, { src: CF('hero-google-maps-leads.webp', 1400), alt: "Google Maps business leads pinned on a map and exported to a spreadsheet with verified emails" }, { src: CF('hero-ai-agent-steps.webp', 1400), alt: "AI agent researching decision-makers step by step and writing 47 contacts to the CRM" }, { src: CF('hero-product-extraction.webp', 1400), alt: "E-commerce product page with fields highlighted and extracted into clean JSON" }, { src: CF('hero-crm-pipeline.webp', 1400), alt: "CRM pipeline board receiving automatically enriched leads" }, { src: CF('hero-real-estate-listings.webp', 1400), alt: "Messy property listings turned into a clean structured dataset" }, { src: CF('hero-slack-report.webp', 1400), alt: "Automated weekly price report posted to the team chat with a spreadsheet attached" }, { src: CF('hero-data-notebook.webp', 1400), alt: "Data-cleaning notebook removing duplicate rows, from 10,482 to 9,917" }, { src: CF('hero-rag-knowledge-base.webp', 1400), alt: "Company documents turned into a knowledge base that answers questions with sources" }, { src: CF('hero-verified-email-list.webp', 1400), alt: "Verified B2B lead list with email status and a 1.2% bounce rate" }, { src: CF('hero-monitoring-alerts.webp', 1400), alt: "Pipeline monitoring dashboard with 30-day uptime and an auto-repaired layout change" }, { src: CF('hero-inbox-automation.webp', 1400), alt: "Email inbox automatically sorted into leads, invoices, support and spam" }, { src: CF('hero-api-endpoint.webp', 1400), alt: "REST API endpoint returning product data as JSON with latency and uptime stats" }, { src: CF('hero-review-sentiment.webp', 1400), alt: "AI classifying 12,480 customer reviews by sentiment and topic" }, { src: CF('hero-scheduled-jobs.webp', 1400), alt: "Weekly schedule of recurring data jobs with the job running now highlighted" }, { src: CF('hero-saas-dashboard.webp', 1400), alt: "Price tracker SaaS dashboard on web and mobile with price-drop alerts" }]; 2564 const shotMix = []; 2565 for (let i = 0; i < Math.max(heroNew.length, shotBase.length); i++) { if (heroNew[i]) shotMix.push(heroNew[i]); if (shotBase[i]) shotMix.push({ ...shotBase[i], src: CFU(shotBase[i].src, 1400) }); } 2566 2567 const I = { 2568 scrape: 'M4 6h16M4 12h10M4 18h7M17 15l3 3-3 3', 2569 auto: 'M13 2L4 14h7l-1 8 9-12h-7z',
2570 saas: 'M3 5h18v12H3zM8 21h8M12 17v4', 2571 api: 'M8 8l-4 4 4 4M16 8l4 4-4 4M14 5l-4 14', 2572 data: 'M12 3c5 0 8 1.5 8 3s-3 3-8 3-8-1.5-8-3 3-3 8-3zM4 6v6c0 1.5 3 3 8 3s8-1.5 8-3V6M4 12v6c0 1.5 3 3 8 3s8-1.5 8-3v-6', 2573 shield: 'M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z', 2574 }; 2575 const P = { 2576 scrape: 'M4 7h16M4 12h10M4 17h7M16 15l3 2-3 2', api: 'M8 8l-4 4 4 4M16 8l4 4-4 4', bolt: 'M13 3L5 14h6l-1 7 8-11h-6z', 2577 apify: 'M12 3l8 4.5v9L12 21l-8-4.5v-9zM12 12l8-4.5M12 12v9M12 12L4 7.5', saas: 'M3 5h18v11H3zM8 20h8M12 16v4', layers: 'M12 3l9 5-9 5-9-5zM3 13l9 5 9-5', 2578 chart: 'M4 20V10M10 20V4M16 20v-7M22 20H2', shield: 'M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z', 2579 info: 'M12 8h.01M11 12h1v5h1M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z', grid: 'M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z', 2580 doc: 'M6 3h9l4 4v14H6zM14 3v5h5M9 13h7M9 17h5', help: 'M9.5 9a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.7M12 17h.01M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z', 2581 tag: 'M3 12V4h8l10 10-8 8zM7.5 7.5h.01', send: 'M21 3L10 14M21 3l-7 18-4-7-7-4z', 2582 }; 2583 const svgU = s => 'url("data:image/svg+xml,' + encodeURIComponent(s) + '")'; 2584 const flt = (id, body, w) => svgU("<svg xmlns='http://www.w3.org/2000/svg' width='" + w + "' height='" + w + "'><filter id='" + id + "'>" + body + "</filter><rect width='100%' height='100%' filter='url(#" + id + ")'/></svg>"); 2585 const lift = "<feComponentTransfer><feFuncR type='linear' slope='0.4' intercept='0.62'/><feFuncG type='linear' slope='0.4' intercept='0.62'/><feFuncB type='linear' slope='0.4' intercept='0.62'/></feComponentTransfer>"; 2586 const Lr = st => React.createElement('div', { style: Object.assign({ position: 'absolute', inset: 0 }, st) }); 2587 const heroPaper = this._paper || (this._paper = React.createElement(React.Fragment, null, 2588 Lr({ backgroundImage: flt('pg', "<feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/>" + lift, 200), backgroundSize: '200px 200px', mixBlendMode: 'multiply', opacity: 0.55 }), 2589 Lr({ backgroundImage: flt('pf', "<feTurbulence type='fractalNoise' baseFrequency='0.005 0.3' numOctaves='2' seed='9' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/>" + lift, 500), backgroundSize: '500px 500px', mixBlendMode: 'multiply', opacity: 0.35 }), 2590 Lr({ backgroundImage: flt('ps', "<feTurbulence type='fractalNoise' baseFrequency='0.008' numOctaves='4' seed='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/>" + lift, 900), backgroundSize: '900px 900px', mixBlendMode: 'multiply', opacity: 0.4 }) 2591 )); 2592 const closeMenu = () => { if (this.state.menu) this.setState({ menu: null }); }; 2593 const pg = S.page; 2594 const plans = [ 2595 { t: 'Starter build', p: '$499', u: 'one-time', d: 'One task, done for you.', f: ['1 website or task', 'Results in a spreadsheet or file', 'Runs on a schedule', '14 days of free fixes'], pop: false, cta: 'Get a quote' }, 2596 { t: 'Pipeline', p: '$1,200', u: '/ month', d: 'Data that keeps arriving, looked after by us.', f: ['Up to 5 websites', 'Updated daily or hourly', 'Monitoring & alerts', 'Fixed when a website changes', 'Priority support'], pop: true, cta: 'Start a pipeline' }, 2597 { t: 'Product', p: 'Custom', u: '', d: 'Your own SaaS product or API.', f: ['Design and development', 'Log-in, payments, dashboards', 'API & documentation', 'Hosting and handover'], pop: false, cta: 'Book a call' }, 2598 ].map(p => ({ ...p, ...(/call/i.test(p.cta) ? { href: 'https://cal.com/kawsarlog/coffee-chat', tgt: '_blank' } : { href: '/contact', tgt: '_self' }) })).map(p => p.pop ? { ...p, bg: '#18202B', ink: '#FFFFFF', bd: '#18202B', mute: '#C6CBD2', btn: '#FFFFFF', btnInk: '#18202B' } : { ...p, bg: '#FFFFFF', ink: '#18202B', bd: '#E6E8EB', mute: '#5B636E', btn: '#18202B', btnInk: '#FFFFFF' }); 2599 return { 2600 heroPaper, 2601 isHome: pg === 'home', pgWork: pg === 'work', showWork: pg === 'home' || pg === 'work', workPad: pg === 'work' ? '72px 20px 88px' : '80px 20px', pgServices: pg === 'services', pgAbout: pg === 'about', galleryRows, pgTeam: pg === 'team', team: team
2601List, founderList: [teamList[0]], teamRest: teamList.slice(1), 2602 ...(() => { 2603 // Team page: group people by what they do, for the filter chips. 2604 const cat = m => /python/i.test(m.role) ? 'Engineering' : /design|video|motion|graphic/i.test(m.role) ? 'Design & video' : 'Operations'; 2605 const rest = teamList.slice(1).map(m => ({ ...m, cat: cat(m), tags2: m.tags.slice(0, 2) })); 2606 const cur = S.teamCat || 'All'; 2607 const years = teamList.reduce((t, m) => t + (parseInt(m.exp, 10) || 0), 0); 2608 return { 2609 teamShown: rest.filter(m => cur === 'All' || m.cat === cur), 2610 teamTabs: ['All', 'Engineering', 'Design & video', 'Operations'].map(t => { const on = cur === t; return { t, n: t === 'All' ? rest.length : rest.filter(m => m.cat === t).length, on: on ? 'true' : 'false', bg: on ? '#18202B' : '#FFFFFF', ink: on ? '#FFFFFF' : '#18202B', bd: on ? '#18202B' : '#E1E4E8', pick: () => this.setState({ teamCat: t }) }; }), 2611 teamStats: [[String(teamList.length), 'People on the team'], [years + '+', 'Years of combined experience'], ['1000+', 'Projects for clients worldwide'], ['4.9', 'Average client rating']].map(([v, l]) => ({ v, l })), 2612 }; 2613 })(), pgIndustries: pg === 'industries', pgBlog: pg === 'blog', pgPricing: pg === 'pricing', pgFaq: pg === 'faq', pgContact: pg === 'contact', 2614 showCta: pg !== 'home' && pg !== 'contact', 2615 plans, 2616 values: [ 2617 { n: '01', t: 'Reliability over hype', d: 'We build things that run for months without attention, with monitoring from day one.' }, 2618 { n: '02', t: 'Clear and fixed', d: 'Honest scoping, fixed quotes and plain-language updates. No hourly surprises.' }, 2619 { n: '03', t: 'You own it', d: 'Full source code and documentation are yours at handover.' }, 2620 ], 2621 industries: [ 2622 { id: 'ind-1', img: CF('industry-ecommerce.webp', 800, 450), alt: 'Merchandising manager checking product prices on a tablet in a retail stockroom', t: 'E-commerce & retail', d: 'Track competitor prices, stock and reviews across marketplaces.', uses: ['Price monitoring', 'Product catalogs', 'Review mining'], ex: 'A store owner used to copy supplier products into Shopify by hand every week. Now the catalog, prices and stock update themselves.' }, 2623 { id: 'ind-2', img: CF('industry-real-estate.webp', 800, 450), alt: 'Property analyst on a brownstone street checking listings on a phone map', t: 'Real estate', d: 'Pull listings, prices and availability from portals like StreetEasy in seconds.', uses: ['Listing feeds', 'Rent analysis', 'Market alerts'], ex: 'An investor now reviews a short list of matching deals every Monday instead of scrolling listing sites.' }, 2624 { id: 'ind-3', img: CF('industry-seo-marketing.webp', 800, 450), alt: 'Growth marketer reviewing search rankings on two monitors', t: 'SEO & marketing', d: 'Collect SERP titles, URLs, snippets and rank positions at scale.', uses: ['Rank tracking', 'SERP research', 'Content gaps'], ex: 'A small agencyâs client tracker now updates itself from forms and emails, and pings the right teammate.' }, 2625 { id: 'ind-4', img: CF('industry-b2b-sales.webp', 800, 450), alt: 'Sales team huddle reviewing verified company leads on a laptop', t: 'B2B sales', d: 'Find, verify and enrich leads straight into your CRM.', uses: ['Lead lists', 'Enrichment', 'CRM sync'], ex: 'A SaaS team entering a new country had no contacts there, and launched outreach within a week.' }, 2626 { id: 'ind-5', img: CF('industry-travel.webp', 800, 450), alt: 'Hotel revenue manager checking room rates on a tablet in the lobby', t: 'Travel & hospitality', d: 'Monitor rates, availability and reviews across booking sites.', uses: ['Rate tracking', 'Availability', 'Reviews'], ex: 'A hotel software startup got a list of independent hotels in three tourist regions and started demos the same week.' }, 2627 { id: 'ind-6', img: CF('industry-research-ai.webp', 800, 450), alt: 'Machine learning researcher labelling an image dataset at night', t: 'Research & AI', d: 'Build clean, labeled datasets for analysis and model training.', uses: ['Datasets', 'Labeling', 'Monitoring'], ex: 'An AI startup got a large, labelled product dataset and started training within days instead of months.' }, 2628 ], 2629 posts: [ 2630 { id: 'post-1', img: CF('blog-nyc-apartments.webp', 800, 450), alt: 'Laptop with apartment listings, a phone map with pins and apartment keys on a desk', tag: 'Real estate', date: 'Jun 2026', t: 'Automate NYC apartment research: get results in 15 seconds', d: 'Pull dozens of StreetEasy listings in one run with no API key and no bot script to maintain.', href: 'https://medium.com/@bigiByte/automate-nyc-apartment-research-get-results-in-15-seconds-0d1c1d74944a' }, 2631 { id: 'post-2', img: CF('blog-google-serp.webp', 800, 450), alt: 'Developer monitor showing search results and a running crawl', tag: 'SEO', date: 'May 2026', t: 'How to scrape Google search results with Apify', d: 'Extract titles, URLs, snippets and rank positions at scale. No API keys, no quota limits.', href: 'https://medium.com/@bigiByte/how-to-scrape
2631-google-search-results-with-apify-ef3f1ad79993' }, 2632 ], 2633 openMore: () => { clearTimeout(this._mt); this.setState({ menu: 'more' }); }, toggleMobile: () => { clearTimeout(this._mt); this.setState({ menu: S.menu === 'mobile' ? null : 'mobile' }); }, mobOpen: S.menu === 'mobile' ? 'true' : 'false', mobLabel: S.menu === 'mobile' ? 'Close menu' : 'Open menu', mobIcon: S.menu === 'mobile' ? 'M6 6l12 12M18 6L6 18' : 'M4 7h16M4 12h16M4 17h16', openServices: () => { clearTimeout(this._mt); this.setState({ menu: 'services' }); }, closeMenu, 2634 ctaOn: () => this.setState({ ctaHover: true }), ctaOff: () => this.setState({ ctaHover: false }), 2635 ctaLeadW: S.ctaHover ? '20px' : '8px', ctaDotOp: S.ctaHover ? '0' : '1', ctaMeetOp: S.ctaHover ? '1' : '0', ctaMeetT: S.ctaHover ? 'scale(1) rotate(0deg)' : 'scale(0.3) rotate(-25deg)', 2636 ctaArrowOp: S.ctaHover ? '0' : '1', ctaArrowT: S.ctaHover ? 'translate(12px,-12px) scale(0.5)' : 'translate(0px,0px) scale(1)', 2637 ctaPhoneOp: S.ctaHover ? '1' : '0', ctaPhoneT: S.ctaHover ? 'translate(0px,0px) rotate(0deg) scale(1)' : 'translate(-12px,12px) rotate(-45deg) scale(0.5)', 2638 scheduleClose: () => { clearTimeout(this._mt); if (this.state.menu === 'mobile') return; this._mt = setTimeout(() => { if (this.state.menu && this.state.menu !== 'mobile') this.setState({ menu: null }); }, 280); }, cancelClose: () => clearTimeout(this._mt), 2639 moreInk: S.menu === 'more' ? '#FFFFFF' : '#D5D9DE', svcInk: S.menu === 'services' ? '#FFFFFF' : '#D5D9DE', svcBg: S.menu === 'services' ? 'rgba(255,255,255,0.10)' : 'transparent', moreBg: S.menu === 'more' ? 'rgba(255,255,255,0.10)' : 'transparent', svcRot: S.menu === 'services' ? '180deg' : '0deg', moreRot: S.menu === 'more' ? '180deg' : '0deg', 2640 ...['svc', 'more', 'mob'].reduce((o, k) => { const on = S.menu === ({ svc: 'services', more: 'more', mob: 'mobile' })[k]; o[k + 'Op'] = on ? 1 : 0; o[k + 'Y'] = on ? '0px' : '-8px'; o[k + 'S'] = on ? 1 : 0.98; o[k + 'Vis'] = on ? 'visible' : 'hidden'; return o; }, {}), 2641 bdA: S.menu ? 0.18 : 0, bdB: S.menu ? '10px' : '0px', bdF: S.menu ? 'blur(10px)' : 'none', bdPe: S.menu ? 'auto' : 'none', 2642 get navSvc() { const keep = ['Web scraping', 'Workflow automation', 'AI agent development', 'AI chatbots & assistants', 'B2B lead lists', 'Google Maps leads', 'SaaS development', 'API development']; const c = this.svcCols.map(g => ({ ...g, items: g.items.filter(it => keep.includes(it.t)) })); return [{ groups: [c[0], c[2]] }, { groups: [c[3], c[1]] }]; }, 2643 svcCols: [ 2644 { h: 'Data & automation', items: [ 2645 { icon: P.scrape, long: 'Resilient crawlers for JS-heavy, logged-in and rate-limited sites. Structured output delivered on schedule to Sheets, your database or an API.', t: 'Web scraping', s: 'Any site, structured on schedule', pop: true, slug: 'web-scraping', plain: 'Collect information from any website', plainSub: 'Delivered to your spreadsheet on a schedule' }, 2646 { icon: P.bolt, long: 'Enrichment, reporting, syncing and alerts built on n8n, Make or custom Python, running without babysitting.', t: 'Workflow automation', s: 'n8n, Make & custom Python', pop: false, slug: 'workflow-automation', plain: 'Stop doing the same computer task every day', plainSub: 'Reports and updates that run themselves' }, 2647 { icon: P.apify, long: 'Custom actors built, published and maintained on the Apify Store, with docs and input schemas your users understand.', t: 'Apify actors', s: 'Built, published, maintained', pop: false, slug: 'apify-actors', plain: 'Sell your own data tool on Apify', plainSub: 'We build, publish and maintain it' }, 2648 { icon: P.chart, long: 'Clean, normalize, dedupe and load data into your warehouse with validation at every step.', t: 'Data pipelines', s: 'Clean, dedupe, load', pop: false, slug: 'data-pipelines', plain: 'All your data, cleaned, in one place', plainSub: 'Deduplicated, normalized, loaded' }, 2649 ] }, 2650 { h: 'Product development', items: [ 2651 { icon: P.saas, long: 'We design and ship data products with auth, billing and dashboards, from MVP to paying users.', t: 'SaaS development', s: 'MVP to production', pop: true, slug: 'saas-development', plain: 'Build your own SaaS product', plainSub: 'From MVP to paying users' }, 2652 { icon: P.api, long: 'Clean, documented REST and GraphQL APIs that expose your data to partners, apps and internal teams.', t: 'API development', s: 'REST & GraphQL, documented', pop: false, slug: 'api-development', plain: 'Custom APIs for your data', plainSub: 'Connect your systems and partners' }, 2653 { icon: P.layers, long: 'Turn raw datasets into dashboards your team actually opens: prices, leads, rankings, trends.', t: 'Dashboards', s: 'Turn data into decisions', pop: false, slug: 'dashboards', plain: 'See your numbers on one screen', plainSub: 'Prices, leads and trends, live' }, 2654 { icon: P.shield, long: 'Monitoring, alerts and quick fixes when source sites change, so your data keeps flowing.', t: 'Maintenance', s: 'Monitoring & quick fixes', pop: false, slug: 'maintenance', plain: 'Monitoring & alerts', plainSub: 'Fixed if a website changes' }, 2655 ] }, 2656 { h: 'AI & agents', items: [ 2657 { icon: 'M12 3v3M8 6h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3zM9.5 11.5h.01M14.5 11.5
2657h.01M9.5 15h5M2 12h3M19 12h3', long: 'Autonomous agents that research, qualify leads, fill forms and update your tools, with guardrails and human review where it matters.', t: 'AI agent development', s: 'Agents that do real work', pop: true, slug: 'ai-agent-development', plain: 'AI agents that do real tasks', plainSub: 'Research, draft, update your tools' }, 2658 { icon: 'M9 4a3 3 0 0 0-3 3 3 3 0 0 0-2 5 3 3 0 0 0 2 5 3 3 0 0 0 3 3h1V4zM15 4a3 3 0 0 1 3 3 3 3 0 0 1 2 5 3 3 0 0 1-2 5 3 3 0 0 1-3 3h-1V4z', long: 'Retrieval-augmented pipelines that ground LLMs in your own docs, products and scraped data for accurate answers.', t: 'RAG & knowledge bases', s: 'LLMs grounded in your data', pop: false, slug: 'rag-knowledge-bases', plain: 'AI that answers from your documents', plainSub: 'Your handbook, searchable in chat' }, 2659 { icon: 'M4 5h16v11H9l-5 4zM8 10h8M8 13h5', long: 'Chatbots and assistants for support, sales and internal teams, connected to your CRM, docs and live data.', t: 'AI chatbots & assistants', s: 'Support, sales, internal', pop: false, slug: 'ai-chatbots', plain: 'A smart assistant that answers your customers 24/7', plainSub: 'For customers or your own staff' }, 2660 { icon: 'M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8zM19 16l.8 2.2L22 19l-2.2.8L19 22l-.8-2.2L16 19l2.2-.8z', long: 'Add LLM steps to existing workflows: classify, summarize, extract and enrich data at scale with OpenAI, Claude or open models.', t: 'AI automation', s: 'LLMs inside your workflows', pop: false, slug: 'ai-automation', plain: 'Let AI sort, summarise and tag', plainSub: 'Emails, forms and data, handled' }, 2661 ] }, 2662 { h: 'Lead generation & marketing', items: [ 2663 { icon: 'M3 21V8l9-5 9 5v13M9 21v-6h6v6', long: 'Targeted B2B lead lists by industry, company size, role and location, with verified work emails, direct dials and LinkedIn profiles.', t: 'B2B lead lists', s: 'Decision-makers, verified emails', pop: true, slug: 'b2b-lead-lists', plain: 'Get a list of potential customers', plainSub: 'Decision-makers with checked emails' }, 2664 { icon: 'M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6', long: 'Consumer and local audiences for promotions and campaigns, sourced from public directories, maps and marketplaces.', t: 'B2C & local leads', s: 'Consumers, local businesses', pop: false, slug: 'local-leads', plain: 'Lists of local businesses and customers', plainSub: 'For promotions and campaigns' }, 2665 { icon: 'M3 6h18v12H3zM3 7l9 6 9-6', long: 'Cold email ready lists: validated, deduplicated and segmented, formatted for Instantly, Lemlist, Apollo or your sending tool.', t: 'Cold email lists', s: 'Validated, campaign-ready', pop: false, slug: 'cold-email-lists', plain: 'Email lists that don\'t bounce', plainSub: 'Ready to load into your email tool' }, 2666 { icon: 'M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21zM12 12a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z', long: 'Businesses from Google Maps and directories with phone, website, email, ratings and reviews, filtered by niche and city.', t: 'Google Maps leads', s: 'Phones, emails, ratings', pop: false, slug: 'google-maps-leads', plain: 'Every business of a type in your area', plainSub: 'Phones, emails and ratings' }, 2667 { icon: 'M4 12h16M12 4v16M5 5l14 14', long: 'Add missing emails, phones, company size, industry, socials and tech stack to the lists you already have.', t: 'Lead enrichment', s: 'Fill gaps in your CRM', pop: false, slug: 'lead-enrichment', plain: 'Fill in missing contact details', plainSub: 'Complete the lists you already have' }, 2668 { icon: 'M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6l7-3zM9 12l2 2 4-4', long: 'Bulk email verification that removes invalid, risky and catch-all addresses so your campaigns land in real inboxes.', t: 'Email verification', s: 'Protect sender reputation', pop: false, slug: 'email-verification', plain: 'Clean an email list before sending', plainSub: 'Keep your emails out of spam' }, 2669 ] }, 2670 ],
2671 mobileItems: [['Services', '/services'], ['Work', '/work'], ['About', '/about'], ['Pricing', '/pricing'], ['Contact', '/contact']].map(([t, href]) => ({ t, href, cur: href === '/' + pg ? 'page' : 'false' })), 2672 curWork: pg === 'work' ? 'page' : 'false', 2673 mobileMore: [['Team', '/team'], ['Industries', '/industries'], ['Blog', '/blog'], ['FAQs', '/faq']].map(([t, href]) => ({ t, href })), 2674 moreItems: [ 2675 { icon: P.info, t: 'About', s: 'Who we are and how we work', href: '/about' }, 2676 { icon: 'M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6M18 4.5a3.5 3.5 0 0 1 0 6.5M21.5 19c-.5-1.8-1.6-3.2-3-4', t: 'Team', s: 'The people behind BigiByte', href: '/team' }, 2677 { icon: P.grid, t: 'Industries', s: 'Retail, B2B, real estate & more', href: '/industries' }, 2678 { icon: P.doc, t: 'Blog', s: 'Notes on scraping & automation', href: '/blog' }, 2679 { icon: P.help, t: 'FAQs', s: 'Answers before you ask', href: '/faq' }, 2680 { icon: P.tag, t: 'Pricing', s: 'Fixed builds or monthly plans', href: '/pricing' }, 2681 { icon: P.send, t: 'Contact', s: 'Tell us about your project', href: '/contact' }, 2682 ], 2683 checks: ['Senior engineers only', 'Ship in weeks, not months', 'Monitoring included'], 2684 stack: ['Apify', 'Python', 'Playwright', 'n8n', 'Next.js', 'Postgres', 'Supabase', 'AWS'], 2685 work: [ 2686 { flip: 'false', icon: 'M3 11l9-7 9 7M5 10v10h14V10M10 20v-6h4v6', a: 'w3a', b: 'w3b', c: 'w3c', ia: CF('work-realestate-detail-1.webp', 1200, 750), ib: CF('project-real-estate-listings-map.webp', 800, 500), ic: CF('project-price-tracker-mobile-app.webp', 800, 500), alt: 'Phone with a property listings app showing a map and home cards, next to house keys', altb: 'Real estate listings on an interactive map', altc: 'Price tracker mobile app', tools: ['React', 'FastAPI', 'PostgreSQL'], result: '$18k in monthly revenue within six months', tag: 'Real estate', t: 'From a spreadsheet idea to a paid product', cat: 'Real estate', before: 'Useful property data, but no product people could sign up for.', after: 'A subscription website with log-in, payments and dashboards.', small: 'SaaS · React, FastAPI, PostgreSQL', stats: [{ v: '1.2k', l: 'Active users' }, { v: '$18k', l: 'Monthly revenue at 6 months' }, { v: '12', l: 'Weeks to first version' }] }, 2687 { flip: 'true', icon: 'M5 8h14l-1 12H6zM9 8V6a3 3 0 0 1 6 0v2', a: 'w1a', b: 'w1b', c: 'w1c', ia: CF('work-ecommerce-detail-1.webp', 1200, 750), ib: CF('project-competitor-pricing-heatmap.webp', 800, 500), ic: CF('project-ecommerce-product-catalog-sync.webp', 800, 500), alt: 'The same sneaker from three online stores with price tags, the best price highlighted', altb: 'Competitor pricing heatmap', altc: 'E-commerce product catalog sync', tools: ['Python', 'Playwright', 'BigQuery'], result: 'Tracks 2.1M products daily at 99.6% success', tag: 'E-commerce', t: 'An online shop that sees every competitorâs price change the same day', cat: 'E-commerce', before: 'The team checked competitor websites by hand and always reacted a week late.', after: 'Prices from 400 online stores arrive in their reports every day, automatically.', small: 'Web scraping · Python, Playwright, BigQuery', stats: [{ v: '2.1M', l: 'Products tracked' }, { v: '99.6%', l: 'Success rate' }, { v: '6', l: 'Weeks to go live' }] }, 2688 { flip: 'false', icon: 'M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6', a: 'w2a', b: 'w2b', c: 'w2c', ia: CF('work-sales-detail-1.webp', 1200, 750), ib: CF('project-email-extraction-crm-workflow.webp', 800, 500), ic: CF('project-business-leads-spreadsheet-delivery.webp', 800, 500), alt: 'Weekly planner with a large block of time freed up and highlighted in yellow', altb: 'Email extraction to CRM workflow', altc: 'Business leads delivered as a spreadsheet', tools: ['n8n', 'Python', 'HubSpot'], result: 'Saves the sales team 30 hours every week', tag: 'Sales teams', t: 'A sales team that got 30 hours a week back', cat: 'Sales teams', before: 'Reps spent their mornings searching the web for who to contact.', after: 'New contacts are found, checked and added to HubSpot automatically.', small: 'Automation · n8n, Python, HubSpot', stats: [{ v: '30h', l: 'Hours s
2688aved each week' }, { v: '4Ã', l: 'More leads' }, { v: '0', l: 'Manual steps left' }] }, 2689 ], 2690 get workShown() { return this.work.filter(w => S.exTab === 'All' || w.cat === S.exTab); }, 2691 exTabs: ['All', 'Real estate', 'E-commerce', 'Sales teams', 'Marketing agencies'].map(t => { const on = S.exTab === t; return { t, on: on ? 'true' : 'false', bg: on ? '#18202B' : '#FFFFFF', ink: on ? '#FFFFFF' : '#18202B', bd: on ? '#18202B' : '#E1E4E8', pick: () => this.setState({ exTab: t }) }; }), 2692 beforeAfterImg: CF('how-it-works-flow.webp', 1600, 900), beforeAfterSet: CF('how-it-works-flow.webp', 800, 450) + ' 800w, ' + CF('how-it-works-flow.webp', 1600, 900) + ' 1600w', 2693 // Short before/after stories for /work, taken from the examples on our service pages. 2694 stories: [ 2695 ['Real estate', 'An investor reviewed new listings in three markets by hand every week.', 'Now a short list of matching deals lands in their sheet every Monday.', 'real-estate-data-scraping', 'Property listings and prices', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-re-listings.webp', '#E8EDF5'], 2696 ['Real estate', 'A small investment team rebuilt their prospect list by hand every month.', 'Now fresh for-sale-by-owner listings appear in their sheet automatically.', 'real-estate-leads', 'Find property owners and deals', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-re-leads.webp', '#E8EDF5'], 2697 ['E-commerce', 'A store owner copied supplier products into Shopify by hand every week.', 'Now the catalog, prices and stock update themselves.', 'e-commerce-solutions', 'Run your online store with less work', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-ecom-catalog.webp', '#EAF4EC'], 2698 ['E-commerce', 'A brand had thousands of reviews and no time to read them.', 'Now they have a clear list of what customers love and what to fix first.', 'sentiment-analysis', 'Find out what customers really think', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-ecom-sentiment.webp', '#EAF4EC'], 2699 ['Sales teams', 'A fitness supplier wanted every independent gym in five cities.', 'They got a ready call list for all five.', 'local-leads', 'Lists of local businesses', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-sales-local.webp', '#F0EAF5'], 2700 ['Sales teams', 'A SaaS team entering a new country had no contacts there.', 'They launched outreach within a week.', 'b2b-lead-lists', 'Get a list of potential customers', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-sales-b2b.webp', '#F0EAF5'], 2701 ['Marketing agencies', 'An agencyâs last campaign bounced so badly their domain was flagged.', 'We rebuilt the list from fresh sources, and the next campaign sent cleanly.', 'cold-email-lists', 'Email lists that donât bounce', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-agency-email.webp', '#FDF1EA'], 2702 ['Marketing agencies', 'A small agency updated a client tracker by hand from forms and emails.', 'Now the sheet updates itself and emails the right teammate.', 'google-sheets-automation', 'Spreadsheets that update themselves', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-agency-sheets.webp', '#FDF1EA'], 2703 ].map(([tag, before, after, slug, svc, img, ph]) => ({ tag, before, after, svc, img, ph, href: '/services/' + slug })), 2704 storiesHead: S.exTab === 'All' ? 'More examples' : 'More examples · ' + S.exTab, 2705 get storiesShown() { return this.stories.filter(x => S.exTab === 'All' || x.tag === S.exTab); }, 2706 whoHelp: [ 2707 ['M3 11l9-7 9 7M5 10v10h14V10M10 20v-6h4v6', 'Real estate', 'I scroll listing sites every day looking for the right deal.', '/services/real-estate-data-scraping'], 2708 ['M5 8h14l-1 12H6zM9 8V6a3 3 0 0 1 6 0v2', 'Online shops', 'I check competitor prices by hand and always find out too late.', '/services/web-scraping'], 2709 ['M3 11v2a1 1 0 0 0 1 1h3l6 4V6L7 10H4a1 1 0 0 0-1 1zM17 9a4 4 0 0 1 0 6M20 6a8 8 0 0 1 0 12', 'Marketing agencies', 'Our clients want leads and reports, and my team builds them by hand.', '/services/cold-email-lists'], 2710 ['M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6', 'Sales teams', 'We spend hours finding the right person to contact.', '/services/b2b-lead-lists'], 2711 ['M9 18h6M10 21h4M12 3a6 6 0 0 0-4 10.5c.7.7 1 1.5 1 2.5h6c0-1 .3-1.8 1-2.5A6 6 0 0 0 12 3z', 'Startups', 'I have an idea for an app, or a half-built one that keeps breaking.', '/services/saas-development'], 2712 ['M9 3h6M10 3v6l-5.5 9.5A1.7 1.7 0 0 0 6 21h12a1.7 1.7 0 0 0 1.5-2.5L14 9V3M7 15h10', 'Researchers & AI teams', 'I need a large, clean dataset and collecting it would take months.', '/services/ai-model-datasets'], 2713 ].map(([icon, t, q, href]) => ({ icon, t, q, href, cta: 'See how we help' })), 2714 // Home 'What we do': plain promise first, technical name underneath. 2715 svcGroups: [ 2716 { h: 'Get the information you need', items: [ 2717 { icon: I.scrape, href: '/services/web-scraping', t: 'Collect information from any website', k: 'Web scraping' }, 2718 { icon: I.data, href: '/services/data-pipelines', t: 'All your data, cleaned, in one place', k: 'Data pipelines' }, 2719 { icon: I.shield, href: '/services/maintenance', t: 'Monitoring & alerts, fixed if a website changes', k: 'Monitoring & upkeep' }, 2720 ] }, 2721 { h: 'Find more customers', items: [ 2722 { icon: 'M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6M19 3l2 2-2 2M21 5h-5', href: '/services/b2b-lead-lists', t: 'Get a list of potential customers', k: 'B2B & B2C lead generation' }, 2723 { icon: 'M12 3v3M8 6h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3zM9.5 11.5h.01M14.5 11.5
2723h.01M9.5 15h5M2 12h3M19 12h3', href: '/services/ai-agent-development', t: 'AI agents that research leads for you', k: 'AI agent development' }, 2724 { icon: 'M4 5h16v11H9l-5 4zM8 10h8M8 13h5', href: '/services/ai-chatbots', t: 'A smart assistant that answers your customers 24/7', k: 'AI chatbots & assistants' }, 2725 ] }, 2726 { h: 'Stop doing it by hand, or build your own product', items: [ 2727 { icon: I.saas, href: '/services/saas-development', t: 'Build your own SaaS product, from MVP to paying users', k: 'SaaS development' }, 2728 { icon: I.api, href: '/services/api-development', t: 'Custom APIs that connect your systems and partners', k: 'API development' }, 2729 { icon: 'M9 4a3 3 0 0 0-3 3 3 3 0 0 0-2 5 3 3 0 0 0 2 5 3 3 0 0 0 3 3h1V4zM15 4a3 3 0 0 1 3 3 3 3 0 0 1 2 5 3 3 0 0 1-2 5 3 3 0 0 1-3 3h-1V4z', href: '/services/rag-knowledge-bases', t: 'AI that answers from your own documents', k: 'RAG & knowledge bases' }, 2730 ] }, 2731 ], 2732 steps: [ 2733 ['M4 5h16v11H9l-5 4z', 'Tell us what you need.', 'Which information you need, or which task wastes your time. A free 30-minute call or a short message; no technical knowledge needed. You get a clear plan and a fixed price, usually within a few hours.'], 2734 ['M6 3h9l4 4v14H6zM14 3v5h5M9.5 14.5l2 2 3.5-4', 'We build it and show you a sample.', "You see real results first, like the first rows of your spreadsheet, so you can check it's right before we finish."], 2735 ['M6 3h9l4 4v6M14 3v5h5M6 3v18h6M17.5 21a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zM17.5 16v1.6l1 .9', 'Results arrive automatically.', 'In Excel, Google Sheets or your system, on the schedule you choose. If something changes or breaks, we fix it.'], 2736 ].map(([icon, t, d], i) => { const on = S.step % 3 === i; return { n: String(i + 1).padStart(2, '0'), icon, t, d, active: on, bg: on ? '#FFFFFF' : 'rgba(255,255,255,0.55)', bd: on ? '#18202B' : '#E1E4E8', y: on ? '-6px' : '0px', sh: on ? '0 18px 40px rgba(24,32,43,0.10)' : '0 0 0 rgba(24,32,43,0)', op: on ? 1 : 0.72, dot: on ? '#18202B' : '#E1E4E8', dotInk: on ? '#FFFFFF' : '#18202B', pick: () => this.setState({ step: i }) }; }), 2737 showTestimonials: this.props.showTestimonials ?? true, 2738 showComparison: this.props.showComparison ?? true, 2739 ...(() => { 2740 const rv = [["oorteal",5,"Great working with you!","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/ede698b6799d505ebaf0e581aa0766ec-1039297421675370042.4869251/61E5C2F7-5C57-4A03-81AB-5826FBCD81CA"],["Nicholas S.",5,"Amazing work","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/21883d7f61058ab8371179cf8e4ea5f1-1639025374671/165a19a5-65e8-4bd4-8fd2-c9b4bd8e4448.png"],["dh2407",4.3,"Really enjoyed working with Kawsar. Very professional!","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/11e08a79a72c85e08a05612097f56763-1568229834064/694053ed-6dca-43ec-af7c-8cafcf8fa30a.JPG"],["Kyle B.",5,"Great to work with, his understanding of accounting helps greatly!","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/profile/photos/4017636/original/kb_kids.jpg"],["Justin",5,"Just amazing work and unmatched skill. It's making me think of what else we do next!","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/profile/photos/1540103/original/aa.jpg"],["Jais S.",5,"The solution works very well and is really fast.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/ac52a372ae434d3358e2f5a52a6c2b3a-1654792993352/8e493fba-1687-45c8-a286-1af0ef3a34e3.jpg"],["Habib F.",4.7,"Kawsar did an excellent job developing a Python script to scrape real estate data with custom filters and automated scheduling.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/65e3fcd7c34e8ffed623b1d08907976f-1619207353829/ff591810-8646-4d69-a3a4-617405c8f453.jpg"],["Andreas V.",5,"Was again amazing working with you. Great job!","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/8fd94d7e384933f3b8ea57b47b1b0c2e-1707576894598/09d21929-1a00-45fd-bc51-18dd8ba8c9c4.jpeg"],["Rugved W.",5,"Looks great! Thanks for the help","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/f14cb134a1b0aa741184e5e6d2dec09c-831078501675152036.484696/9BF4900F-E7AB-438D-B79E-15B8A0AC2708"],["Drew H.",5,"Kawsar was excellent to work with. He understood what I was looking for and proactively suggested ideas.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/110f4fff726164f780b94ff9d60a8ec1-1624213898824/2b462463-e813-4728-8bae-8c46b8b53282.jpeg"],["aslantcreative",5,"Working with Kawsar was AMAZING! The quality of his work was outstanding with great attention to detail.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/3a6eb4ed36754889eca39bc03a9b88bb-1671158307106/9fdf1160-56cc-4866-84da-9e98292642fc.png"],["Pedrinho",5,"Kawsar truly exceeded my expectations with his professional and detail-oriented work.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/profile/photos/33256108/original/600710_101
274051401161744070_286028602_n.jpg"],["copytrans",5,"Very good, professional and, in my case, very fast work. Good communication.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/49bb3acffbe522e9d98e754c90cf365f-1676931287371/3efd3aac-2322-4332-bd7e-4b6ec762e1fa.jpg"],["acsf1verr",5,"Excellent work, delivered on time and in budget. Recommended.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/8e8e3023c2e32a10b70b876d7f74cea5-1624120251269/61b71652-da16-484a-be0b-9a203a024420.jpg"],["gaddcorp",5,"Kawsar is literally the best of the best! He took on a massive project and completed it against all odds.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/d5b74f37aabb5bf397f928fa8ef83174-743836741596390704.906231/90ABB451-BF26-4D22-A958-08C501FE2C8B"],["Katrin T.",5,"Ich habe alles so bekommen, wie ich es wollte. Eine groÃe technische Hürde schnell und einfach umgesetzt.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/cff7d362f033
2740056ae5cf049537a1744a-1681722487683/a9cf5d53-0db9-4ee0-ba2b-295d9b2d9aad.jpg"],["Roei Z.",4,"Fast and good delivery.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/94c8ad406c827ec3abf6ebfdd7ae81ad-1224184801668456941611/JPEG_20221114_221541_4294791081798438979.jpg"],["nteck90027",5,"This is my second time working with Kawsar, and I will work with him again. His understanding and patience are appreciated.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/94e95cdd86f0fd5e478b8bddd007a3ab-1527368688927/b0f3b5cc-5f56-49e1-be19-ce3610869577.png"],["Tony P.",4.7,"Excellent service, delivered in under the time frame.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/67ff974f4bf3dbb1a6aa61fffdf025de-1740131769637/2c02d1eb-d6ac-49df-9c1f-23be5d3ef671.jpg"],["M. Gyura",5,"Exactly what I asked for and quicker than I expected. We'll be back with more projects.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/33bc4173ea279a054c29d0d8f6b4ce07-1539806278747/28413816-05d1-4f97-a685-318a19b47623.jpg"],["T. J. Thorne",5,"I have used Kawsar to pull over 15 million lines of data and leads. He is hands down the most exceptional data freelancer.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_smartwm/t_delivery_large/v1/attachments/delivery/asset/4ee694a6b1978d48e340bb5e92158f01-1715642257/Screenshot_3.png"],["joft63",4.7,"Great in communication and speed. Would definitely recommend!","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/c0a0f8fafe43017dc5452993587cfb75-1714342382938/b6aebf28-998f-41cb-acf2-58bf0fc9b459.JPG"]].map(([name, rating, review, image]) => ({ name, rating: rating.toFixed(1), review, image, stars: 'â '.repeat(Math.round(rating)) + 'â'.repeat(5 - Math.round(rating)), sub: 'Verified client · Fiverr' })); 2741 const half = Math.ceil(rv.length / 2), A = rv.slice(0, half), B = rv.slice(half); 2742 const avg = rv.reduce((s, r) => s + parseFloat(r.rating), 0) / rv.length; 2743 const pick = ['Habib F.', 'Drew H.', 'gaddcorp', 'Pedrinho']; 2744 const ord = pick.map(n => rv.find(r => r.name === n)).concat([ 2745 { name: 'T. J. Thorne', sub: 'Verified Fiverr client · 5 / 5', rating: '5.0', stars: 'â â â â â ', review: 'Kawsar extracted over 15 million lines of data and leads for me. Without a doubt, the most skilled data freelancer I\'ve ever worked with. I\'d give him 100 stars if Fiverr let me.', image: 'https://fiverr-res.cloudinary.com/image/upload/t_profile_small/v1/attachments/profile/photo/49bb3acffbe522e9d98e754c90cf365f-1676931287371/3efd3aac-2322-4332-bd7e-4b6ec762e1fa.jpg' }, 2746 { name: 'Ryan Jones', sub: 'CEO / President, RBS Data Inc', rating: '5.0', stars: 'â â â â â ', review: 'Kawsar is instrumental in our success with our API developments. His knowledge base is incredible. I havenât seen anyone in my 20+ years in development with such a skill set.', image: 'https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1652600318017.jpg' }, 2747 ]); 2748 const rest = rv.filter(r => !pick.includes(r.name) && r.name !== 'T. J. Thorne'); 2749 const shown = (S.revAll ? ord.concat(rest) : ord).map((r, i) => { const ex = S.revOpen === i, long = r.review.length > 110; return { ...r, maxH: 'none', mask: 'none', toggle: () => this.setState({ revOpen: ex ? -1 : i }) }; }); 2750 const faces = ['Habib F.', 'Drew H.', 'gaddcorp', 'Pedrinho', 'M. Gyura', 'Justin', 'Andreas V.', 'Jais S.'].map(n => rv.find(r => r.name === n).image).concat(['https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1777579006404.jpg', 'https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1652600318017.jpg']); 2751 return { revShown: shown, revBtn: S.revAll ? 'See fewer reviews' : 'See more reviews', toggleRevAll: () => this.setState({ revAll: !S.revAll, revOpen: -1 }), revAvg: avg.toFixed(1), revCount: rv.length, avatars: faces }; 2752 })(), 2753 revPlay: S.revHover ? 'paused' : 'running', pauseRev: () => this.setState({ revHover: true }), playRev: () => this.setState({ revHover: false }), 2754 compare: [ 2755 { f: 'Senior engineers', a: 'â', b: 'â' }, 2756 { f: 'Delivery in weeks', a: 'â', b: 'â' }, 2757 { f: 'Works on hard-to-reach websites', a: 'â', b: 'â' }, 2758 { f: 'Monitoring included', a: 'â', b: 'â' }, 2759 { f: 'Fixed when a website changes', a: 'â', b: 'â' }, 2760 { f: 'Fixed pricing', a: 'â', b: 'â' }, 2761 { f: 'Everything we build is yours', a: 'â', b: 'â' }, 2762 ].map(r => ({ ...r, ac: r.a === 'â' ? '#16A34A' : '#b91c1c', bc: r.b === 'â' ? '#16A34A' : '#b91c1c', aw: r.a === 'â' ? 900 : 700, bw: r.b === 'â' ? 900 : 700 })), 2763 ...fqPage, faqs, faqTabs, toolsA: [...toolsA, ...toolsA], toolsB: [...toolsB, ...toolsB], 2764 // Each card has a fixed shape so it never collapses to 0px while its image loads 2765 // (iPhone Safari then never loads it). The first eight load straight away. 2766 shots: [...shotMix, ...shotMix].map((x, i) => ({ ...x, ld: i < 8 ? 'eager' : 'lazy', ar: /vertical/.test(x.src) ? '3 / 4' : '16 / 10' })), shotsPrev: () => this.nudgeShots(-1), shotsNext: () => this.nudgeShots(1), 2767 pauseShots: () => { this._shHover = true; }, playShots: () => { this._shHover = false; }, 2768 procPause: () => this.setState({ procHover: true }), procPlay: () => this.setState({ procHover: false }), 2769 procPct: ((S.step % 3 + 1) / 3 * 100) + '%', procPlayState: S.procHover ? 'paused' : 'running', 2770 needs: needsAll.map(t => { const on = S.needs.includes(t); return { t: needLabel[t], mark: on ? 'â ' : '', pressed: on ? 'true' : 'false', ink: on ? '#FFFFFF' : '#18202B', bg: on ? '#18202B' : '#FFFFFF', border: on ? '#18202B' : '#E1E4E8', toggle: () => this.setState(s => ({ needs: on ? s.needs.filter(x => x !== t) : [...s.needs, t] })) }; }), 2771 budgets: budgetsAll.map((t, i) => ({ t, pressed: S.budget === i ? 'true' : 'false', bg: S.budget === i ? '#FFFFFF' : 'transparent', ink: S.budget === i ? '#18202B' : '#5B636E', shadow: S.budget === i ? '0 1px 2px rgba(24,32,43,0.08), 0 4px 12px rgba(24,32,43,0.08)' : 'none', border: S.budget === i ? '#18202B' : '#E1E4E8', pick: () => this.setState({ budget: i }) })), 2772 sent: S.sent, notSent: !S.sent, sending: S.sending, sendErr: S.sendErr,
2773 sendLabel: S.sending ? 'Sendingâ¦' : 'Send your brief', sendOp: S.sending ? '0.7' : '1', 2774 ...(() => { const pct = (S.bName ? 25 : 0) + (S.bEmail ? 25 : 0) + (S.needs.length ? 20 : 0) + (S.bMsg > 40 ? 30 : S.bMsg > 0 ? 15 : 0); return { briefPct: pct + '%', briefPctScale: Math.min(pct / 100, 1), briefLabel: pct >= 100 ? 'Ready to send â' : pct + '% complete' }; })(), 2775 msgCount: S.bMsg ? S.bMsg + ' characters' : '', msgHint: S.bMsg > 40 ? 'Great, that is plenty to start.' : 'A few sentences is enough.', 2776 sentSummary: (S.needs.length ? S.needs.map(n => needLabel[n] || n).join(', ') : 'your project') + ' · ' + budgetsAll[S.budget], 2777 briefSteps: [ 2778 { t: 'Tell us the problem', d: 'About one minute' }, 2779 { t: 'We reply within a few hours', d: 'Questions or a first plan' }, 2780 { t: 'Free call and a fixed price', d: 'Often with a working sample' }, 2781 ].map((st, i) => { const done = S.sent ? i === 0 : false; const active = S.sent ? i === 1 : i === 0; return { ...st, dot: done ? '#22C55E' : active ? '#18202B' : '#D5D9DE', ring: done ? '#22C55E' : active ? '#18202B' : '#D5D9DE', ink: active || done ? '#18202B' : '#5B636E' }; }), 2782 trackBrief: e => { const f = e.currentTarget; if (!f || !f.elements) return; const g = n => (f.elements[n] && f.elements[n].value || '').trim(); this.setState({ bName: !!g('name'), bEmail: /.+@.+\..+/.test(g('email')), bMsg: g('message').length }); }, 2783 submit: e => { 2784 e.preventDefault(); if (S.sending) return; 2785 const f = e.currentTarget; const g = n => (f.elements[n] && f.elements[n].value || '').trim(); 2786 const needs = S.needs.length ? S.needs.join(', ') : 'Not specified'; 2787 const body = { name: g('name'), email: g('email'), phone: g('phone'), subject: 'Website brief: ' + needs + ' (' + budgetsAll[S.budget] + ')', message: g('message'), needs: S.needs, budget: budgetsAll[S.budget], page: location.href, website: g('website') }; 2788 this.setState({ sending: true, sendErr: false }); 2789 fetch('/api/contact', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) }) 2790 .then(r => r.json().catch(() => ({})).then(d => { if (!r.ok || !d.ok) throw new Error('send failed'); })) 2791 .then(() => this.setState({ sent: true, sending: false })) 2792 .catch(() => this.setState({ sending: false, sendErr: true })); 2793 }, 2794 }; 2795 } 2796} 2797</script>
2797 2798</body> 2799</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.