PageSourceSearch

https://techvancejo.com/website-demos

html techvancejo.com collected 2026-10-08 06:58:38 UTC 78,586 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/43eec6901c0ae896-s.p.1s_hs20g8r6bl.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/5fe5f57ee794eff4-s.p.04t4-lijcsqd8.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/1hzapi0j9bei2.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/379npt7v2-dw9.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0jvhpaew_uadu.js"/>
1<script src="/_next/static/chunks/3g9i-luysoxs3.js" async=""></script>
1<script src="/_next/static/chunks/0mirka1ap_72q.js" async=""></script>
1<script src="/_next/static/chunks/3bawhkhjtuhib.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-408c00jusrw4n.js" async=""></script>
1<script src="/_next/static/chunks/323n1sbhlsxgh.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/1vsylo9yatyi5.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/1f3lnaja4xhu2.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/34g99trgqc4kj.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/1w5oakzw7rze_.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/14234e7hzxh9r.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/3l8nyybdcpwoz.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/2mht0af7a2pc0.js" async="" crossorigin=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-EGEYVSYG06" as="script"/><title>Website Demos by Industry | TechVance</title><meta name="description" content="Explore live TechVance website demos built for 15 industries — cleaning, construction, beauty, retail and more. Filter by industry and request your own free demo website."/><link rel="icon" href="/favicon.ico?favicon.0_3dk73mgobfi.ico" sizes="256x256" type="image/x-icon"/><meta name="next-size-adjust" content=""/>
1<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
1</head><body class="roboto_flex_47769f39-module__vT4hLG__variable oxanium_b930b8f9-module__rUnsWG__variable antialiased"><div hidden=""><!--$--><!--/$--></div><nav class="py-10 sticky top-0 z-50 transition-all duration-300 bg-transparent"><div class="container mx-auto px-4 max-w-7xl"><div class="block"><div class="flex items-center justify-between"><a href="/#hero"><svg viewBox="0 0 491 26" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden md:block h-3 w-auto" aria-label="TechVance"><g><path d="M18.657,0.393C24.621,0.426 30.566,0.489 36.49,0.582C36.918,0.593 37.264,0.943 37.264,1.366L37.264,5.398C37.264,5.871 36.87,6.261 36.391,6.261L22.122,6.261C21.894,6.261 21.705,6.45 21.705,6.678L21.656,24.839C21.653,25.056 21.493,25.242 21.278,25.276C21.146,25.296 20.232,25.302 18.538,25.296C16.85,25.289 15.94,25.276 15.807,25.256C15.589,25.222 15.427,25.03 15.43,24.809L15.549,6.649C15.549,6.42 15.361,6.232 15.132,6.232L0.864,6.103C0.385,6.097 -0.004,5.704 0,5.231C0,5.23 0,5.23 0,5.229L0.04,1.197C0.04,0.771 0.392,0.418 0.824,0.413C6.742,0.38 12.686,0.373 18.657,0.393Z" fill="currentColor"></path><path d="M92.669,12.83C92.676,13.882 92.666,14.673 92.639,15.203C92.629,15.429 92.439,15.61 92.212,15.61L64.55,15.61C64.016,15.61 63.577,16.049 63.577,16.583L63.577,17.953C63.577,18.748 64.231,19.403 65.026,19.403L92.232,19.403C92.597,19.403 92.898,19.703 92.898,20.068L92.898,24.447C92.898,24.828 92.584,25.142 92.202,25.142C75.124,25.215 65.907,25.215 64.55,25.142C61.273,24.97 59.062,23.517 57.917,20.783C56.944,18.449 57.222,15.52 57.222,12.849C57.222,10.188 56.934,7.249 57.907,4.916C59.045,2.182 61.253,0.726 64.53,0.547C65.887,0.474 75.104,0.464 92.183,0.517C92.56,0.517 92.872,0.825 92.878,1.202L92.888,5.581C92.888,5.585 92.888,5.588 92.888,5.591C92.888,5.956 92.587,6.256 92.222,6.256C92.222,6.256 92.222,6.256 92.222,6.256L65.016,6.286C64.221,6.286 63.567,6.941 63.567,7.736L63.577,9.106C63.577,9.64 64.016,10.079 64.55,10.079L92.212,10.049C92.439,10.049 92.629,10.23 92.639,10.456C92.659,10.979 92.669,11.77 92.669,12.83Z" fill="currentColor"></path><path d="M119.051,12.841C119.051,15.032 119.077,16.548 119.13,17.389C119.203,18.503 120.138,19.382 121.255,19.385L147.796,19.385C148.139,19.385 148.421,19.671 148.421,20.02L148.421,24.647C148.421,24.959 148.167,25.218 147.855,25.223C135.298,25.322 126.365,25.329 121.056,25.243C117.191,25.183 114.553,23.254 113.143,19.454C113.031,19.145 112.954,18.821 112.914,18.491C112.848,17.889 112.815,16.005 112.815,12.841C112.815,9.677 112.848,7.794 112.914,7.192C112.954,6.861 113.031,6.538 113.143,6.228C114.553,2.429 117.191,0.499 121.056,0.44C126.365,0.354 135.298,0.357 147.855,0.45C148.167,0.455 148.421,0.713 148.421,1.025L148.421,5.652C148.421,6.001 148.139,6.288 147.796,6.288L121.255,6.298C120.138,6.301 119.203,7.179 119.13,8.294C119.077,9.128 119.051,10.644 119.051,12.841Z" fill="currentColor"></path><path d="M186.988,9.981C190.443,9.987 194.408,9.987 198.883,9.981C198.883,9.981 198.884,9.981 198.885,9.981C199.201,9.979 199.46,9.723 199.459,9.413C199.459,9.41 199.459,9.407 199.459,9.405L199.459,1.153C199.459,1.152 199.459,1.151 199.459,1.149C199.461,0.806 199.741,0.525 200.079,0.528C200.08,0.528 200.082,0.528 200.084,0.528L205.108,0.597C205.395,0.601 205.628,0.837 205.628,1.124C205.628,1.164 205.624,1.204 205.615,1.243C205.608,1.263 205.601,5.135 205.595,12.86C205.582,20.592 205.578,24.467 205.585,24.487C205.593,24.523 205.596,24.56 205.596,24.596C205.596,24.882 205.364,25.118 205.079,25.123L200.054,25.182C200.052,25.182 200.05,25.182 200.048,25.182C199.71,25.184 199.431,24.903 199.429,24.56C199.429,24.559 199.429,24.558 199.429,24.557L199.449,16.305C199.449,16.303 199.449,16.301 199.449,16.3C199.451,15.989 199.193,15.732 198.877,15.73C198.875,15.73 198.874,15.73 198.873,15.73C194.405,15.716 190.44,15.706 186.978,15.7C183.516,15.7 179.547,15.703 175.072,15.71C174.76,15.715 174.506,15.969 174.506,16.276L174.506,24.527C174.506,24.528 174.506,24.53 174.506,24.531C174.504,24.874 174.224,25.155 173.887,25.152C173.885,25.152 173.883,25.152 173.881,25.152L168.857,25.083C168.571,25.078 168.339,24.842 168.339,24.557C168.339,24.52 168.343,24.483 168.35,24.447C168.357,24.421 168.364,20.545 168.37,12.82C168.377,5.095 168.377,1.22 168.37,1.193C168.363,1.157 168.359,1.121 168.359,1.084C168.359,0.795 168.596,0.558 168.885,0.558C168.886,0.558 168.886,0.558 168.887,0.558L173.911,0.498C173.913,0.498 173.915,0.498 173.917,0.498C174.255,0.496 174.535,0.777 174.536,1.12C174.536,1.125 174.536,1.129 174.536,1.134L174.516,9.385C174.516,9.692 174.77,9.945 175.082,9.951C179.557,9.971 183.526,9.981 186.988,9.981Z" fill="currentColor"></path><path d="M246.312,19.6C246.578,19.6 246.775,19.504 246.902,19.31C251.068,13.03 255.302,6.724 259.602,0.39C259.69,0.265 259.835,0.19 259.992,0.19L267.192,0.19C267.193,0.19 267.195,0.19 267.197,0.19C267.23,0.19 267.257,0.217 267.257,0.25C267.257,0.265 267.251,0.279 267.242,0.29L251.092,23.93C250.425,24.9 249.362,25.526 248.192,25.64C247.938,25.667 247.305,25.68 246.292,25.68C245.272,25.674 244.635,25.657 244.382,25.63C243.213,25.503 242.158,24.866 241.502,23.89L225.562,0.1C225.552,0.089 225.546,0.075 225.546,0.06C225.546,0.027 225.573,0 225.606,0C225.608,0 225.61,0 225.612,0L232.812,0.07C232.968,0.07 233.113,0.145 233.202,0.27C237.442,6.644 241.618,12.987 245.732,19.3C245.858,19.5 246.052,19.6 246.312,19.6Z" fill="currentColor"></path><path d="M299.111,5.895L285.061,25.117C284.999,25.203 284.899,25.255 284.793,25.257L277.515,25.257C277.514,25.257 277.513,25.257 277.512,25.257C277.327,25.257 277.175,25.104 277.175,24.919C277.175,24.843 277.2,24.77 277.247,24.71L295.705,0.503C295.77,0.421 295.869,0.373 295.973,0.374L303.152,0.374C303.257,0.373 303.356,0.421 303.42,0.503L321.869,24.76C321.915,24.82 321.941,24.893 321.941,24.969C321.941,25.154 321.789,25.306 321.603,25.306C321.599,25.306 321.595,25.306 321.591,25.306L290.165,25.306C289.98,25.305 289.829,25.153 289.829,24.969C289.829,24.901 289.849,24.836 289.887,24.78L293.421,19.507C293.484,19.415 293.588,19.359 293.699,19.359L309.209,19.359C309.213,19.359 309.217,19.359 309.222,19.359C309.407,19.359 309.559,19.206 309.559,19.021C309.559,18.945 309.534,18.872 309.487,18.812L299.657,5.885C299.593,5.8 299.493,5.75 299.388,5.75C299.277,5.75 299.174,5.804 299.111,5.895Z" fill="currentColor"></path><path d="M362.234,10.442C364.888,12.349 368.277,14.854 372.401,17.959C372.46,17.999 372.529,18.021 372.6,18.021C372.788,18.021 372.944,17.869 372.947,17.681L372.947,1.417C372.947,
10.894 373.378,0.463 373.901,0.463L378.031,0.463C378.539,0.463 378.959,0.883 378.965,1.397C379.077,11.637 379.13,17.734 379.123,19.686C379.117,21.076 378.928,22.142 378.557,22.884C377.148,25.713 373.077,25.842 370.833,24.174C363.439,18.693 359.411,15.715 358.749,15.238C356.101,13.332 352.715,10.826 348.591,7.722C348.531,7.677 348.458,7.652 348.383,7.652C348.192,7.652 348.035,7.809 348.035,8L348.035,24.264C348.035,24.787 347.605,25.217 347.082,25.217L342.951,25.217C342.443,25.217 342.023,24.797 342.018,24.284C341.905,14.043 341.852,7.947 341.859,5.994C341.866,4.604 342.054,3.538 342.425,2.797C343.835,-0.033 347.906,-0.162 350.15,1.506C357.551,6.987 361.578,9.966 362.234,10.442Z" fill="currentColor"></path><path d="M405.277,12.841C405.277,15.032 405.304,16.548 405.357,17.389C405.429,18.503 406.365,19.382 407.481,19.385L434.022,19.385C434.365,19.385 434.648,19.671 434.648,20.02L434.648,24.647C434.648,24.959 434.394,25.218 434.082,25.223C421.525,25.322 412.592,25.329 407.283,25.243C403.417,25.183 400.779,23.254 399.369,19.454C399.257,19.145 399.181,18.821 399.141,18.491C399.075,17.889 399.042,16.005 399.042,12.841C399.042,9.677 399.075,7.794 399.141,7.192C399.181,6.861 399.257,6.538 399.369,6.228C400.779,2.429 403.417,0.499 407.283,0.44C412.592,0.354 421.525,0.357 434.082,0.45C434.394,0.455 434.648,0.713 434.648,1.025L434.648,5.652C434.648,6.001 434.365,6.288 434.022,6.288L407.481,6.298C406.365,6.301 405.429,7.179 405.357,8.294C405.304,9.128 405.277,10.644 405.277,12.841Z" fill="currentColor"></path><path d="M490.052,12.83C490.059,13.882 490.049,14.673 490.023,15.203C490.012,15.429 489.823,15.61 489.596,15.61L461.933,15.61C461.399,15.61 460.96,16.049 460.96,16.583L460.96,17.953C460.96,18.748 461.614,19.403 462.41,19.403L489.616,19.403C489.981,19.403 490.281,19.703 490.281,20.068L490.281,24.447C490.281,24.828 489.967,25.142 489.586,25.142C472.508,25.215 463.29,25.215 461.933,25.142C458.656,24.97 456.445,23.517 455.3,20.783C454.327,18.449 454.605,15.52 454.605,12.849C454.605,10.188 454.317,7.249 455.29,4.916C456.429,2.182 458.636,0.726 461.913,0.547C463.27,0.474 472.488,0.464 489.566,0.517C489.944,0.517 490.256,0.825 490.261,1.202L490.271,5.581C490.271,5.585 490.271,5.588 490.271,5.591C490.271,5.956 489.971,6.256 489.606,6.256C489.606,6.256 489.606,6.256 489.606,6.256L462.4,6.286C461.604,6.286 460.95,6.941 460.95,7.736L460.96,9.106C460.96,9.64 461.399,10.079 461.933,10.079L489.596,10.049C489.823,10.049 490.012,10.23 490.023,10.456C490.043,10.979 490.052,11.77 490.052,12.83Z" fill="currentColor"></path></g></svg><svg viewBox="0 0 1796 587" class="block md:hidden h-4 w-auto"><g><path d="M474.021,447.421C480.108,447.421 484.597,445.215 487.489,440.801C582.603,297.446 679.238,153.481 777.396,8.908C779.41,6.046 782.737,4.339 786.299,4.343L950.655,4.343C950.697,4.339 950.739,4.337 950.781,4.337C951.532,4.337 952.151,4.955 952.151,5.707C952.151,6.046 952.024,6.374 951.797,6.626L583.135,546.263C567.916,568.39 543.665,582.69 516.936,585.298C511.153,585.907 496.696,586.211 473.564,586.211C450.28,586.059 435.747,585.679 429.964,585.07C403.281,582.171 379.2,567.622 364.221,545.35L0.354,2.289C0.126,2.037 0,1.709 0,1.37C0,0.618 0.618,0 1.37,0C1.412,0 1.454,0.002 1.495,0.006L165.852,1.604C169.413,1.601 172.74,3.307 174.755,6.169C271.543,151.655 366.885,296.457 460.781,440.573C463.672,445.138 468.086,447.421 474.021,447.421Z" fill="currentColor"></path><path d="M1274.41,134.556L953.693,573.365C952.267,575.325 949.997,576.503 947.573,576.538L781.433,576.538C781.413,576.538 781.393,576.538 781.374,576.538C777.146,576.538 773.667,573.06 773.667,568.832C773.667,567.106 774.247,565.429 775.313,564.072L1196.67,11.481C1198.14,9.606 1200.4,8.516 1202.79,8.535L1366.66,8.535C1369.05,8.516 1371.31,9.606 1372.78,11.481L1793.91,565.205C1794.98,566.563 1795.56,568.242 1795.56,569.971C1795.56,574.198 1792.08,577.677 1787.86,577.677C1787.76,577.677 1787.66,577.675 1787.57,577.671L1070.19,577.671C1065.98,577.647 1062.53,574.176 1062.53,569.965C1062.53,568.431 1062.99,566.931 1063.85,565.659L1144.54,445.304C1145.96,443.193 1148.34,441.918 1150.88,441.904L1504.92,441.904C1505.02,441.907 1505.12,441.909 1505.21,441.909C1509.44,441.909 1512.92,438.43 1512.92,434.203C1512.92,432.475 1512.34,430.796 1511.27,429.437L1286.88,134.329C1285.42,132.402 1283.14,131.266 1280.73,131.266C1278.21,131.266 1275.85,132.496 1274.41,134.556Z" fill="currentColor"></path></g></svg></a><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu size-5 opacity-70 transition-opacity hover:opacity-100" type="button" aria-haspopup="dialog" aria-expanded="false" data-state="closed" data-slot="sheet-trigger"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></div></div></div></nav><main>
1<section id="demos-hero" class="relative -mt-24"><div class="hero-stage relative bg-background lg:h-[100svh] lg:overflow-hidden"><div class="hero-layer hero-layer-1 relative z-10 flex items-center bg-background lg:absolute lg:inset-0"><div class="mx-auto w-full max-w-7xl px-4 pt-36 pb-4 sm:px-6 sm:pt-40 lg:px-8 lg:py-16"><p class="demos-eyebrow mb-8 text-sm font-semibold uppercase tracking-widest text-muted-foreground">Website demos by industry</p><h1 class="demos-headline max-w-4xl text-4xl font-semibold sm:text-5xl lg:text-6xl">See your industry.</h1></div></div><div class="hero-layer hero-layer-2 relative z-20 hidden items-center bg-background lg:absolute lg:inset-0 lg:flex lg:opacity-0"><div class="mx-auto w-full max-w-7xl px-4 pb-6 sm:px-6 lg:px-8 lg:py-16"><h2 class="max-w-4xl text-4xl font-semibold text-primary sm:text-5xl lg:text-6xl">See your future website.</h2></div></div><div class="hero-layer hero-layer-3 relative z-30 flex items-center bg-background lg:absolute lg:inset-0 lg:opacity-0"><div class="mx-auto w-full max-w-7xl px-4 pb-12 sm:px-6 lg:px-8 lg:py-16"><p class="demos-statement max-w-4xl text-lg leading-relaxed sm:text-2xl lg:text-3xl">Every industry has its own rhythm, its own customers, and its own way of winning online. We build demo websites that speak your industry&#x27;s language, so when a visitor lands, they instantly know they are in the right place. Scroll through the gallery below and picture your business in the frame.</p></div></div><div class="absolute bottom-8 left-1/2 z-40 hidden -translate-x-1/2 flex-col items-center gap-2 lg:flex"><div class="mb-3 flex items-center gap-2">
1<div class="h-1 w-12 overflow-hidden rounded-full bg-foreground/20"><div class="hero-progress-seg-1 h-full w-full origin-left bg-foreground" style="transform:scaleX(0)"></div></div><div class="h-1 w-12 overflow-hidden rounded-full bg-foreground/20"><div class="hero-progress-seg-2 h-full w-full origin-left bg-foreground" style="transform:scaleX(0)"></div></div><div class="h-1 w-12 overflow-hidden rounded-full bg-foreground/20"><div class="hero-progress-seg-3 h-full w-full origin-left bg-foreground" style="transform:scaleX(0)"></div></div></div><span class="text-xs font-medium uppercase tracking-widest text-muted-foreground">Scroll</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 animate-bounce text-muted-foreground" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></div></section><section id="demo-gallery" class="py-8 sm:py-16"><div class="mx-auto max-w-7xl border-t px-4 sm:px-6 lg:px-8"><span class="text-caption -ml-8 -mt-3.5 block w-max bg-background px-6">Demos</span><div class="mt-12 gap-4 sm:grid sm:grid-cols-2 md:mt-24"><div><h2 class="text-3xl font-semibold sm:text-4xl">Browse by Industry</h2></div><div class="mt-6 sm:mt-0"><p>Filter live demo designs by your industry. Every demo is a real build. Hover or tap a card to see what is under the hood.</p></div></div><div class="sticky top-24 z-30 -mx-4 mt-12 bg-background/80 px-4 py-4 backdrop-blur-md sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8"><button type="button" aria-label="Filter demos by industry" class="flex w-full items-center justify-between gap-2 rounded-full border px-4 py-2 text-sm font-medium transition-colors hover:border-foreground
1/40 lg:hidden" aria-haspopup="dialog" aria-expanded="false" data-state="closed" data-slot="sheet-trigger"><span class="text-muted-foreground">Industry:<!-- --> <span class="font-semibold text-foreground">All</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 text-muted-foreground" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="hidden flex-wrap gap-2 lg:flex" role="group" aria-label="Filter demos by industry"><button type="button" aria-pressed="true" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-primary bg-primary text-primary-foreground">All</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground">Retail &amp; E-Commerce</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground
1/40 hover:text-foreground">Healthcare &amp; Wellness</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground">Construction &amp; Real Estate</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground">Restaurants &amp; Food Service</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground">Professional Services</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground">Laundry &amp; Cleaning</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground
1/40 hover:text-foreground">Logistics &amp; Delivery</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground">Education &amp; Training</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground">Legal &amp; Law Firms</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground">Automotive</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground">Beauty &amp; Personal Care</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground
1/40 hover:text-foreground">Hotels &amp; Hospitality</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground">Finance &amp; Accounting</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground">Fitness &amp; Gyms</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground">NGOs &amp; Nonprofits</button><button type="button" aria-pressed="false" class="shrink-0 rounded-full border px-4 py-1.5 text-sm font-medium transition-colors border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground">Creative &amp; Media</button></div><p class="mt-3 text-xs text-muted-foreground">Showing <!-- -->5<!-- --> of <!-- -->5<!-- --> designs</p></div><div class="mt-8 grid gap-6 sm:grid-cols-2 lg:grid-cols-3"><div class="group relative h-80 [perspective:1200px]"><div class="absolute inset-0 [transform-style:preserve-3d] transition-transform duration-0 motion-safe:duration-700 motion-safe:ease-[cubic-bezier(0.4,0,0.2,1)] group-hover:[transform:rotateY(180deg)]"><div class="absolute inset-0 overflow-hidden rounded-xl border bg-card [backface-visibility:hidden]"><div class="absolute inset-0"><img alt="Nail salon website demo with online booking, service menu, and gallery, built by TechVance" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" srcSet="/_next/image?url=%2Fdemos%2Flanding-pages%2Fnail-salon-store-landing-page-demo.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fnail-salon-store-landing-page-demo.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fnail-salon-store-landing-page-demo.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fnail-salon-store-landing-page-demo.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fnail-salon-store-landing-page-demo.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fnail-salon-store-landing-page-demo.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fnail-salon-store-landing-page-demo.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fnail-salon-store-landing-page-demo.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fnail-salon-store-landing-page-demo.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fnail-salon-store-landing-page-demo.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fdemos%2Flanding-pages%2Fnail-salon-store-landing-page-demo.webp&amp;w=3840&amp;q=75"/></div><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-4 pt-10"><div class="text-base font-semibold text-white">Nail Salon</div><div class="text-xs text-white/80">Beauty &amp; Personal Care</div></div></div><div class="absolute inset-0 flex flex-col rounded-xl border bg-primary p-5 text-primary-foreground [backface-visibility:hidden] [transform:rotateY(180deg)]"><div class="text-sm text-primary-foreground/70">Beauty &amp; Personal Care</div><div class="mt-1 text-lg font-semibold">Nail Salon</div><p class="mt-2 line-clamp-2 text-sm text-primary-foreground/80">Full booking-flow nail salon website with service menus, gallery, and local SEO built in.</p><div class="mt-3 flex flex-wrap gap-1.5"><span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">Next.js</span><span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">Tailwind CSS</span>
1<span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">GSAP</span><span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">Local SEO</span></div><div class="mt-auto flex flex-col gap-2 pt-4"><div class="text-xs text-primary-foreground/70">Demo turnaround: <!-- -->72 hours</div><div class="flex flex-wrap items-center gap-3"><a class="inline-flex items-center gap-1.5 rounded-md bg-primary-foreground px-3 py-1.5 text-sm font-medium text-primary transition-colors hover:bg-primary-foreground/90" href="/contact-us">Request this design<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://www.beauty-shop-demo.com/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 text-sm font-medium text-primary-foreground/90 underline-offset-4 hover:underline">Live site<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div></div></div><div class="group relative h-80 [perspective:1200px]"><div class="absolute inset-0 [transform-style:preserve-3d] transition-transform duration-0 motion-safe:duration-700 motion-safe:ease-[cubic-bezier(0.4,0,0.2,1)] group-hover:[transform:rotateY(180deg)]"><div class="absolute inset-0 overflow-hidden rounded-xl border bg-card [backface-visibility:hidden]"><div class="absolute inset-0"><img alt="Website design for Elite 1 Cleaners, a commercial janitorial and office cleaning company in Houston, TX, built by TechVance" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" srcSet="/_next/image?url=%2Fdemos%2Flanding-pages%2Felite1cleaners-landing-page-demo.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fdemos%2Flanding-pages%2Felite1cleaners-landing-page-demo.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fdemos%2Flanding-pages%2Felite1cleaners-landing-page-demo.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fdemos%2Flanding-pages%2Felite1cleaners-landing-page-demo.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fdemos%2Flanding-pages%2Felite1cleaners-landing-page-demo.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fdemos%2Flanding-pages%2Felite1cleaners-landing-page-demo.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fdemos%2Flanding-pages%2Felite1cleaners-landing-page-demo.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fdemos%2Flanding-pages%2Felite1cleaners-landing-page-demo.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fdemos%2Flanding-pages%2Felite1cleaners-landing-page-demo.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fdemos%2Flanding-pages%2Felite1cleaners-landing-page-demo.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fdemos%2Flanding-pages%2Felite1cleaners-landing-page-demo.webp&amp;w=3840&amp;q=75"/></div><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-4 pt-10"><div class="text-base font-semibold text-white">Elite 1 Cleaners</div><div class="text-xs text-white/80">Professional Services</div></div></div><div class="absolute inset-0 flex flex-col rounded-xl border bg-primary p-5 text-primary-foreground [backface-visibility:hidden] [transform:rotateY(180deg)]"><div class="text-sm text-primary-foreground/70">Professional Services</div><div class="mt-1 text-lg font-semibold">Elite 1 Cleaners</div><p class="mt-2 line-clamp-2 text-sm text-primary-foreground/80">Commercial janitorial services site with quote requests, service areas, and review widgets.</p><div class="mt-3 flex flex-wrap gap-1.5">
1<span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">Next.js</span><span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">Tailwind CSS</span><span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">Maps Optimization</span></div><div class="mt-auto flex flex-col gap-2 pt-4"><div class="text-xs text-primary-foreground/70">Demo turnaround: <!-- -->48 hours</div><div class="flex flex-wrap items-center gap-3"><a class="inline-flex items-center gap-1.5 rounded-md bg-primary-foreground px-3 py-1.5 text-sm font-medium text-primary transition-colors hover:bg-primary-foreground/90" href="/contact-us">Request this design<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://elite1cleaners.com/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 text-sm font-medium text-primary-foreground/90 underline-offset-4 hover:underline">Live site<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div></div></div><div class="group relative h-80 [perspective:1200px]"><div class="absolute inset-0 [transform-style:preserve-3d] transition-transform duration-0 motion-safe:duration-700 motion-safe:ease-[cubic-bezier(0.4,0,0.2,1)] group-hover:[transform:rotateY(180deg)]"><div class="absolute inset-0 overflow-hidden rounded-xl border bg-card [backface-visibility:hidden]"><div class="absolute inset-0"><img alt="Website design for Suit &amp; Tie Co., a custom tailoring brand in Rosenberg, TX, built by TechVance" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" srcSet="/_next/image?url=%2Fdemos%2Flanding-pages%2Fsuit-and-tie-co-landing-page-demo.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fsuit-and-tie-co-landing-page-demo.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fsuit-and-tie-co-landing-page-demo.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fsuit-and-tie-co-landing-page-demo.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fsuit-and-tie-co-landing-page-demo.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fsuit-and-tie-co-landing-page-demo.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fsuit-and-tie-co-landing-page-demo.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fsuit-and-tie-co-landing-page-demo.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fsuit-and-tie-co-landing-page-demo.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fsuit-and-tie-co-landing-page-demo.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fdemos%2Flanding-pages%2Fsuit-and-tie-co-landing-page-demo.webp&amp;w=3840&amp;q=75"/></div><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-4 pt-10"><div class="text-base font-semibold text-white">Suit &amp; Tie Co.</div><div class="text-xs text-white/80">Professional Services</div></div></div><div class="absolute inset-0 flex flex-col rounded-xl border bg-primary p-5 text-primary-foreground [backface-visibility:hidden] [transform:rotateY(180deg)]"><div class="text-sm text-primary-foreground/70">Professional Services</div><div class="mt-1 text-lg font-semibold">Suit &amp; Tie Co.</div><p class="mt-2 line-clamp-2 text-sm text-primary-foreground/80">Full-page tailoring brand experience with editorial layouts and appointment scheduling.</p><div class="mt-3 flex flex-wrap gap-1.5">
1<span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">ASP.NET Core</span><span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">Bootstrap 5</span></div><div class="mt-auto flex flex-col gap-2 pt-4"><div class="text-xs text-primary-foreground/70">Demo turnaround: <!-- -->96 hours</div><div class="flex flex-wrap items-center gap-3"><a class="inline-flex items-center gap-1.5 rounded-md bg-primary-foreground px-3 py-1.5 text-sm font-medium text-primary transition-colors hover:bg-primary-foreground/90" href="/contact-us">Request this design<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://suitandtie.co/Customer" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 text-sm font-medium text-primary-foreground/90 underline-offset-4 hover:underline">Live site<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div></div></div><div class="group relative h-80 [perspective:1200px]"><div class="absolute inset-0 [transform-style:preserve-3d] transition-transform duration-0 motion-safe:duration-700 motion-safe:ease-[cubic-bezier(0.4,0,0.2,1)] group-hover:[transform:rotateY(180deg)]"><div class="absolute inset-0 overflow-hidden rounded-xl border bg-card [backface-visibility:hidden]"><div class="absolute inset-0"><img alt="Website design for GrandOak Construction, a commercial and residential construction company in Houston, TX, built by TechVance" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" srcSet="/_next/image?url=%2Fdemos%2Flanding-pages%2Fgrandoak-construction-landing-page-demo.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fgrandoak-construction-landing-page-demo.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fgrandoak-construction-landing-page-demo.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fgrandoak-construction-landing-page-demo.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fgrandoak-construction-landing-page-demo.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fgrandoak-construction-landing-page-demo.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fgrandoak-construction-landing-page-demo.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fgrandoak-construction-landing-page-demo.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fgrandoak-construction-landing-page-demo.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fgrandoak-construction-landing-page-demo.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fdemos%2Flanding-pages%2Fgrandoak-construction-landing-page-demo.webp&amp;w=3840&amp;q=75"/></div><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-4 pt-10"><div class="text-base font-semibold text-white">GrandOak Construction</div><div class="text-xs text-white/80">Construction &amp; Real Estate</div></div></div><div class="absolute inset-0 flex flex-col rounded-xl border bg-primary p-5 text-primary-foreground [backface-visibility:hidden] [transform:rotateY(180deg)]"><div class="text-sm text-primary-foreground/70">Construction &amp; Real Estate</div><div class="mt-1 text-lg font-semibold">GrandOak Construction</div>
1<p class="mt-2 line-clamp-2 text-sm text-primary-foreground/80">Commercial and residential construction site with project portfolios and estimate requests.</p><div class="mt-3 flex flex-wrap gap-1.5"><span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">Next.js</span><span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">Tailwind CSS</span><span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">Local SEO</span></div><div class="mt-auto flex flex-col gap-2 pt-4"><div class="text-xs text-primary-foreground/70">Demo turnaround: <!-- -->72 hours</div><div class="flex flex-wrap items-center gap-3"><a class="inline-flex items-center gap-1.5 rounded-md bg-primary-foreground px-3 py-1.5 text-sm font-medium text-primary transition-colors hover:bg-primary-foreground/90" href="/contact-us">Request this design<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://grandoakconstruction.com/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 text-sm font-medium text-primary-foreground/90 underline-offset-4 hover:underline">Live site<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div></div></div><div class="group relative h-80 [perspective:1200px]"><div class="absolute inset-0 [transform-style:preserve-3d] transition-transform duration-0 motion-safe:duration-700 motion-safe:ease-[cubic-bezier(0.4,0,0.2,1)] group-hover:[transform:rotateY(180deg)]"><div class="absolute inset-0 overflow-hidden rounded-xl border bg-card [backface-visibility:hidden]"><div class="absolute inset-0"><img alt="Website design for Hyelee Washateria, a bilingual washateria and lavandería on Richmond Avenue in Houston, TX, built by TechVance" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" srcSet="/_next/image?url=%2Fdemos%2Flanding-pages%2Fhyelee-washateria-landing-page-demo.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fhyelee-washateria-landing-page-demo.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fhyelee-washateria-landing-page-demo.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fhyelee-washateria-landing-page-demo.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fhyelee-washateria-landing-page-demo.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fhyelee-washateria-landing-page-demo.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fhyelee-washateria-landing-page-demo.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fhyelee-washateria-landing-page-demo.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fhyelee-washateria-landing-page-demo.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fdemos%2Flanding-pages%2Fhyelee-washateria-landing-page-demo.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fdemos%2Flanding-pages%2Fhyelee-washateria-landing-page-demo.webp&amp;w=3840&amp;q=75"/></div><div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-4 pt-10"><div class="text-base font-semibold text-white">Hyelee Washateria</div><div class="text-xs text-white/80">Laundry &amp; Cleaning</div></div></div><div class="absolute inset-0 flex flex-col rounded-xl border bg-primary p-5 text-primary-foreground [backface-visibility:hidden] [transform:rotateY(180deg)]">
1<div class="text-sm text-primary-foreground/70">Laundry &amp; Cleaning</div><div class="mt-1 text-lg font-semibold">Hyelee Washateria</div><p class="mt-2 line-clamp-2 text-sm text-primary-foreground/80">Bilingual washateria and lavandería site with hours, pricing, and directions front and center.</p><div class="mt-3 flex flex-wrap gap-1.5"><span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">Next.js</span><span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">Tailwind CSS</span><span class="rounded-full bg-primary-foreground/15 px-2.5 py-0.5 text-xs">Maps Optimization</span></div><div class="mt-auto flex flex-col gap-2 pt-4"><div class="text-xs text-primary-foreground/70">Demo turnaround: <!-- -->48 hours</div><div class="flex flex-wrap items-center gap-3"><a class="inline-flex items-center gap-1.5 rounded-md bg-primary-foreground px-3 py-1.5 text-sm font-medium text-primary transition-colors hover:bg-primary-foreground/90" href="/contact-us">Request this design<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://hyeleewashateria.com/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 text-sm font-medium text-primary-foreground/90 underline-offset-4 hover:underline">Live site<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div></div></div></div></div></section><section id="stats-cta" class="py-8 sm:py-16"><div class="mx-auto max-w-7xl border-t px-4 sm:px-6 lg:px-8"><span class="text-caption -ml-8 -mt-3.5 block w-max bg-background px-6">Next Step</span><div class="mt-12 grid gap-10 md:mt-24 md:grid-cols-3"><div class="text-center"><div class="stat-number text-5xl font-semibold sm:text-6xl" data-target="15" data-prefix="" data-suffix="">0</div><div class="mt-2 text-sm text-muted-foreground">Industries covered</div></div><div class="text-center"><div class="stat-number text-5xl font-semibold sm:text-6xl" data-target="5" data-prefix="" data-suffix="+">0</div><div class="mt-2 text-sm text-muted-foreground">Demo designs shipped</div></div><div class="text-center"><div class="stat-number text-5xl font-semibold sm:text-6xl" data-target="72" data-prefix="" data-suffix="h">0</div><div class="mt-2 text-sm text-muted-foreground">Avg. demo turnaround</div></div></div><div class="typewriter mt-16 flex flex-col items-center gap-8 text-center md:mt-24"><h2 class="font-display text-4xl font-semibold sm:text-5xl lg:text-6xl"><span class="typewriter-text"></span><span aria-hidden="true" class="motion-safe:animate-caret-blink text-primary">_</span></h2><a data-slot="button" data-variant="default" data-size="lg" class="inline-flex items-center justify-center gap-2 whitespace-nowrap group rounded-md text-base font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive relative overflow-hidden bg-primary text-primary-foreground hover:bg-primary/90 before:absolute before:inset-0 before:rounded-[inherit] before:bg-[linear-gradient(45deg,transparent_25%,rgba(255,255,255,0.5)_50%,transparent_75%,transparent_100%)] before:bg-size-[250%_250%,100%_100%] before:bg-position-[200%_0,0_0] before:bg-no-repeat before:transition-[background-position_0s_ease] before:duration-1000 hover:before:bg-position-[-100%_0,0_0] dark:before:bg-[linear-gradient(45deg,transparent_25%,rgba(0,0,0,0.2)_50%,transparent_75%,transparent_100%)] h-11 px-6 has-[&gt;svg]:px-6 group" href="/contact-us">Get My Free Demo<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right transition-transform duration-200 group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section></main><!--$--><!--/$--><section id="preferred-source" class="py-8 sm:py-16"><div class="mx-auto max-w-7xl border-t px-4 sm:px-6 lg:px-8"><span class="text-caption -ml-8 -mt-3.5 block w-max bg-background px-6">On Google</span><div class="mt-12 flex flex-col items-center gap-5 text-center md:mt-24"><h2 class="max-w-3xl text-4xl leading-[1.15] font-semibold text-balance sm:text-5xl">See TechVance first in your search results</h2><p class="max-w-xl text-muted-foreground">Add TechVance as a preferred source on Google and our articles, guides, and updates get highlighted 
1whenever you search. One click, and Google tailors your results to the sources you trust.</p><a href="https://www.google.com/preferences/source?q=techvancejo.com" target="_blank" rel="noopener noreferrer" data-slot="button" data-variant="default" data-size="lg" class="inline-flex items-center justify-center gap-2 whitespace-nowrap group rounded-md text-base font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive relative overflow-hidden bg-primary text-primary-foreground hover:bg-primary/90 before:absolute before:inset-0 before:rounded-[inherit] before:bg-[linear-gradient(45deg,transparent_25%,rgba(255,255,255,0.5)_50%,transparent_75%,transparent_100%)] before:bg-size-[250%_250%,100%_100%] before:bg-position-[200%_0,0_0] before:bg-no-repeat before:transition-[background-position_0s_ease] before:duration-1000 hover:before:bg-position-[-100%_0,0_0] dark:before:bg-[linear-gradient(45deg,transparent_25%,rgba(0,0,0,0.2)_50%,transparent_75%,transparent_100%)] h-11 px-6 has-[&gt;svg]:px-6"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="size-5 shrink-0"><path fill="#4285F4" d="M23.49 12.27c0-.79-.07-1.54-.19-2.27H12v4.51h6.47c-.29 1.48-1.14 2.73-2.4 3.58v3h3.86c2.26-2.09 3.56-5.17 3.56-8.82z"></path><path fill="#34A853" d="M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.86-3c-1.08.72-2.45 1.16-4.07 1.16-3.13 0-5.78-2.11-6.73-4.96H1.29v3.09C3.26 21.3 7.31 24 12 24z"></path><path fill="#FBBC05" d="M5.27 14.29c-.25-.72-.38-1.49-.38-2.29s.14-1.57.38-2.29V6.62H1.29C.47 8.24 0 10.06 0 12s.47 3.76 1.29 5.38l3.98-3.09z"></path><path fill="#EA4335" d="M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.31 0 3.26 2.7 1.29 6.62l3.98 3.09C6.22 6.86 8.87 4.75 12 4.75z"></path></svg>Add TechVance as a preferred source on Google</a></div></div></section><footer><div class="footer-statement border-t"><div class="mx-auto max-w-7xl px-4 py-20 text-center sm:px-6 sm:py-28"><h2 class="footer-headline mx-auto max-w-5xl text-balance text-5xl font-semibold leading-[1.05] tracking-tight sm:text-7xl">Let&#x27;s build something<!-- --> <span class="underline decoration-2 underline-offset-8">great</span>.</h2><p class="footer-statement-sub mx-auto mt-6 max-w-xl text-lg text-muted-foreground">Tell us about your project and we&#x27;ll come back with a plan within 1 business day. No pressure, no commitment.</p><a data-slot="button" data-variant="default" data-size="lg" class="inline-flex items-center justify-center gap-2 whitespace-nowrap group rounded-md text-base font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive relative overflow-hidden bg-primary text-primary-foreground hover:bg-primary/90 before:absolute before:inset-0 before:rounded-[inherit] before:bg-[linear-gradient(45deg,transparent_25%,rgba(255,255,255,0.5)_50%,transparent_75%,transparent_100%)] before:bg-size-[250%_250%,100%_100%] before:bg-position-[200%_0,0_0] before:bg-no-repeat before:transition-[background-position_0s_ease] before:duration-1000 hover:before:bg-position-[-100%_0,0_0] dark:before:bg-[linear-gradient(45deg,transparent_25%,rgba(0,0,0,0.2)_50%,transparent_75%,transparent_100%)] h-11 px-6 has-[&gt;svg]:px-6 footer-statement-cta mt-8" href="/contact-us">Start a Project<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right transition-transform duration-200 group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="border-t"><div class="footer-columns mx-auto grid max-w-7xl grid-cols-1 gap-12 px-4 py-16 sm:grid-cols-2 sm:px-6 lg:grid-cols-4 lg:py-20"><div class="footer-col"><a aria-label="TechVance home" href="/"><svg viewBox="0 0 1796 587" class="h-5 w-auto"><g><path d="M474.021,447.421C480.108,447.421 484.597,445.215 487.489,440.801C582.603,297.446 679.238,153.481 777.396,8.908C779.41,6.046 782.737,4.339 786.299,4.343L950.655,4.343C950.697,4.339 950.739,4.337 950.781,4.337C951.532,4.337 952.151,4.955 952.151,5.707C952.151,6.046 952.024,6.374 951.797,6.626L583.135,546.263C567.916,568.39 543.665,582.69 516.936,585.298C511.153,585.907 496.696,586.211 473.564,586.211C450.28,586.059 435.747,585.679 429.964,585.07C403.281,582.171 379.2,567.622 364.221,545.35L0.354,2.289C0.126,2.037 0,1.709 0,1.37C0,0.618 0.618,0 1.37,0C1.412,0 1.454,0.002 1.495,0.006L165.852,1.604C169.413,1.601 172.74,3.307 174.755,6.169C271.543,151.655 366.885,296.457 460.781,440.573C463.672,445.138 468.086,447.421 474.021,447.421Z" fill="currentColor"></path><path d="M1274.41,134.556L953.693,573.365C952.267,575.325 949.997,576.503 947.573,576.538L781.433,576.538C781.413,576.538 781.393,576.538 781.374,576.538C777.146,576.538 773.667,573.06 773.667,568.832C773.667,567.106 774.247,565.429 775.313,564.072L1196.67,11.481C1198.14,9.606 1200.4,8.516 1202.79,8.535L1366.66,8.535C1369.05,8.516 1371.31,9.606 1372.78,11.481L1793.91,565.205C1794.98,566.563 1795.56,568.242 1795.56,569.971C1795.56,574.198 1792.08,577.677 1787.86,577.677C1787.76,577.677 1787.66,577.675 1787.57,577.671L1070.19,577.671C1065.98,577.647 1062.53,574.176 1062.53,569.965C1062.53,568.431 1062.99,566.931 1063.85,565.659L1144.54,445.304C1145.96,443.193 1148.34,441.918 1150.88,441.904L1504.92,441.904C1505.02,441.907 1505.12,441.909 1505.21,441.909C1509.44,441.909 1512.92,438.43 1512.92,434.203C1512.92,432.475 1512.34,430.796 1511.27,429.437L1286.88,134.329C1285.42,132.402 1283.14,131.266 1280.73,131.266C1278.21,131.266 1275.85,132.496 1274.41,134.556Z" fill="currentColor"></path></g></svg></a><p class="mt-4 max-w-xs text-sm text-muted-foreground">Fast, SEO-optimized websites for businesses across metro Atlanta. Pay once, own it outright.</p></div><div class="footer-col"><p class="text-xs font-semibold uppercase tracking-widest text-muted-foreground">Navigate</p><ul class="mt-5 space-y-3"><li><a class="opacity-80 transition-opacity duration-300 hover:opacity-100" href="/#hero">Home</a></li><li><a class="opacity-80 transition-opacity duration-300 hover:opacity-100" href="/#services">Our Services</a></li><li><a class="opacity-80 transition-opacity duration-300 hover:opacity-100" href="/#about-us">About Us</a></li><li><a class="opacity-80 transition-opacity duration-300 hover:opacity-100" href="/#team">Our Team</a></li><li><a class="opacity-80 transition-opacity duration-300 hover:opacity-100" href="/#portfolio">Portfolio</a></li><li><a class="opacity-80 transition-opacity duration-300 hover:opacity-100" href="/website-demos">Website Demos</a></li><li><a class="opacity-80 transition-opacity duration-300 hover:opacity-100" href="/contact-us">Contact Us</a></li></ul></div><div class="footer-col"><p class="text-xs font-semibold uppercase tracking-widest text-muted-foreground">Services</p><ul class="mt-5 space-y-3"><li><a class="opacity-80 transition-opacity duration-300 hover:opacity-100" href="/services/web-development">Web Development</a></li><li><a class="opacity-80 transition-opacity duration-300 hover:opacity-100" href="/nail-salon-websites">Nail Salon Websites</a></li><li><a class="opacity-80 transition-opacity duration-300 hover:opacity-100" href="/geo-audit-checklist">GEO Audit Checklist</a></li></ul></div><div class="footer-col"><p class="text-xs font-semibold uppercase tracking-widest text-muted-foreground">Contact</p><ul class="mt-5 space-y-3"><li class="flex items-center gap-2.5">
1<a href="tel:+14707708162" class="flex items-center gap-2.5 opacity-80 transition-opacity duration-300 hover:opacity-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone size-4 shrink-0 text-primary" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg><span class="text-sm">470-770-8162</span></a></li><li class="flex items-center gap-2.5"><a href="mailto:[email protected]" class="flex items-center gap-2.5 opacity-80 transition-opacity duration-300 hover:opacity-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail size-4 shrink-0 text-primary" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><span class="text-sm">[email protected]</span></a></li><li class="flex items-center gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin size-4 shrink-0 text-primary" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span class="text-sm">Serving Atlanta, GA &amp; nearby cities</span></li><li class="flex items-center gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock size-4 shrink-0 text-primary" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span class="text-sm">Monday–Friday, 9:00 AM – 5:00 PM ET</span></li></ul></div></div></div><div class="border-t"><div class="footer-bottom-bar mx-auto flex max-w-7xl flex-col items-center justify-between gap-4 px-4 py-8 sm:px-6 md:flex-row"><p class="footer-bar-copy text-sm text-muted-foreground">©2026<!-- --> TechVance. All rights reserved.</p><div class="footer-bar-links flex items-center gap-5"><a class="text-sm text-muted-foreground opacity-80 transition-opacity duration-300 hover:opacity-100" href="/privacy-policy">Privacy</a><a href="https://www.linkedin.com/in/tech-vance-7a9214294/" target="_blank" rel="noopener noreferrer" aria-label="TechVance on LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-5"><path d="M4.00098 3H20.001C20.5533 3 21.001 3.44772 21.001 4V20C21.001 20.5523 20.5533 21 20.001 21H4.00098C3.44869 21 3.00098 20.5523 3.00098 20V4C3.00098 3.44772 3.44869 3 4.00098 3ZM5.00098 5V19H19.001V5H5.00098ZM7.50098 9C6.67255 9 6.00098 8.32843 6.00098 7.5C6.00098 6.67157 6.67255 6 7.50098 6C8.3294 6 9.00098 6.67157 9.00098 7.5C9.00098 8.32843 8.3294 9 7.50098 9ZM6.50098 10H8.50098V17.5H6.50098V10ZM12.001 10.4295C12.5854 9.86534 13.2665 9.5 14.001 9.5C16.072 9.5 17.501 11.1789 17.501 13.25V17.5H15.501V13.25C15.501 12.2835 14.7175 11.5 13.751 11.5C12.7845 11.5 12.001 12.2835 12.001 13.25V17.5H10.001V10H12.001V10.4295Z"></path></svg></a><a href="https://www.instagram.com/techvanceusa/" target="_blank" rel="noopener noreferrer" aria-label="TechVance on Instagram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-5"><path d="M12.001 9C10.3436 9 9.00098 10.3431 9.00098 12C9.00098 13.6573 10.3441 15 12.001 15C13.6583 15 15.001 13.6569 15.001 12C15.001 10.3427 13.6579 9 12.001 9ZM12.001 7C14.7614 7 17.001 9.2371 17.001 12C17.001 14.7605 14.7639 17 12.001 17C9.24051 17 7.00098 14.7629 7.00098 12C7.00098 9.23953 9.23808 7 12.001 7ZM18.501 6.74915C18.501 7.43926 17.9402 7.99917 17.251 7.99917C16.5609 7.99917 16.001 7.4384 16.001 6.74915C16.001 6.0599 16.5617 5.5 17.251 5.5C17.9393 5.49913 18.501 6.0599 18.501 6.74915ZM12.001 4C9.5265 4 9.12318 4.00655 7.97227 4.0578C7.18815 4.09461 6.66253 4.20007 6.17416 4.38967C5.74016 4.55799 5.42709 4.75898 5.09352 5.09255C4.75867 5.4274 4.55804 5.73963 4.3904 6.17383C4.20036 6.66332 4.09493 7.18811 4.05878 7.97115C4.00703 9.0752 4.00098 9.46105 4.00098 12C4.00098 14.4745 4.00753 14.8778 4.05877 16.0286C4.0956 16.8124 4.2012 17.3388 4.39034 17.826C4.5591 18.2606 4.7605 18.5744 5.09246 18.9064C5.42863 19.2421 5.74179 19.4434 6.17187 19.6094C6.66619 19.8005 7.19148 19.9061 7.97212 19.9422C9.07618 19.9939 9.46203 20 12.001 20C14.4755 20 14.8788 19.9934 16.0296 19.9422C16.8117 19.9055 17.3385 19.7996 17.827 19.6106C18.2604 19.4423 18.5752 19.2402 18.9074 18.9085C19.2436 18.5718 19.4445 18.2594 19.6107 17.8283C19.8013 17.3358 19.9071 16.8098 19.9432 16.0289C19.9949 14.9248 20.001 14.5389 20.001 12C20.001 9.52552 19.9944 9.12221 19.9432 7.97137C19.9064 7.18906 19.8005 6.66149 19.6113 6.17318C19.4434 5.74038 19.2417 5.42635 18.9084 5.09255C18.573 4.75715 18.2616 4.55693 17.8271 4.38942C17.338 4.19954 16.8124 4.09396 16.0298 4.05781C14.9258 4.00605 14.5399 4 12.001 4ZM12.001 2C14.7176 2 15.0568 2.01 16.
11235 2.06C17.1876 2.10917 17.9135 2.2775 18.551 2.525C19.2101 2.77917 19.7668 3.1225 20.3226 3.67833C20.8776 4.23417 21.221 4.7925 21.476 5.45C21.7226 6.08667 21.891 6.81333 21.941 7.8775C21.9885 8.94417 22.001 9.28333 22.001 12C22.001 14.7167 21.991 15.0558 21.941 16.1225C21.8918 17.1867 21.7226 17.9125 21.476 18.55C21.2218 19.2092 20.8776 19.7658 20.3226 20.3217C19.7668 20.8767 19.2076 21.22 18.551 21.475C17.9135 21.7217 17.1876 21.89 16.1235 21.94C15.0568 21.9875 14.7176 22 12.001 22C9.28431 22 8.94514 21.99 7.87848 21.94C6.81431 21.8908 6.08931 21.7217 5.45098 21.475C4.79264 21.2208 4.23514 20.8767 3.67931 20.3217C3.12348 19.7658 2.78098 19.2067 2.52598 18.55C2.27848 17.9125 2.11098 17.1867 2.06098 16.1225C2.01348 15.0558 2.00098 14.7167 2.00098 12C2.00098 9.28333 2.01098 8.94417 2.06098 7.8775C2.11014 6.8125 2.27848 6.0875 2.52598 5.45C2.78014 4.79167 3.12348 4.23417 3.67931 3.67833C4.23514 3.1225 4.79348 2.78 5.45098 2.525C6.08848 2.2775 6.81348 2.11 7.87848 2.06C8.94514 2.0125 9.28431 2 12.001 2Z"></path></svg></a><button type="button" aria-label="Back to top" class="flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium transition-colors hover:border-primary/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up size-3.5" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg>Top</button></div></div></div></footer><button type="button" aria-label="Open chat" class="fixed bottom-5 right-5 z-50 flex h-14 w-14 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg transition-transform hover:scale-105"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-6 w-6" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg></button><div class="fixed bottom-24 right-5 z-50 flex w-[22rem] max-w-[calc(100vw-2.5rem)] flex-col overflow-hidden rounded-2xl border bg-background shadow-2xl transition-all pointer-events-none translate-y-2 opacity-0"><div class="flex items-center justify-between border-b bg-primary px-4 py-3 text-primary-foreground"><div><p class="font-semibold">TechVance Assistant</p><p class="text-xs opacity-80">Answers grounded in this website</p></div><svg viewBox="0 0 1796 587" class="h-4 w-auto"><g><path d="M474.021,447.421C480.108,447.421 484.597,445.215 487.489,440.801C582.603,297.446 679.238,153.481 777.396,8.908C779.41,6.046 782.737,4.339 786.299,4.343L950.655,4.343C950.697,4.339 950.739,4.337 950.781,4.337C951.532,4.337 952.151,4.955 952.151,5.707C952.151,6.046 952.024,6.374 951.797,6.626L583.135,546.263C567.916,568.39 543.665,582.69 516.936,585.298C511.153,585.907 496.696,586.211 473.564,586.211C450.28,586.059 435.747,585.679 429.964,585.07C403.281,582.171 379.2,567.622 364.221,545.35L0.354,2.289C0.126,2.037 0,1.709 0,1.37C0,0.618 0.618,0 1.37,0C1.412,0 1.454,0.002 1.495,0.006L165.852,1.604C169.413,1.601 172.74,3.307 174.755,6.169C271.543,151.655 366.885,296.457 460.781,440.573C463.672,445.138 468.086,447.421 474.021,447.421Z" fill="currentColor"></path><path d="M1274.41,134.556L953.693,573.365C952.267,575.325 949.997,576.503 947.573,576.538L781.433,576.538C781.413,576.538 781.393,576.538 781.374,576.538C777.146,576.538 773.667,573.06 773.667,568.832C773.667,567.106 774.247,565.429 775.313,564.072L1196.67,11.481C1198.14,9.606 1200.4,8.516 1202.79,8.535L1366.66,8.535C1369.05,8.516 1371.31,9.606 1372.78,11.481L1793.91,565.205C1794.98,566.563 1795.56,568.242 1795.56,569.971C1795.56,574.198 1792.08,577.677 1787.86,577.677C1787.76,577.677 1787.66,577.675 1787.57,577.671L1070.19,577.671C1065.98,577.647 1062.53,574.176 1062.53,569.965C1062.53,568.431 1062.99,566.931 1063.85,565.659L1144.54,445.304C1145.96,443.193 1148.34,441.918 1150.88,441.904L1504.92,441.904C1505.02,441.907 1505.12,441.909 1505.21,441.909C1509.44,441.909 1512.92,438.43 1512.92,434.203C1512.92,432.475 1512.34,430.796 1511.27,429.437L1286.88,134.329C1285.42,132.402 1283.14,131.266 1280.73,131.266C1278.21,131.266 1275.85,132.496 1274.41,134.556Z" fill="currentColor"></path></g></svg></div><div data-lenis-prevent="true" class="flex h-96 flex-col gap-3 overflow-y-auto p-4"><div class="flex justify-start">
1<span class="mr-2 mt-1 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary p-1 text-primary-foreground"><svg viewBox="0 0 1796 587" class="h-full w-auto"><g><path d="M474.021,447.421C480.108,447.421 484.597,445.215 487.489,440.801C582.603,297.446 679.238,153.481 777.396,8.908C779.41,6.046 782.737,4.339 786.299,4.343L950.655,4.343C950.697,4.339 950.739,4.337 950.781,4.337C951.532,4.337 952.151,4.955 952.151,5.707C952.151,6.046 952.024,6.374 951.797,6.626L583.135,546.263C567.916,568.39 543.665,582.69 516.936,585.298C511.153,585.907 496.696,586.211 473.564,586.211C450.28,586.059 435.747,585.679 429.964,585.07C403.281,582.171 379.2,567.622 364.221,545.35L0.354,2.289C0.126,2.037 0,1.709 0,1.37C0,0.618 0.618,0 1.37,0C1.412,0 1.454,0.002 1.495,0.006L165.852,1.604C169.413,1.601 172.74,3.307 174.755,6.169C271.543,151.655 366.885,296.457 460.781,440.573C463.672,445.138 468.086,447.421 474.021,447.421Z" fill="currentColor"></path><path d="M1274.41,134.556L953.693,573.365C952.267,575.325 949.997,576.503 947.573,576.538L781.433,576.538C781.413,576.538 781.393,576.538 781.374,576.538C777.146,576.538 773.667,573.06 773.667,568.832C773.667,567.106 774.247,565.429 775.313,564.072L1196.67,11.481C1198.14,9.606 1200.4,8.516 1202.79,8.535L1366.66,8.535C1369.05,8.516 1371.31,9.606 1372.78,11.481L1793.91,565.205C1794.98,566.563 1795.56,568.242 1795.56,569.971C1795.56,574.198 1792.08,577.677 1787.86,577.677C1787.76,577.677 1787.66,577.675 1787.57,577.671L1070.19,577.671C1065.98,577.647 1062.53,574.176 1062.53,569.965C1062.53,568.431 1062.99,566.931 1063.85,565.659L1144.54,445.304C1145.96,443.193 1148.34,441.918 1150.88,441.904L1504.92,441.904C1505.02,441.907 1505.12,441.909 1505.21,441.909C1509.44,441.909 1512.92,438.43 1512.92,434.203C1512.92,432.475 1512.34,430.796 1511.27,429.437L1286.88,134.329C1285.42,132.402 1283.14,131.266 1280.73,131.266C1278.21,131.266 1275.85,132.496 1274.41,134.556Z" fill="currentColor"></path></g></svg></span><div class="max-w-[80%] rounded-2xl px-3 py-2 text-sm leading-relaxed bg-muted"><p class="whitespace-pre-wrap">Hi! I&#x27;m the TechVance assistant. Ask me anything about our services, pricing, or process.</p></div></div></div><form class="flex items-center gap-2 border-t p-3"><input placeholder="Ask about our services..." maxLength="2000" class="h-10 flex-1 rounded-lg border bg-background px-3 text-sm outline-none focus:ring-2 focus:ring-primary/40" value=""/><button type="submit" disabled="" aria-label="Send message" class="flex h-10 w-10 items-center justify-center rounded-lg bg-primary text-primary-foreground disabled:opacity-40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send h-4 w-4" aria-hidden="true"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg></button></form></div>
1<script src="/_next/static/chunks/0jvhpaew_uadu.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[83323,[\"/_next/static/chunks/323n1sbhlsxgh.js\",\"/_next/static/chunks/1vsylo9yatyi5.js\",\"/_next/static/chunks/1f3lnaja4xhu2.js\",\"/_next/static/chunks/34g99trgqc4kj.js\",\"/_next/static/chunks/1w5oakzw7rze_.js\",\"/_next/static/chunks/14234e7hzxh9r.js\",\"/_next/static/chunks/3l8nyybdcpwoz.js\"],\"ConditionalLayout\"]\n3:I[39756,[\"/_next/static/chunks/323n1sbhlsxgh.js\",\"/_next/static/chunks/1vsylo9yatyi5.js\",\"/_next/static/chunks/1f3lnaja4xhu2.js\",\"/_next/static/chunks/34g99trgqc4kj.js\",\"/_next/static/chunks/1w5oakzw7rze_.js\",\"/_next/static/chunks/14234e7hzxh9r.js\",\"/_next/static/chunks/3l8nyybdcpwoz.js\"],\"default\"]\n4:I[37457,[\"/_next/static/chunks/323n1sbhlsxgh.js\",\"/_next/static/chunks/1vsylo9yatyi5.js\",\"/_next/static/chunks/1f3lnaja4xhu2.js\",\"/_next/static/chunks/34g99trgqc4kj.js\",\"/_next/static/chunks/1w5oakzw7rze_.js\",\"/_next/static/chunks/14234e7hzxh9r.js\",\"/_next/static/chunks/3l8nyybdcpwoz.js\"],\"default\"]\n5:I[22524,[\"/_next/static/chunks/323n1sbhlsxgh.js\",\"/_next/static/chunks/1vsylo9yatyi5.js\",\"/_next/static/chunks/1f3lnaja4xhu2.js\",\"/_next/static/chunks/34g99trgqc4kj.js\",\"/_next/static/chunks/1w5oakzw7rze_.js\",\"/_next/static/chunks/14234e7hzxh9r.js\",\"/_next/static/chunks/3l8nyybdcpwoz.js\"],\"ChatWidget\"]\n6:I[54576,[\"/_next/static/chunks/323n1sbhlsxgh.js\",\"/_next/static/chunks/1vsylo9yatyi5.js\",\"/_next/static/chunks/1f3lnaja4xhu2.js\",\"/_next/static/chunks/34g99trgqc4kj.js\",\"/_next/static/chunks/1w5oakzw7rze_.js\",\"/_next/static/chunks/14234e7hzxh9r.js\",\"/_next/static/chunks/3l8nyybdcpwoz.js\"],\"GoogleAnalytics\"]\n7:I[11309,[\"/_next/static/chunks/323n1sbhlsxgh.js\",\"/_next/static/chunks/1vsylo9yatyi5.js\",\"/_next/static/chunks/1f3lnaja4xhu2.js\",\"/_next/static/chunks/34g99trgqc4kj.js\",\"/_next/static/chunks/1w5oakzw7rze_.js\",\"/_next/static/chunks/14234e7hzxh9r.js\",\"/_next/static/chunks/3l8nyybdcpwoz.js\",\"/_next/static/chunks/2mht0af7a2pc0.js\"],\"DemosHero\"]\n8:I[22908,[\"/_next/static/chunks/323n1sbhlsxgh.js\",\"/_next/static/chunks/1vsylo9yatyi5.js\",\"/_next/static/chunks/1f3lnaja4xhu2.js\",\"/_next/static/chunks/34g99trgqc4kj.js\",\"/_next/static/chunks/1w5oakzw7rze_.js\",\"/_next/static/chunks/14234e7hzxh9r.js\",\"/_next/static/chunks/3l8nyybdcpwoz.js\",\"/_next/static/chunks/2mht0af7a2pc0.js\"],\"DemoGallery\"]\n9:I[60414,[\"/_next/static/chunks/323n1sbhlsxgh.js\",\"/_next/static/chunks/1vsylo9yatyi5.js\",\"/_next/static/chunks/1f3lnaja4xhu2.js\",\"/_next/static/chunks/34g99trgqc4kj.js\",\"/_next/static/chunks/1w5oakzw7rze_.js\",\"/_next/static/chunks/14234e7hzxh9r.js\",\"/_next/static/chunks/3l8nyybdcpwoz.js\",\"/_next/static/chunks/2mht0af7a2pc0.js\"],\"StatsCta\"]\na:I[97367,[\"/_next/static/chunks/323n1sbhlsxgh.js\",\"/_next/static/chunks/1vsylo9yatyi5.js\",\"/_next/static/chunks/1f3lnaja4xhu2.js\",\"/_next/static/chunks/34g99trgqc4kj.js\",\"/_next/static/chunks/1w5oakzw7rze_.js\",\"/_next/static/chunks/14234e7hzxh9r.js\",\"/_next/static/chunks/3l8nyybdcpwoz.js\"],\"OutletBoundary\"]\nb:\"$Sreact.suspense\"\ne:I[97367,[\"/_next/static/chunks/323n1sbhlsxgh.js\",\"/_next/static/chunks/1vsylo9yatyi5.js\",\"/_next/static/chunks/1f3lnaja4xhu2.js\",\"/_next/static/chunks/34g99trgqc4kj.js\",\"/_next/static/chunks/1w5oakzw7rze_.js\",\"/_next/static/chunks/14234e7hzxh9r.js\",\"/_next/static/chunks/3l8nyybdcpwoz.js\"],\"ViewportBoundary\"]\n10:I[97367,[\"/_next/static/chunks/323n1sbhlsxgh.js\",\"/_next/static/chunks/1vsylo9yatyi5.js\",\"/_next/static/chunks/1f3lnaja4xhu2.js\",\"/_next/static/chunks/34g99trgqc4kj.js\",\"/_next/static/chunks/1w5oakzw7rze_.js\",\"/_next/static/chunks/14234e7hzxh9r.js\",\"/_next/static/chunks/3l8nyybdcpwoz.js\"],\"MetadataBoundary\"]\n12:I[68027,[\"/_next/static/chunks/323n1sbhlsxgh.js\",\"/_next/static/chunks/1vsylo9yatyi5.js\",\"/_next/static/chunks/1f3lnaja4xhu2.js\",\"/_next/static/chunks/34g99trgqc4kj.js\",\"/_next/static/chunks/1w5oakzw7rze_.js\",\"/_next/static/chunks/14234e7hzxh9r.js\",\"/_next/static/chunks/3l8nyybdcpwoz.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/1hzapi0j9bei2.css\",\"style\"]\n:HL[\"/_next/static/chunks/379npt7v2-dw9.css\",\"style\"]\n:HL[\"/_next/static/media/43eec6901c0ae896-s.p.1s_hs20g8r6bl.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/5fe5f57ee794eff4-s.p.04t4-lijcsqd8.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\nd:X\n0:{\"P\":null,\"c\":[\"\",\"website-demos\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"website-demos\",{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4624],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1hzapi0j9bei2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/379npt7v2-dw9.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/323n1sbhlsxgh.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1vsylo9yatyi5.js\",\"async\":true,\"nonce\":\"$undefined\"}
1],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1f3lnaja4xhu2.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/34g99trgqc4kj.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/1w5oakzw7rze_.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/14234e7hzxh9r.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/3l8nyybdcpwoz.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"body\",null,{\"className\":\"roboto_flex_47769f39-module__vT4hLG__variable oxanium_b930b8f9-module__rUnsWG__variable antialiased\",\"children\":[[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L5\",null,{}]]}],[\"$\",\"$L6\",null,{\"gaId\":\"G-EGEYVSYG06\"}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"main\",null,{\"children\":[[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"$L9\",null,{}]]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2mht0af7a2pc0.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$La\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@c\"}]}]]}],{},null,false,null]},null,false,\"$d\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L10\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L11\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$12\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1hzapi0j9bei2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/379npt7v2-dw9.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"Oz05621EJsYwr1Cj288yn\"}\nd:C\nf:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n13:I[27201,[\"/_next/static/chunks/323n1sbhlsxgh.js\",\"/_next/static/chunks/1vsylo9yatyi5.js\",\"/_next/static/chunks/1f3lnaja4xhu2.js\",\"/_next/static/chunks/34g99trgqc4kj.js\",\"/_next/static/chunks/1w5oakzw7rze_.js\",\"/_next/static/chunks/14234e7hzxh9r.js\",\"/_next/static/chunks/3l8nyybdcpwoz.js\"],\"IconMark\"]\nc:null\n11:[[\"$\",\"title\",\"0\",{\"children\":\"Website Demos by Industry | TechVance\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Explore live TechVance website demos built for 15 industries — cleaning, construction, beauty, retail and more. Filter by industry and request your own free demo website.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0_3dk73mgobfi.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L13\",\"3\",{}]]\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.