PageSourceSearch

https://www.nexiostudio.dev/services

html nexiostudio.dev collected 2026-10-08 06:03:37 UTC 114,515 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en" data-scroll-behavior="smooth"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/immutable/chunks/2ibtw4krldm3j.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/immutable/chunks/2q-pxuerubsi7.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/immutable/chunks/3fj3ssz0fg3bx.js"/>
1<script src="/_next/static/immutable/chunks/44w7ks4vbt95s.js" async=""></script>
1<script src="/_next/static/immutable/chunks/3viorn_81-4fq.js" async=""></script>
1<script src="/_next/static/immutable/chunks/07v142o5owpy6.js" async=""></script>
1<script src="/_next/static/immutable/chunks/1f1jlptebbe1y.js" async=""></script>
1<script src="/_next/static/immutable/chunks/turbopack-3urq1nmm2i6aw.js" async=""></script>
1<script src="/_next/static/immutable/chunks/0h7i0w48zbzi4.js" async=""></script>
1<script src="/_next/static/immutable/chunks/28-8dqc54g762.js" async=""></script>
1<script src="/_next/static/immutable/chunks/28ruas1e0e5jq.js" async=""></script>
1<script src="/_next/static/immutable/chunks/05nbwf_eas7qf.js" async=""></script>
1<script src="/_next/static/immutable/chunks/2hlsjpitjg8p2.js" async=""></script>
1<script src="/_next/static/immutable/chunks/09x_e51ox3aa6.js" async=""></script>
1<script src="/_next/static/immutable/chunks/1n-k16cz7s8zd.js" async=""></script>
1<script src="/_next/static/immutable/chunks/1t9plj1-oh105.js" async=""></script>
1<script src="/_next/static/immutable/chunks/29o50xrvy0oyy.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtm.js?id=GTM-NRCM2MGM" as="script"/><meta name="next-size-adjust" content=""/><title>Nexio Studio | Web Development Studio</title><meta name="description" content="Web development services focused on speed, UX, and SEO. We build no-code and custom code sites, integrations, and scalable systems for growing brands."/><link rel="canonical" href="https://www.nexiostudio.dev"/><meta property="og:title" content="Nexio Studio | Web Development Studio"/><meta property="og:description" content="High-performance web development. We deliver fast, SEO-ready sites with clear UX, integrations, and measurable results."/><meta property="og:site_name" content="Nexio Studio"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://www.nexiostudio.dev/nexio-og-image-1200x630.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Nexio Studio web development services"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Nexio Studio | Web Development Studio"/><meta name="twitter:description" content="High-performance web development. We deliver fast, SEO-ready sites with clear UX, integrations, and measurable results."/><meta name="twitter:image" content="https://www.nexiostudio.dev/nexio-twitter-1200x675.png"/><link rel="icon" href="/favicon.ico" sizes="32x32"/><link rel="icon" href="/favicon.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" type="image/png"/>
1<script src="/_next/static/immutable/chunks/0c0hxoamwjsbw.js" noModule=""></script>
1</head><body class="seasonsans_35ccea57-module__SdP9VG__variable gtsuperdisplay_3ef648a1-module__1u470a__variable antialiased"><div hidden=""><!--$--><!--/$--></div><!--&--><header class="pointer-events-none fixed inset-x-0 top-0 z-20 px-3 pt-3 md:px-6 md:pt-5"><div class="pointer-events-auto relative z-30 mx-auto flex w-full max-w-site items-center justify-between rounded-lg border border-white/10 bg-card/90 p-1.5 pl-4 shadow-xl shadow-black/25 backdrop-blur-2xl md:pl-5"><a class="relative z-30 flex h-10 items-center" aria-label="Nexio Studio home" href="/"><img alt="" width="459" height="174" decoding="async" data-nimg="1" class="h-auto w-22.5 lg:hidden" style="color:transparent" src="/brand/nexio-compact-white.svg"/><img alt="" width="788" height="177" decoding="async" data-nimg="1" class="hidden h-auto w-30 lg:block" style="color:transparent" src="/brand/nexio-primary-white.svg"/></a><nav class="hidden items-center gap-6 lg:flex" aria-label="Primary navigation"><a class="relative after:absolute after:right-0 after:bottom-[-0.4rem] after:left-0 after:h-px after:bg-current after:opacity-0 after:content-[&#x27;&#x27;] after:scale-x-[0.35] after:transition after:duration-500 after:ease-soft-out hover:after:scale-x-100 hover:after:opacity-70 focus-visible:after:scale-x-100 focus-visible:after:opacity-70 text-xxs font-semibold uppercase tracking-label text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/">Home</a><a class="relative after:absolute after:right-0 after:bottom-[-0.4rem] after:left-0 after:h-px after:bg-current after:opacity-0 after:content-[&#x27;&#x27;] after:scale-x-[0.35] after:transition after:duration-500 after:ease-soft-out hover:after:scale-x-100 hover:after:opacity-70 focus-visible:after:scale-x-100 focus-visible:after:opacity-70 text-xxs font-semibold uppercase tracking-label text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/services">Services</a><a class="relative after:absolute after:right-0 after:bottom-[-0.4rem] after:left-0 after:h-px after:bg-current after:opacity-0 after:content-[&#x27;&#x27;] after:scale-x-[0.35] after:transition after:duration-500 after:ease-soft-out hover:after:scale-x-100 hover:after:opacity-70 focus-visible:after:scale-x-100 focus-visible:after:opacity-70 text-xxs font-semibold uppercase tracking-label text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/about">About</a><a class="relative after:absolute after:right-0 after:bottom-[-0.4rem] after:left-0 after:h-px after:bg-current after:opacity-0 after:content-[&#x27;&#x27;] after:scale-x-[0.35] after:transition after:duration-500 after:ease-soft-out hover:after:scale-x-100 hover:after:opacity-70 focus-visible:after:scale-x-100 focus-visible:after:opacity-70 text-xxs font-semibold uppercase tracking-label text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/projects">Projects</a><a class="relative after:absolute after:right-0 after:bottom-[-0.4rem] after:left-0 after:h-px after:bg-current after:opacity-0 after:content-[&#x27;&#x27;] after:scale-x-[0.35] after:transition after:duration-500 after:ease-soft-out hover:after:scale-x-100 hover:after:opacity-70 focus-visible:after:scale-x-100 focus-visible:after:opacity-70 text-xxs font-semibold uppercase tracking-label text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/templates">Templates</a><a class="relative after:absolute after:right-0 after:bottom-[-0.4rem] after:left-0 after:h-px after:bg-current after:opacity-0 after:content-[&#x27;&#x27;] after:scale-x-[0.35] after:transition after:duration-500 after:ease-soft-out hover:after:scale-x-100 hover:after:opacity-70 focus-visible:after:scale-x-100 focus-visible:after:opacity-70 text-xxs font-semibold uppercase tracking-label text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/#faqs">FAQs</a><a class="relative after:absolute after:right-0 after:bottom-[-0.4rem] after:left-0 after:h-px after:bg-current after:opacity-0 after:content-[&#x27;&#x27;] after:scale-x-[0.35] after:transition after:duration-500 after:ease-soft-out hover:after:scale-x-100 hover:after:opacity-70 focus-visible:after:scale-x-100 focus-visible:after:opacity-70 text-xxs font-semibold uppercase tracking-label text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/blog">Blog</a></nav><a class="hidden items-center gap-3 rounded-md bg-primary px-4 py-2.5 text-xxs font-semibold uppercase tracking-label text-primary-foreground transition-transform duration-700 ease-soft-out hover:scale-[1.02] lg:flex" href="/contact">Contact</a><button type="button" class="relative z-30 flex size-10 items-center justify-center rounded-full bg-white/[0.07] lg:hidden" aria-label="Open navigation menu" aria-expanded="false"><span class="absolute h-px w-4 bg-white transition-transform duration-700 ease-soft-out -translate-y-0.75"></span><span class="absolute h-px w-4 bg-white transition-transform duration-700 ease-soft-out translate-y-0.75"></span></button></div></header><!--&--><!--&-->
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://www.nexiostudio.dev/services#webpage","url":"https://www.nexiostudio.dev/services","name":"Web Development Services | Nexio Studio","description":"Web development services focused on speed, UX, and SEO. We build no-code and custom code sites, integrations, and scalable systems for growing brands.","inLanguage":"en-US","isPartOf":{"@id":"https://www.nexiostudio.dev/#website"},"about":{"@id":"https://www.nexiostudio.dev/#organization"},"breadcrumb":{"@id":"https://www.nexiostudio.dev/services#breadcrumb"},"mainEntity":{"@id":"https://www.nexiostudio.dev/services#service-catalog"}},{"@type":"OfferCatalog","@id":"https://www.nexiostudio.dev/services#service-catalog","name":"Nexio Studio development services","itemListElement":[{"@type":"Offer","itemOffered":{"@id":"https://www.nexiostudio.dev/services#framer-development"}},{"@type":"Offer","itemOffered":{"@id":"https://www.nexiostudio.dev/services#nextjs-development"}}]},{"@type":"Service","@id":"https://www.nexiostudio.dev/services#framer-development","name":"Framer Development","serviceType":"Framer website design and development","description":"Custom, responsive Framer websites with editable content, motion, SEO foundations, and performance-focused delivery.","url":"https://www.nexiostudio.dev/services#framer-development","provider":{"@id":"https://www.nexiostudio.dev/#organization"},"areaServed":"Worldwide"},{"@type":"Service","@id":"https://www.nexiostudio.dev/services#nextjs-development","name":"Next.js Development","serviceType":"Custom Next.js website development","description":"Custom Next.js websites with content architecture, Sanity CMS, integrations, and performance-focused engineering.","url":"https://www.nexiostudio.dev/services#nextjs-development","provider":{"@id":"https://www.nexiostudio.dev/#organization"},"areaServed":"Worldwide"},{"@type":"BreadcrumbList","@id":"https://www.nexiostudio.dev/services#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.nexiostudio.dev/"},{"@type":"ListItem","position":2,"name":"Services","item":"https://www.nexiostudio.dev/services"}]}]}</script>
1<div class="relative isolate min-h-dvh overflow-hidden text-foreground page-grid-overlay !overflow-visible"><section class="relative isolate min-h-[88svh] overflow-hidden text-foreground page-grid-overlay border-b border-white/[0.08]"><div class="mx-auto w-(--page-content-width) max-w-site pt-page pb-page-bottom flex min-h-[88svh] items-center"><div class="grid w-full items-center gap-16 lg:grid-cols-[1.05fr_0.95fr]"><div class="relative z-10 max-w-3xl"><div class="mb-5 inline-flex w-fit items-center gap-2.5 border-l border-accent/70 bg-white/[0.025] px-3 py-1.5 text-xxs font-semibold uppercase tracking-label-wide text-zinc-300"><span class="size-1.5 rounded-full bg-accent shadow-md shadow-accent/80"></span><span>Our services</span></div><div data-motion-reveal="text" style="opacity:0;clip-path:inset(0 0 72% 0);transform:translateY(48px)"><h1 class="max-w-editorial-title text-display-fluid leading-none tracking-tighter text-foreground">Websites built for your business.</h1></div><div data-motion-reveal="copy" style="opacity:0;transform:translateY(22px)"><p class="text-body-fluid leading-relaxed text-muted-foreground mt-7 max-w-xl">We build websites in Framer and Next.js. Choose a service below or talk to us about the features you need and when you want to launch.</p></div><div class="mt-9"><a class="group inline-flex w-fit items-center gap-3 rounded-full bg-primary py-1.5 pl-5 pr-1.5 text-xxs font-semibold uppercase tracking-label text-primary-foreground transition duration-700 ease-soft-out hover:bg-white active:scale-98 " href="/contact"><span>Contact Us</span><span class="flex size-9 items-center justify-center rounded-full bg-background text-white transition-transform duration-700 ease-soft-out group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:rotate-6"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M198,64V168a6,6,0,0,1-12,0V78.48L68.24,196.24a6,6,0,0,1-8.48-8.48L177.52,70H88a6,6,0,0,1,0-12H192A6,6,0,0,1,198,64Z"></path></svg></span></a></div></div><div data-motion-reveal="right" class="border border-white/[0.08] rounded-2xl bg-white/[0.025] p-1 relative mx-auto w-full max-w-xl" style="opacity:0;transform:translateX(44px) translateY(12px)"><div class="border border-white/10 rounded-lg bg-(image:--panel-gradient) shadow-panel relative aspect-5/4 overflow-hidden p-6 md:p-10"><div class="absolute inset-0 bg-(image:--ambient-gradient)"></div><div class="absolute inset-x-8 top-1/2 h-px bg-gradient-to-r from-transparent via-white/30 to-transparent"></div><div class="absolute left-1/2 top-8 h-[calc(100%-4rem)] w-px bg-gradient-to-b from-transparent via-white/20 to-transparent"></div><div class="relative grid h-full grid-cols-2 items-center gap-5"><div class="border border-white/10 rounded-lg bg-(image:--panel-gradient) shadow-panel -rotate-3 p-5 transition-transform duration-700 hover:rotate-0"><img alt="Framer logo" loading="lazy" width="180" height="180" decoding="async" data-nimg="1" class="mx-auto h-20 w-20 object-contain md:h-28 md:w-28" style="color:transparent" srcSet="/_next/image?url=%2Fframer-logo-transparent.webp&amp;w=256&amp;q=75 1x, /_next/image?url=%2Fframer-logo-transparent.webp&amp;w=384&amp;q=75 2x" src="/_next/image?url=%2Fframer-logo-transparent.webp&amp;w=384&amp;q=75"/><p class="mt-5 text-center text-xs font-semibold uppercase tracking-label text-white/65">Framer</p></div><div class="border border-white/10 rounded-lg bg-(image:--panel-gradient) shadow-panel rotate-3 p-5 transition-transform duration-700 hover:rotate-0"><img alt="Next.js logo" loading="lazy" width="180" height="180" decoding="async" data-nimg="1" class="mx-auto h-20 w-20 object-contain invert md:h-28 md:w-28" style="color:transparent" srcSet="/_next/image?url=%2Fnextjs-logo.png&amp;w=256&amp;q=75 1x, /_next/image?url=%2Fnextjs-logo.png&amp;w=384&amp;q=75 2x" src="/_next/image?url=%2Fnextjs-logo.png&amp;w=384&amp;q=75"/><p class="mt-5 text-center text-xs font-semibold uppercase tracking-label text-white/65">Next.js</p></div></div></div></div></div></div></section><div class="relative"><span id="framer-development" aria-hidden="true" class="pointer-events-none absolute -top-24"></span><span id="nextjs-development" aria-hidden="true" class="pointer-events-none absolute -top-24"></span><div class="sticky top-19 z-10 border-y border-white/[0.09] bg-primary-foreground
1/88 backdrop-blur-2xl md:top-22"><div class="mx-auto w-(--page-content-width) max-w-site py-3"><div class="flex items-center justify-between gap-4"><div class="hidden sm:block"><p class="text-xxs font-semibold uppercase tracking-label text-white/32">Website platform</p><p class="font-(family-name:--font-season-sans) mt-1 text-sm font-medium text-foreground" aria-live="polite">Next.js</p></div><div class="relative grid w-full grid-cols-2 rounded-md border border-white/10 bg-white/[0.035] p-1 sm:w-auto sm:min-w-104" role="tablist" aria-label="Choose a website development approach"><span aria-hidden="true" class="absolute bottom-1 top-1 w-[calc(50%-0.25rem)] rounded-md bg-primary transition-transform duration-700 ease-soft-out translate-x-full"></span><button id="service-tab-framer" type="button" role="tab" aria-selected="false" aria-controls="service-path" tabindex="-1" class="relative z-10 flex min-h-12 items-center justify-between gap-4 rounded-md px-4 text-left transition-colors duration-500 sm:px-5 text-white/48"><span class="text-xxs font-semibold uppercase tracking-label">Framer</span><span class="hidden text-xxs font-medium uppercase tracking-widest sm:block text-white/24">Visual / editable</span></button><button id="service-tab-nextjs" type="button" role="tab" aria-selected="true" aria-controls="service-path" tabindex="0" class="relative z-10 flex min-h-12 items-center justify-between gap-4 rounded-md px-4 text-left transition-colors duration-500 sm:px-5 text-primary-foreground"><span class="text-xxs font-semibold uppercase tracking-label">Next.js</span><span class="hidden text-xxs font-medium uppercase tracking-widest sm:block text-primary-foreground/48">Custom / scalable</span></button></div></div></div></div><div id="service-path" role="tabpanel" aria-labelledby="service-tab-nextjs" style="opacity:0.45;transform:translateY(14px)"><section id="services" class="relative isolate overflow-hidden section-atmosphere bg-primary-foreground"><div class="mx-auto w-(--page-content-width) max-w-site py-section"><div class="mb-14 grid items-end gap-8 lg:grid-cols-(--editorial-columns) lg:gap-16"><div><div class="mb-5 inline-flex w-fit items-center gap-2.5 border-l border-accent/70 bg-white/[0.025] px-3 py-1.5 text-xxs font-semibold uppercase tracking-label-wide text-zinc-300"><span class="size-1.5 rounded-full bg-accent shadow-md shadow-accent/80"></span><span>Next.js Services</span></div><div data-motion-reveal="text" style="opacity:0;clip-path:inset(0 0 72% 0);transform:translateY(48px)"><h2 class="text-heading-fluid leading-none tracking-tighter max-w-3xl text-foreground">Choose your Next.js website.</h2></div></div><div data-motion-reveal="copy" class="max-w-xl lg:justify-self-end" style="opacity:0;transform:translateY(22px)"><p class="text-body-fluid leading-relaxed text-muted-foreground">We plan each build around your content and the features you need, including connections to other tools and loading speed requirements.</p></div></div><div data-motion-reveal="surface" class="grid gap-5 md:grid-cols-2" style="opacity:0;transform:translateY(42px) scale(0.985)"><article class="border border-white/[0.08] rounded-2xl bg-white/[0.025] p-1 h-full"><div class="relative border border-white/10 bg-card/90 shadow-panel group flex h-full flex-col overflow-hidden rounded-lg p-6 transition-transform duration-700 ease-soft-out hover:-translate-y-1 md:p-8"><div class="mb-10 flex items-start justify-between gap-4"><div><h3 class="text-2xl leading-none tracking-tight text-foreground md:text-3xl">Landing Page</h3><p class="mt-4 max-w-md text-sm leading-relaxed text-white/48 md:text-base">A campaign page with custom interactions, advanced forms, or specific loading speed requirements.</p></div><span class="mt-1 size-2 shrink-0 rounded-full bg-accent opacity-50 shadow-lg shadow-accent/80 transition-opacity duration-700 group-hover:opacity-100"></span></div><ul class="mb-8 flex flex-1 flex-col gap-3 border-t border-white/[0.08] pt-6"><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Custom layout and components</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Forms with validation, conditional fields, multiple steps, and file uploads</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Optimized images and generated social sharing images</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Fast loading and server-side rendering (SSR)</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>SEO setup: page titles, search descriptions, and a sitemap</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Loading speed and accessibility checks</span></li></ul><a class="group inline-flex w-fit items-center gap-3 rounded-full bg-primary py-1.5 pl-5 pr-1.5 text-xxs font-semibold uppercase tracking-label text-primary-foreground transition duration-700 ease-soft-out hover:bg-white active:scale-98 " href="/contact"><span>Get a Quote</span><span class="flex size-9 items-center justify-center rounded-full bg-background text-white transition-transform duration-700 ease-soft-out group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:rotate-6"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M198,64V168a6,6,0,0,1-12,0V78.48L68.24,196.24a6,6,0,0,1-8.48-8.48L177.52,70H88a6,6,0,0,1,0-12H192A6,6,0,0,1,198,64Z"></path></svg></span></a></div></article><article class="border border-white/[0.08] rounded-2xl bg-white/[0.025] p-1 h-full"><div class="relative border border-white/10 bg-card/90 shadow-panel group flex h-full flex-col overflow-hidden rounded-lg p-6 transition-transform duration-700 ease-soft-out hover:-translate-y-1 md:p-8"><div class="mb-10 flex items-start justify-between gap-4"><div><h3 class="text-2xl leading-none tracking-tight text-foreground md:text-3xl">Professional Website</h3><p class="mt-4 max-w-md text-sm leading-relaxed text-white/48 md:text-base">For teams that need a content editor, secure forms, and custom code they can build on.</p></div><span class="mt-1 size-2 shrink-0 rounded-full bg-accent opacity-50 shadow-lg shadow-accent/80 transition-opacity duration-700 group-hover:opacity-100"></span></div><ul class="mb-8 flex flex-1 flex-col gap-3 border-t border-white/[0.08] pt-6"><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Pages: Home, About, Services, Blog, Contact</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Sanity content management setup</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Easy editing in Sanity (you can update text, images, and posts)</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Consistent layouts, colors, and type across pages</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>SEO setup and a clean sitemap</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Google Tag Manager set up</span></li></ul><a class="group inline-flex w-fit items-center gap-3 rounded-full bg-primary py-1.5 pl-5 pr-1.5 text-xxs font-semibold uppercase tracking-label text-primary-foreground transition duration-700 ease-soft-out hover:bg-white active:scale-98 " href="/contact"><span>Get a Quote</span><span class="flex size-9 items-center justify-center rounded-full bg-background text-white transition-transform duration-700 ease-soft-out group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:rotate-6"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M198,64V168a6,6,0,0,1-12,0V78.48L68.24,196.24a6,6,0,0,1-8.48-8.48L177.52,70H88a6,6,0,0,1,0-12H192A6,6,0,0,1,198,64Z"></path></svg></span></a></div></article><article class="border border-white/[0.08] rounded-2xl bg-white/[0.025] p-1 h-full"><div class="relative border border-white/10 bg-card/90 shadow-panel group flex h-full flex-col overflow-hidden rounded-lg p-6 transition-transform duration-700 ease-soft-out hover:-translate-y-1 md:p-8"><div class="mb-10 flex items-start justify-between gap-4"><div><h3 class="text-2xl leading-none tracking-tight text-foreground md:text-3xl">Business Website</h3><p class="mt-4 max-w-md text-sm leading-relaxed text-white/48 md:text-base">For businesses with complex content, multiple languages, or custom ways of working.</p></div><span class="mt-1 size-2 shrink-0 rounded-full bg-accent opacity-50 shadow-lg shadow-accent/80 transition-opacity duration-700 group-hover:opacity-100"></span></div><ul class="mb-8 flex flex-1 flex-col gap-3 border-t border-white/[0.08] pt-6"><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Full site plan and templates for Services, Blog, Case Studies, and FAQ (about 8 to 15 pages)</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Form system for complex needs: multi-step, save progress, uploads</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Optional multi-language content</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Strong SEO structure and fast performance</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Integrations for chat, email, booking, or reviews</span></li></ul><a class="group inline-flex w-fit items-center gap-3 rounded-full bg-primary py-1.5 pl-5 pr-1.5 text-xxs font-semibold uppercase tracking-label text-primary-foreground transition duration-700 ease-soft-out hover:bg-white active:scale-98 " href="/contact"><span>Get a Quote</span><span class="flex size-9 items-center justify-center rounded-full bg-background text-white transition-transform duration-700 ease-soft-out group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:rotate-6"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M198,64V168a6,6,0,0,1-12,0V78.48L68.24,196.24a6,6,0,0,1-8.48-8.48L177.52,70H88a6,6,0,0,1,0-12H192A6,6,0,0,1,198,64Z"></path></svg></span></a></div></article><article class="border border-white/[0.08] rounded-2xl bg-white/[0.025] p-1 h-full"><div class="relative border border-white/10 bg-card/90 shadow-panel group flex h-full flex-col overflow-hidden rounded-lg p-6 transition-transform duration-700 ease-soft-out hover:-translate-y-1 md:p-8"><div class="mb-10 flex items-start justify-between gap-4"><div><h3 class="text-2xl leading-none tracking-tight text-foreground md:text-3xl">E-Commerce Website</h3><p class="mt-4 max-w-md text-sm leading-relaxed text-white/48 md:text-base">For stores that need custom catalogs, customer access controls, or connections to other systems.</p></div><span class="mt-1 size-2 shrink-0 rounded-full bg-accent opacity-50 shadow-lg shadow-accent/80 transition-opacity duration-700 group-hover:opacity-100"></span></div><ul class="mb-8 flex flex-1 flex-col gap-3 border-t border-white/[0.08] pt-6"><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Product listings, product deta
1il pages, cart, and checkout</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Connect to Shopify/Stripe or your chosen platform</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Search, filters, and clean product pages</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Product SEO and tracking from product visits to purchases</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>Optional add-ons: subscriptions, bundles, customer accounts</span></li><li class="flex items-start gap-3 text-sm leading-relaxed text-white/62"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" class="mt-0.5 shrink-0 text-accent"><path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path></svg><span>2 integration (CRM, email marketing, booking, chat)</span></li></ul><a class="group inline-flex w-fit items-center gap-3 rounded-full bg-primary py-1.5 pl-5 pr-1.5 text-xxs font-semibold uppercase tracking-label text-primary-foreground transition duration-700 ease-soft-out hover:bg-white active:scale-98 " href="/contact"><span>Get a Quote</span><span class="flex size-9 items-center justify-center rounded-full bg-background text-white transition-transform duration-700 ease-soft-out group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:rotate-6"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M198,64V168a6,6,0,0,1-12,0V78.48L68.24,196.24a6,6,0,0,1-8.48-8.48L177.52,70H88a6,6,0,0,1,0-12H192A6,6,0,0,1,198,64Z"></path></svg></span></a></div></article></div></div></section><section id="platform-overview" class="relative isolate overflow-hidden section-atmosphere border-t border-white/[0.08] w-full"><div class="mx-auto w-(--page-content-width) max-w-site py-section"><div class="mb-12 grid gap-8 lg:grid-cols-[0.9fr_1.1fr] lg:items-end lg:gap-20"><div><div class="mb-5 inline-flex w-fit items-center gap-2.5 border-l border-accent/70 bg-white/[0.025] px-3 py-1.5 text-xxs font-semibold uppercase tracking-label-wide text-zinc-300"><span class="size-1.5 rounded-full bg-accent shadow-md shadow-accent/80"></span><span>Custom Engineering</span></div><div data-motion-reveal="text" style="opacity:0;clip-path:inset(0 0 72% 0);transform:translateY(48px)"><h2 class="text-heading-fluid leading-none tracking-tighter max-w-compact-title text-foreground">Custom websites with<!-- --> <span class="bg-(image:--accent-gradient) bg-clip-text text-transparent">Next.js.</span></h2></div></div><div data-motion-reveal="copy" class="max-w-2xl space-y-4 lg:justify-self-end" style="opacity:0;transform:translateY(22px)"><p class="text-body-fluid leading-relaxed text-muted-foreground">We use Next.js to build custom websites with control over the design and features. We also work on loading speed and SEO as part of the build.</p><p class="text-body-fluid leading-relaxed text-muted-foreground">This suits projects that need custom features, connections to other systems, or room to handle more content and users over time.</p></div></div><div data-motion-reveal="surface" class="grid gap-4 lg:grid-cols-12" style="opacity:0;transform:translateY(42px) scale(0.985)"><div class="border border-white/[0.08] rounded-2xl bg-white/[0.025] p-1 lg:col-span-8 lg:order-2"><div class="border border-white/10 rounded-lg bg-(image:--panel-gradient) shadow-panel group relative min-h-100 overflow-hidden md:min-
1h-152"><div aria-hidden="true" class="absolute inset-0 bg-(image:--ambient-gradient)"></div><div class="absolute inset-x-5 bottom-0 top-16 overflow-hidden rounded-t-lg border-x border-t border-white/10 bg-primary-foreground md:inset-x-10 md:top-20"><div class="flex h-9 items-center gap-1.5 border-b border-white/[0.08] px-4"><span class="size-1.5 rounded-full bg-white/20"></span><span class="size-1.5 rounded-full bg-white/20"></span><span class="size-1.5 rounded-full bg-white/20"></span><span class="ml-auto text-xxs font-semibold uppercase tracking-label text-white/28">Next.js<!-- --> workspace</span></div><div class="relative h-[calc(100%-2.25rem)] overflow-hidden"><img alt="Custom Next.js website development preview" loading="lazy" width="1600" height="1000" decoding="async" data-nimg="1" class="h-full w-full object-cover object-top transition-transform duration-1200 ease-soft-out group-hover:scale-102" style="color:transparent" srcSet="/_next/image?url=%2Fnextjs-preview.webp&amp;w=1920&amp;q=75 1x, /_next/image?url=%2Fnextjs-preview.webp&amp;w=3840&amp;q=75 2x" src="/_next/image?url=%2Fnextjs-preview.webp&amp;w=3840&amp;q=75"/><div class="absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-primary-foreground to-transparent"></div></div></div><div class="border border-white/10 rounded-lg bg-(image:--panel-gradient) shadow-panel absolute left-4 top-4 flex items-center gap-3 p-2.5 pr-4 md:left-7 md:top-7"><span class="flex size-10 items-center justify-center border border-white/10 bg-white/[0.04]"><img alt="Next.js logo" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" class="size-7 object-contain invert" style="color:transparent" srcSet="/_next/image?url=%2Fnextjs-logo.png&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fnextjs-logo.png&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fnextjs-logo.png&amp;w=128&amp;q=75"/></span><span><span class="block text-xxs font-semibold uppercase tracking-label text-white/60">Development stack</span><span class="font-(family-name:--font-season-sans) mt-0.5 block text-sm font-medium text-white">Next.js</span></span></div></div></div><aside class="border border-white/[0.08] rounded-2xl bg-white/[0.025] p-1 lg:col-span-4 lg:order-1"><div class="border border-white/10 rounded-lg bg-(image:--panel-gradient) shadow-panel flex h-full min-h-100 flex-col p-5 md:min-h-152 md:p-7"><div class="flex items-center justify-between border-b border-white/[0.08] pb-5"><p class="text-xxs font-semibold uppercase tracking-label text-white/60">Why it works</p><span aria-hidden="true" class="h-px w-16 bg-gradient-to-r from-transparent to-cyan-300"></span></div><div class="divide-y divide-white/[0.08]"><div class="group flex items-start gap-4 py-6"><span class="flex size-10 shrink-0 items-center justify-center border border-white/10 bg-white/[0.035] text-primary transition-transform duration-700 ease-soft-out group-hover:-translate-y-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256"><path d="M40,86H74.6a30,30,0,0,0,58.8,0H216a6,6,0,0,0,0-12H133.4a30,30,0,0,0-58.8,0H40a6,6,0,0,0,0,12Zm64-24A18,18,0,1,1,86,80,18,18,0,0,1,104,62ZM216,170H197.4a30,30,0,0,0-58.8,0H40a6,6,0,0,0,0,12h98.6a30,30,0,0,0,58.8,0H216a6,6,0,0,0,0-12Zm-48,24a18,18,0,1,1,18-18A18,18,0,0,1,168,194Z"></path></svg></span><p class="font-(family-name:--font-season-sans) max-w-72 pt-1 text-base font-medium leading-snug tracking-tight text-white/78">Add custom features as your business grows</p></div><div class="group flex items-start gap-4 py-6"><span class="flex size-10 shrink-0 items-center justify-center border border-white/10 bg-white/[0.035] text-primary transition-transform duration-700 ease-soft-out group-hover:-translate-y-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256"><path d="M213.84,118.63a6,6,0,0,0-3.73-4.25L150.88,92.17l15-75a6,6,0,0,0-10.27-5.27l-112,120a6,6,0,0,0,2.28,9.71l59.23,22.21-15,75a6,6,0,0,0,3.14,6.52A6.07,6.07,0,0,0,96,246a6,6,0,0,0,4.39-1.91l112-120A6,6,0,0,0,213.84,118.63ZM106,220.46l11.85-59.28a6,6,0,0,0-3.77-6.8l-55.6-20.85,91.46-98L138.12,94.82a6,6,0,0,0,3.77,6.8l55.6,20.85Z"></path></svg></span>
1<p class="font-(family-name:--font-season-sans) max-w-72 pt-1 text-base font-medium leading-snug tracking-tight text-white/78">Optimized for performance and SEO</p></div><div class="group flex items-start gap-4 py-6"><span class="flex size-10 shrink-0 items-center justify-center border border-white/10 bg-white/[0.035] text-primary transition-transform duration-700 ease-soft-out group-hover:-translate-y-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256"><path d="M229.18,173a6,6,0,0,1-2.16,8.2l-96,56a6,6,0,0,1-6,0l-96-56a6,6,0,0,1,6-10.36l93,54.23,93-54.23A6,6,0,0,1,229.18,173ZM221,122.82l-93,54.23L35,122.82a6,6,0,0,0-6,10.36l96,56a6,6,0,0,0,6,0l96-56a6,6,0,0,0-6-10.36ZM26,80a6,6,0,0,1,3-5.18l96-56a6,6,0,0,1,6,0l96,56a6,6,0,0,1,0,10.36l-96,56a6,6,0,0,1-6,0l-96-56A6,6,0,0,1,26,80Zm17.91,0L128,129.05,212.09,80,128,31Z"></path></svg></span><p class="font-(family-name:--font-season-sans) max-w-72 pt-1 text-base font-medium leading-snug tracking-tight text-white/78">Connect more complex business tools</p></div></div><div class="mt-auto border-l border-accent/60 bg-white/[0.025] px-4 py-4"><p class="text-sm leading-relaxed text-white/48">A good fit for custom features and websites that need to grow with your business.</p></div></div></aside></div></div></section><section id="faqs" class="relative isolate overflow-hidden section-atmosphere border-t border-white/[0.08] bg-primary-foreground"><div class="mx-auto w-(--page-content-width) max-w-site py-section"><div class="mx-auto max-w-5xl text-center"><div class="mb-5 inline-flex w-fit items-center gap-2.5 border-l border-accent/70 bg-white/[0.025] px-3 py-1.5 text-xxs font-semibold uppercase tracking-label-wide text-zinc-300"><span class="size-1.5 rounded-full bg-accent shadow-md shadow-accent/80"></span><span>Before You Choose Next.js</span></div><div data-motion-reveal="text" style="opacity:0;clip-path:inset(0 0 72% 0);transform:translateY(48px)"><h2 class="text-heading-fluid leading-none tracking-tighter text-foreground">Frequently Asked Questions</h2></div></div><div class="border border-white/[0.08] rounded-2xl bg-white/[0.025] p-1 mx-auto mt-14 max-w-4xl"><div class="relative border border-white/10 bg-card/90 shadow-panel rounded-lg px-5 md:px-8"><div data-slot="accordion" class="w-full" data-orientation="vertical"><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b border-white/[0.08] last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_ql55fiv6btb_" data-slot="accordion-trigger" class="group flex flex-1 items-center justify-between gap-5 outline-none transition-colors duration-500 hover:text-white focus-visible:rounded-md [&amp;[data-state=open]&gt;span&gt;svg]:rotate-180 py-6 text-left text-lg font-medium tracking-tight text-foreground md:text-xl" aria-label="How much does a Next.js website cost?" data-radix-collection-item="">How much does a Next.js website cost?<span class="flex size-9 shrink-0 items-center justify-center rounded-full border border-white/10 bg-white/[0.035]"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true" class="text-white/65 transition-transform duration-700 ease-soft-out"><path d="M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z"></path></svg></span></button></h3><div data-state="closed" id="radix-_R_4ql55fiv6btb_" hidden="" role="region" aria-labelledby="radix-_R_ql55fiv6btb_" data-orientation="vertical" data-slot="accordion-content" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b border-white/[0.08] last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_1al55fiv6btb_" data-slot="accordion-trigger" class="group flex flex-1 items-center justify-between gap-5 outline-none transition-colors duration-500 hover:text-white focus-visible:rounded-md [&amp;[data-state=open]&gt;span&gt;svg]:rotate-180 py-6 text-left text-lg font-medium tracking-tight text-foreground md:text-xl" aria-label="What happens first after we decide to work together?" data-radix-collection-item="">What happens first after we decide to work together?<span class="flex size-9 shrink-0 items-center justify-center rounded-full border border-white/10 bg-white/[0.035]"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true" class="text-white/65 transition-transform duration-700 ease-soft-out"><path d="M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z"></path></svg></span></button></h3><div data-state="closed" id="radix-_R_5al55fiv6btb_" hidden="" role="region" aria-labelledby="radix-_R_1al55fiv6btb_" data-orientation="vertical" data-slot="accordion-content" 
1class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b border-white/[0.08] last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_1ql55fiv6btb_" data-slot="accordion-trigger" class="group flex flex-1 items-center justify-between gap-5 outline-none transition-colors duration-500 hover:text-white focus-visible:rounded-md [&amp;[data-state=open]&gt;span&gt;svg]:rotate-180 py-6 text-left text-lg font-medium tracking-tight text-foreground md:text-xl" aria-label="What do you need from me to begin?" data-radix-collection-item="">What do you need from me to begin?<span class="flex size-9 shrink-0 items-center justify-center rounded-full border border-white/10 bg-white/[0.035]"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true" class="text-white/65 transition-transform duration-700 ease-soft-out"><path d="M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z"></path></svg></span></button></h3><div data-state="closed" id="radix-_R_5ql55fiv6btb_" hidden="" role="region" aria-labelledby="radix-_R_1ql55fiv6btb_" data-orientation="vertical" data-slot="accordion-content" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b border-white/[0.08] last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_2al55fiv6btb_" data-slot="accordion-trigger" class="group flex flex-1 items-center justify-between gap-5 outline-none transition-colors duration-500 hover:text-white focus-visible:rounded-md [&amp;[data-state=open]&gt;span&gt;svg]:rotate-180 py-6 text-left text-lg font-medium tracking-tight text-foreground md:text-xl" aria-label="How are design and content changes handled during the build?" data-radix-collection-item="">How are design and content changes handled during the build?<span class="flex size-9 shrink-0 items-center justify-center rounded-full border border-white/10 bg-white/[0.035]"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true" class="text-white/65 transition-transform duration-700 ease-soft-out"><path d="M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z"></path></svg></span></button></h3><div data-state="closed" id="radix-_R_6al55fiv6btb_" hidden="" role="region" aria-labelledby="radix-_R_2al55fiv6btb_" data-orientation="vertical" data-slot="accordion-content" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b border-white/[0.08] last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_2ql55fiv6btb_" data-slot="accordion-trigger" class="group flex flex-1 items-center justify-between gap-5 outline-none transition-colors duration-500 hover:text-white focus-visible:rounded-md [&amp;[data-state=open]&gt;span&gt;svg]:rotate-180 py-6 text-left text-lg font-medium tracking-tight text-foreground md:text-xl" aria-label="How will I edit the site after launch?" data-radix-collection-item="">How will I edit the site after launch?<span class="flex size-9 shrink-0 items-center justify-center rounded-full border border-white/10 bg-white/[0.035]"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true" class="text-white/65 transition-transform duration-700 ease-soft-out"><path d="M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z"></path></svg></span></button></h3><div data-state="closed" id="radix-_R_6ql55fiv6btb_" hidden="" role="region" aria-labelledby="radix-_R_2ql55fiv6btb_" data-orientation="vertical" data-slot="accordion-content" 
1class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b border-white/[0.08] last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_3al55fiv6btb_" data-slot="accordion-trigger" class="group flex flex-1 items-center justify-between gap-5 outline-none transition-colors duration-500 hover:text-white focus-visible:rounded-md [&amp;[data-state=open]&gt;span&gt;svg]:rotate-180 py-6 text-left text-lg font-medium tracking-tight text-foreground md:text-xl" aria-label="How are hosting and publishing handled?" data-radix-collection-item="">How are hosting and publishing handled?<span class="flex size-9 shrink-0 items-center justify-center rounded-full border border-white/10 bg-white/[0.035]"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true" class="text-white/65 transition-transform duration-700 ease-soft-out"><path d="M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z"></path></svg></span></button></h3><div data-state="closed" id="radix-_R_7al55fiv6btb_" hidden="" role="region" aria-labelledby="radix-_R_3al55fiv6btb_" data-orientation="vertical" data-slot="accordion-content" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b border-white/[0.08] last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_3ql55fiv6btb_" data-slot="accordion-trigger" class="group flex flex-1 items-center justify-between gap-5 outline-none transition-colors duration-500 hover:text-white focus-visible:rounded-md [&amp;[data-state=open]&gt;span&gt;svg]:rotate-180 py-6 text-left text-lg font-medium tracking-tight text-foreground md:text-xl" aria-label="What ongoing costs and support should I expect?" data-radix-collection-item="">What ongoing costs and support should I expect?<span class="flex size-9 shrink-0 items-center justify-center rounded-full border border-white/10 bg-white/[0.035]"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true" class="text-white/65 transition-transform duration-700 ease-soft-out"><path d="M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z"></path></svg></span></button></h3><div data-state="closed" id="radix-_R_7ql55fiv6btb_" hidden="" role="region" aria-labelledby="radix-_R_3ql55fiv6btb_" data-orientation="vertical" data-slot="accordion-content" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div></div></div></div></section></div></div><section class="relative isolate overflow-hidden section-atmosphere border-t border-white/[0.08]"><div class="mx-auto w-(--page-content-width) max-w-site py-section"><div class="border border-white/[0.08] rounded-2xl bg-white/[0.025] p-1"><div class="relative border border-white/10 bg-card/90 shadow-panel min-h-136 overflow-hidden rounded-lg md:min-h-144"><div class="absolute inset-0 w-full h-full z-0"><video preload="none" autoPlay="" loop="" muted="" class="w-full h-full object-cover opacity-70" aria-label="Video player"><source src="https://kpq0yxcgnsxdclhj.public.blob.vercel-storage.com/gradient-ec3rXj35qAmTRdhzxqACAmmZmTQRvp.mp4" type="video/mp4"/>Your browser does not support the video tag.</video></div><div class="absolute inset-0 bg-linear-to-r from-background/60 via-background/60 to-background/30"></div><div class="pointer-events-none absolute inset-0 bg-radial from-cyan-300/20 to-transparent to-65%"></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 opacity-30 bg-(image:--grid-image) bg-size-(--grid-size) mask-r-from-0 mask-r-to-75"></div><div class="relative z-10 flex min-h-136 flex-col px-6 py-7 md:min-
1h-144 md:px-10 md:py-9 lg:px-14"><div class="flex items-center justify-between gap-6 border-b border-white/12 pb-5"><div class="flex items-center gap-3"><span class="relative flex size-2" aria-hidden="true"><span class="absolute inline-flex size-full animate-ping rounded-full bg-emerald-200 opacity-40"></span><span class="relative inline-flex size-2 rounded-full bg-emerald-200"></span></span><p class="text-xxs font-semibold uppercase tracking-label text-white/65">Project inquiries open</p></div><p class="hidden text-xxs font-semibold uppercase tracking-label text-white/60 sm:block">Design / Development / Launch</p></div><div class="grid flex-1 gap-10 py-10 md:py-12 lg:grid-cols-[minmax(0,1.2fr)_minmax(18rem,0.55fr)] lg:items-end lg:gap-16"><div><p class="mb-6 max-w-sm text-xs font-semibold uppercase tracking-label text-accent">Your next website starts here</p><h2 aria-label="Ready for your next website?" class="max-w-compact-title text-5xl leading-none tracking-tighter text-foreground lg:text-8xl"><span class="block">Ready for</span><span class="block">a website</span><span aria-hidden="true" class="-ml-1 mt-1 block overflow-visible pb-2 italic text-primary"><span aria-live="off" class="relative inline-grid min-w-0 overflow-visible align-baseline"><span class="col-start-1 row-start-1 -mb-1 block overflow-visible whitespace-nowrap bg-gradient-to-r from-cyan-300 via-blue-200 to-violet-300 pb-1 pr-1 leading-none text-transparent bg-clip-text animate-gradient" style="opacity:0;transform:translateY(0.18em)">redesign?</span></span></span></h2></div><div data-motion-reveal="copy" class="max-w-md border-t border-white/15 pt-6 lg:mb-2 lg:border-l lg:border-t-0 lg:pl-8 lg:pt-0" style="opacity:0;transform:translateY(22px)"><p class="text-xxs font-semibold uppercase tracking-label text-white/60">Tell us about your project</p><p class="text-body-fluid leading-relaxed mt-4 text-white/60">We&#x27;ll help you decide what to build, choose the right tools, and plan the launch.</p><a class="group inline-flex w-fit items-center gap-3 rounded-full border border-white/12 bg-white/[0.035] py-1.5 pl-5 pr-1.5 text-xxs font-semibold uppercase tracking-label text-foreground transition duration-700 ease-soft-out hover:border-white/25 hover:bg-white/[0.07] active:scale-98 mt-7 shrink-0" href="/contact"><span>Start a Project</span><span class="flex size-9 items-center justify-center rounded-full bg-white/10 text-white transition-transform duration-700 ease-soft-out group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:rotate-6"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M198,64V168a6,6,0,0,1-12,0V78.48L68.24,196.24a6,6,0,0,1-8.48-8.48L177.52,70H88a6,6,0,0,1,0-12H192A6,6,0,0,1,198,64Z"></path></svg></span></a></div></div></div></div></div></div></section></div><!--$--><!--/$--><!--/&--><!--/&--><div aria-hidden="true" class="custom-cursor" data-interactive="false" data-pressed="false" data-visible="false"><span class="custom-cursor__ring"></span><span class="custom-cursor__dot"></span></div><footer class="relative overflow-hidden bg-background text-foreground"><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-(image:--ambient-gradient-soft)"></div><div aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 h-72 opacity-35 bg-(image:--grid-image) bg-size-(--grid-size) mask-b-from-0 mask-b-to-100"></div><div class="relative mx-auto w-(--page-content-width) max-w-site pt-8 md:pt-12"><div class="flex flex-wrap items-center justify-between gap-x-8 gap-y-3 border-y border-white/[0.08] py-4 text-xxs font-semibold uppercase tracking-label text-white/50"><p class="flex items-center gap-3 text-white/55"><span class="size-1.5 rounded-full bg-emerald-200 ring-4 ring-emerald-200/10"></span>Web studio</p></div><div class="grid lg:grid-cols-[minmax(0,0.92fr)_minmax(34rem,1.08fr)]"><div class="flex flex-col justify-between border-b border-white/[0.08] py-14 lg:border-b-0 lg:border-r lg:py-20 lg:pr-16"><div><p class="text-xxs font-semibold uppercase tracking-label text-accent">Nexio Studio</p><h2 class="mt-7 max-w-short-title text-5xl leading-none tracking-tighter text-foreground lg:text-7xl">A website for your<!-- --> <span class="font-(family-name:--font-gt-super-display) italic text-primary">business.</span></h2><p class="mt-7 max-w-md text-sm leading-relaxed text-white/45">We design and build in Framer and Next.js, with support to help you keep your website running after launch.</p></div><a class="group mt-10 block max-w-xl rounded-2xl border border-white/[0.09] bg-white/[0.035] p-1.5 transition duration-700 ease-soft-out hover:-translate-y-0.5 hover:border-accent/35 hover:bg-white/[0.055] active:translate-y-0" href="/contact"><span class="flex items-center justify-between gap-5 rounded-lg bg-card px-5 py-4 inset-shadow-sm inset-shadow-white/5"><span><span class="block text-xxs font-semibold uppercase tracking-label text-white/50">Have a project in mind?</span><span class="mt-1.5 block text-sm text-white/80">Start a conversation</span></span><span class="flex size-9 shrink-0 items-center justify-center rounded-full bg-primary text-sm text-primary-foreground transition-transform duration-700 ease-soft-out group-hover:-translate-y-0.5 group-hover:translate-x-0.5"><span aria-hidden="true">↗</span></span></span></a></div><div class="grid grid-cols-2 gap-x-6 gap-y-12 py-14 sm:grid-cols-3 sm:gap-8 lg:py-20 lg:pl-16"><div><h3 class="font-(family-name:--font-season-sans) text-xs font-medium uppercase tracking-label-wide text-white/80">Explore</h3><ul class="mt-5"><li class="border-b border-white/[0.07] last:border-b-0"><a class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/"><span>Home</span><span aria-hidden="true" class="text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100">→</span></a></li><li class="border-b border-white/[0.07] last:border-b-0"><a class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/about"><span>About</span><span aria-hidden="true" class="text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100">→</span></a></li><li class="border-b border-white/[0.07] last:border-b-0"><a class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/services"><span>Services</span><span aria-hidden="true" class="text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100">→</span></a></li><li class="border-b border-white/[0.07] last:border-b-0"><a class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/projects"><span>Projects</span><span aria-hidden="true" class="text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100">→</span></a></li><li class="border-b border-white/[0.07] last:border-b-0"><a class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/templates"><span>Templates</span><span aria-hidden="true" class="text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100">→</span></a></li><li class="border-b border-white/[0.07] last:border-b-0"><a class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/blog"><span>Blog</span><span aria-hidden="true" class="text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100">→</span></a></li><li class="border-b border-white/[0.07] last:border-b-0"><a class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/#faqs"><span>FAQs</span><span aria-hidden="true" class="text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100">→</span></a></li></ul></div><div><h3 class="font-(family-name:--font-season-sans) text-xs font-medium uppercase tracking-label-wide text-white/80">Capabilities</h3><ul class="mt-5"><li class="border-b border-white/[0.07] last:border-b-0"><a class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/services#framer-development"><span>Framer Development</span><span aria-hidden="true" class="text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100">→</span></a></li><li class="border-b border-white/[0.07] last:border-b-0"><a class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/services#nextjs-development"><span>Next.js Development</span><span aria-hidden="true" class="text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100">→</span></a></li><li class="border-b border-white/[0.07] last:border-b-0"><a class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/get-a-quote"><span>Get a Quote</span><span aria-hidden="true" class="text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100">→</span></a></li><li class="border-b border-white/[0.07] last:border-b-0"><a class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white" href="/contact"><span>Start a Project</span><span aria-hidden="true" class="text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100">→</span></a></li></ul></div><div class="col-span-2 sm:col-span-1"><div><h3 class="font-(family-name:--font-season-sans) text-xs font-medium uppercase tracking-label-wide text-white/80">Connect</h3><ul class="mt-5"><li class="border-b border-white/[0.07] last:border-b-0"><a href="https://wa.me/50576918719?text=Hi%20Nexio%20Studio%2C%20I%27d%20like%20a%20quote%20for%20a%20website." target="_blank" rel="noopener noreferrer" class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white"><span>WhatsApp</span><span aria-hidden="true" class="text-xxs text-accent opacity-45 transition duration-700 ease-soft-out group-hover:-translate-y-0.5 group-hover:translate-x-0.5 group-hover:opacity-100">↗</span></a></li><li class="border-b border-white/[0.07] last:border-b-0"><a href="mailto:[email protected]?subject=Website%20inquiry&amp;body=I%27m%20interested%20in%20your%20services..." class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white"><span>Email</span><span aria-hidden="true" class="text-xxs text-accent opacity-45 transition duration-700 ease-soft-out group-hover:-translate-y-0.5 group-hover:translate-x-0.5 group-hover:opacity-100">↗</span></a></li><li class="border-b border-white/[0.07] last:border-b-0"><a href="https://x.com/nexio_studio" target="_blank" rel="noopener noreferrer" class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white"><span>X (Twitter)</span><span aria-hidden="true" class="text-xxs text-accent opacity-45 transition duration-700 ease-soft-out group-hover:-translate-y-0.5 group-hover:translate-x-0.5 group-hover:opacity-100">↗</span></a></li><li class="border-b border-white/[0.07] last:border-b-0"><a href="https://medium.com/@nexio_studio" target="_blank" rel="noopener noreferrer" class="group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white"><span>Medium</span><span aria-hidden="true" class="text-xxs text-accent opacity-45 transition duration-700 ease-soft-out group-hover:-translate-y-0.5 group-hover:translate-x-0.5 group-hover:opacity-100">↗</span></a></li></ul></div></div></div></div><div class="flex flex-col gap-4 border-t border-white/[0.08] py-5 text-xxs font-semibold uppercase tracking-label text-white/25 md:flex-row md:items-center md:justify-between"><p>© <!-- -->2026<!-- --> Nexio Studio</p><div class="flex flex-wrap gap-x-5 gap-y-2"><a class="transition-colors duration-700 ease-soft-out hover:text-white/70" href="/privacy-policy">Privacy</a><a class="transition-colors duration-700 ease-soft-out hover:text-white/70" href="/terms-of-service">Terms</a><a class="transition-colors duration-700 ease-soft-out hover:text-white/70" href="/cookies">Cookies</a></div></div></div></footer><!--/&-->
1<script src="/_next/static/immutable/chunks/3fj3ssz0fg3bx.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[19598,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\"],\"GoogleTagManager\"]\n3:I[339756,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\"],\"default\"]\n4:I[837457,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\"],\"default\"]\n5:I[962172,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\",\"/_next/static/immutable/chunks/28-8dqc54g762.js\",\"/_next/static/immutable/chunks/28ruas1e0e5jq.js\",\"/_next/static/immutable/chunks/05nbwf_eas7qf.js\",\"/_next/static/immutable/chunks/2hlsjpitjg8p2.js\",\"/_next/static/immutable/chunks/09x_e51ox3aa6.js\",\"/_next/static/immutable/chunks/1n-k16cz7s8zd.js\",\"/_next/static/immutable/chunks/1t9plj1-oh105.js\",\"/_next/static/immutable/chunks/29o50xrvy0oyy.js\"],\"default\"]\n6:I[522016,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\",\"/_next/static/immutable/chunks/28-8dqc54g762.js\",\"/_next/static/immutable/chunks/28ruas1e0e5jq.js\",\"/_next/static/immutable/chunks/05nbwf_eas7qf.js\",\"/_next/static/immutable/chunks/2hlsjpitjg8p2.js\",\"/_next/static/immutable/chunks/09x_e51ox3aa6.js\",\"/_next/static/immutable/chunks/1n-k16cz7s8zd.js\",\"/_next/static/immutable/chunks/1t9plj1-oh105.js\",\"/_next/static/immutable/chunks/29o50xrvy0oyy.js\"],\"\"]\n7:I[319562,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\",\"/_next/static/immutable/chunks/28-8dqc54g762.js\",\"/_next/static/immutable/chunks/28ruas1e0e5jq.js\",\"/_next/static/immutable/chunks/05nbwf_eas7qf.js\"],\"default\"]\n8:I[845678,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\",\"/_next/static/immutable/chunks/28-8dqc54g762.js\",\"/_next/static/immutable/chunks/28ruas1e0e5jq.js\",\"/_next/static/immutable/chunks/05nbwf_eas7qf.js\"],\"default\"]\n13:I[168027,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\"],\"default\",1]\n:HL[\"/_next/static/immutable/chunks/2ibtw4krldm3j.css\",\"style\"]\n:HL[\"/_next/static/immutable/chunks/2q-pxuerubsi7.css\",\"style\"]\n:HL[\"/_next/static/immutable/media/GT_Super_Display_Light-s.p.2uoogwehvdg4o.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/GT_Super_Display_Medium-s.p.0eqhz_qwwd855.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/GT_Super_Display_Regular-s.p.15u4ok89u8sy8.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/SeasonSans_Bold-s.p.3f3t1t85upkq6.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/SeasonSans_Light-s.p.13gq4122fbj6t.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/SeasonSans_Medium-s.p.0bd1wj78pxrwu.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/SeasonSans_Regular-s.p.1zv2ciohw_-vb.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/SeasonSans_SemiBold-s.p.3s42foy9oay4p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\ne:X\nf:X\n10:X\n11:X\n16:X\n17:X\n18:X\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"services\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(site)\",{\"children\":[\"services\",{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4624],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/2ibtw4krldm3j.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/2q-pxuerubsi7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"data-scroll-behavior\":\"smooth\",\"children\":[[\"$\",\"$L2\",null,{\"gtmId\":\"GTM-NRCM2MGM\"}],[\"$\",\"body\",null,{\"className\":\"seasonsans_35ccea57-module__SdP9VG__variable gtsuperdisplay_3ef648a1-module__1u470a__variable antialiased\",\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"main\",null,{\"className\":\"relative isolate min-h-dvh overflow-hidden text-foreground page-grid-overlay flex items-center justify-center px-4 py-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative w-full max-w-4xl text-center\",\"children\":[[\"$\",\"$L5\",null,{\"variant\":\"text\",\"children\":[\"$\",\"p\",null,{\"className\":\"font-(family-name:--font-gt-super-display) select-none bg-gradient-to-b from-primary to-accent/10 bg-clip-text text-9xl leading-none tracking-tighter text-transparent sm:scale-150 lg:scale-200\",\"children\":\"404\"}]}],[\"$\",\"div\",null,{\"className\":\"border border-white/10 rounded-lg bg-(image:--panel-gradient) shadow-panel relative mx-auto -mt-4 max-w-2xl px-6 py-10 md:px-12 md:py-14\",\"children\":[[\"$\",\"$L5\",null,{\"variant\":\"text\",\"delay\":0.1,\"children\":[\"$\",\"h1\",null,{\"className\":\"text-display-fluid leading-none tracking-tighter mx-auto text-foreground\",\"children\":\"This page drifted out of range.\"}]}],[\"$\",\"$L5\",null,{\"variant\":\"copy\",\"delay\":0.2,\"children\":[\"$\",\"p\",null,{\"className\":\"text-body-fluid leading-relaxed text-muted-foreground mx-auto mt-5 max-w-lg\",\"children\":\"The page you're looking for doesn't exist or has been moved.\"}]}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex justify-center\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"group inline-flex w-fit items-center gap-3 rounded-full bg-primary py-1.5 pl-5 pr-1.5 text-xxs font-semibold uppercase tracking-label text-primary-foreground transition duration-700 ease-soft-out hover:bg-white active:scale-98 \",\"children\":[[\"$\",\"span\",null,{\"children\":\"Go Back Home\"}],[\"$\",\"span\",null,{\"className\":\"flex size-9 items-center justify-center rounded-full bg-background text-white transition-transform duration-700 ease-soft-out group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:rotate-6\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":15,\"height\":15,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"aria-hidden\":\"true\",\"children\":[false,\"$undefined\",[\"$\",\"path\",null,{\"d\":\"M198,64V168a6,6,0,0,1-12,0V78.48L68.24,196.24a6,6,0,0,1-8.48-8.48L177.52,70H88a6,6,0,0,1,0-12H192A6,6,0,0,1,198,64Z\"}]]}]}]]}]}]]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/immutable/chunks/28-8dqc54g762.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/immutable/chunks/28ruas1e0e5jq.js\",\"async\":true,\"nonce\":\"$undefined\"}
1],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/immutable/chunks/05nbwf_eas7qf.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[[\"$\",\"$L7\",null,{\"children\":[[\"$\",\"$L8\",null,{}],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"main\",null,{\"className\":\"relative isolate min-h-dvh overflow-hidden text-foreground page-grid-overlay flex items-center justify-center px-4 py-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative w-full max-w-4xl text-center\",\"children\":[[\"$\",\"$L5\",null,{\"variant\":\"text\",\"children\":[\"$\",\"p\",null,{\"className\":\"font-(family-name:--font-gt-super-display) select-none bg-gradient-to-b from-primary to-accent/10 bg-clip-text text-9xl leading-none tracking-tighter text-transparent sm:scale-150 lg:scale-200\",\"children\":\"404\"}]}],\"$L9\"]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],\"$La\",\"$Lb\"]]}],{\"children\":[\"$Lc\",{\"children\":[\"$Ld\",{},null,true,\"$e\"]},null,true,\"$f\"]},null,true,\"$10\"]},null,true,\"$11\"],\"$L12\",true]],\"m\":\"$undefined\",\"G\":[\"$13\",[\"$L14\",\"$L15\"]],\"S\":true,\"h\":\"$16\",\"r\":\"$17\",\"s\":\"$18\",\"a\":\"$@19\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"SGXP_1ei_kBPVoBjuhZcq\",\"u\":\"$@1a\"}\n"])</script>
1<script>self.__next_f.push([1,"1b:I[662438,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\",\"/_next/static/immutable/chunks/28-8dqc54g762.js\",\"/_next/static/immutable/chunks/28ruas1e0e5jq.js\",\"/_next/static/immutable/chunks/05nbwf_eas7qf.js\"],\"default\"]\n32:I[897367,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\"],\"ViewportBoundary\"]\n34:I[897367,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\"],\"MetadataBoundary\"]\n35:\"$Sreact.suspense\"\n"])</script>
1<script>self.__next_f.push([1,"9:[\"$\",\"div\",null,{\"className\":\"border border-white/10 rounded-lg bg-(image:--panel-gradient) shadow-panel relative mx-auto -mt-4 max-w-2xl px-6 py-10 md:px-12 md:py-14\",\"children\":[[\"$\",\"$L5\",null,{\"variant\":\"text\",\"delay\":0.1,\"children\":[\"$\",\"h1\",null,{\"className\":\"text-display-fluid leading-none tracking-tighter mx-auto text-foreground\",\"children\":\"This page drifted out of range.\"}]}],[\"$\",\"$L5\",null,{\"variant\":\"copy\",\"delay\":0.2,\"children\":[\"$\",\"p\",null,{\"className\":\"text-body-fluid leading-relaxed text-muted-foreground mx-auto mt-5 max-w-lg\",\"children\":\"The page you're looking for doesn't exist or has been moved.\"}]}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex justify-center\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"group inline-flex w-fit items-center gap-3 rounded-full bg-primary py-1.5 pl-5 pr-1.5 text-xxs font-semibold uppercase tracking-label text-primary-foreground transition duration-700 ease-soft-out hover:bg-white active:scale-98 \",\"children\":[[\"$\",\"span\",null,{\"children\":\"Go Back Home\"}],[\"$\",\"span\",null,{\"className\":\"flex size-9 items-center justify-center rounded-full bg-background text-white transition-transform duration-700 ease-soft-out group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:rotate-6\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":15,\"height\":15,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"aria-hidden\":\"true\",\"children\":[false,\"$undefined\",\"$0:f:0:1:0:props:children:1:props:children:1:props:children:props:notFound:0:props:children:props:children:1:props:children:2:props:children:props:children:1:props:children:props:children:2\"]}]}]]}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"a:[\"$\",\"$L1b\",null,{}]\n"])</script>
1<script>self.__next_f.push([1,"b:[\"$\",\"footer\",null,{\"className\":\"relative overflow-hidden bg-background text-foreground\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":\"true\",\"className\":\"pointer-events-none absolute inset-0 bg-(image:--ambient-gradient-soft)\"}],[\"$\",\"div\",null,{\"aria-hidden\":\"true\",\"className\":\"pointer-events-none absolute inset-x-0 top-0 h-72 opacity-35 bg-(image:--grid-image) bg-size-(--grid-size) mask-b-from-0 mask-b-to-100\"}],[\"$\",\"div\",null,{\"className\":\"relative mx-auto w-(--page-content-width) max-w-site pt-8 md:pt-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center justify-between gap-x-8 gap-y-3 border-y border-white/[0.08] py-4 text-xxs font-semibold uppercase tracking-label text-white/50\",\"children\":[\"$\",\"p\",null,{\"className\":\"flex items-center gap-3 text-white/55\",\"children\":[[\"$\",\"span\",null,{\"className\":\"size-1.5 rounded-full bg-emerald-200 ring-4 ring-emerald-200/10\"}],\"Web studio\"]}]}],[\"$\",\"div\",null,{\"className\":\"grid lg:grid-cols-[minmax(0,0.92fr)_minmax(34rem,1.08fr)]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-between border-b border-white/[0.08] py-14 lg:border-b-0 lg:border-r lg:py-20 lg:pr-16\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xxs font-semibold uppercase tracking-label text-accent\",\"children\":\"Nexio Studio\"}],[\"$\",\"h2\",null,{\"className\":\"mt-7 max-w-short-title text-5xl leading-none tracking-tighter text-foreground lg:text-7xl\",\"children\":[\"A website for your\",\" \",[\"$\",\"span\",null,{\"className\":\"font-(family-name:--font-gt-super-display) italic text-primary\",\"children\":\"business.\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-7 max-w-md text-sm leading-relaxed text-white/45\",\"children\":\"We design and build in Framer and Next.js, with support to help you keep your website running after launch.\"}]]}],[\"$\",\"$L6\",null,{\"href\":\"/contact\",\"className\":\"group mt-10 block max-w-xl rounded-2xl border border-white/[0.09] bg-white/[0.035] p-1.5 transition duration-700 ease-soft-out hover:-translate-y-0.5 hover:border-accent/35 hover:bg-white/[0.055] active:translate-y-0\",\"children\":[\"$\",\"span\",null,{\"className\":\"flex items-center justify-between gap-5 rounded-lg bg-card px-5 py-4 inset-shadow-sm inset-shadow-white/5\",\"children\":[[\"$\",\"span\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"block text-xxs font-semibold uppercase tracking-label text-white/50\",\"children\":\"Have a project in mind?\"}],[\"$\",\"span\",null,{\"className\":\"mt-1.5 block text-sm text-white/80\",\"children\":\"Start a conversation\"}]]}],[\"$\",\"span\",null,{\"className\":\"flex size-9 shrink-0 items-center justify-center rounded-full bg-primary text-sm text-primary-foreground transition-transform duration-700 ease-soft-out group-hover:-translate-y-0.5 group-hover:translate-x-0.5\",\"children\":[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"children\":\"↗\"}]}]]}]}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-x-6 gap-y-12 py-14 sm:grid-cols-3 sm:gap-8 lg:py-20 lg:pl-16\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-(family-name:--font-season-sans) text-xs font-medium uppercase tracking-label-wide text-white/80\",\"children\":\"Explore\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5\",\"children\":[[\"$\",\"li\",\"Home\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Home\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100\",\"children\":\"→\"}]]}]}],[\"$\",\"li\",\"About\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/about\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"children\":[\"$L1c\",\"$L1d\"]}]}],\"$L1e\",\"$L1f\",\"$L20\",\"$L21\",\"$L22\"]}]]}],\"$L23\",\"$L24\"]}]]}],\"$L25\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"c:[\"$\",\"$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\"}]]}]\n26:T898,"])</script>
1<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"CollectionPage\",\"@id\":\"https://www.nexiostudio.dev/services#webpage\",\"url\":\"https://www.nexiostudio.dev/services\",\"name\":\"Web Development Services | Nexio Studio\",\"description\":\"Web development services focused on speed, UX, and SEO. We build no-code and custom code sites, integrations, and scalable systems for growing brands.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https://www.nexiostudio.dev/#website\"},\"about\":{\"@id\":\"https://www.nexiostudio.dev/#organization\"},\"breadcrumb\":{\"@id\":\"https://www.nexiostudio.dev/services#breadcrumb\"},\"mainEntity\":{\"@id\":\"https://www.nexiostudio.dev/services#service-catalog\"}},{\"@type\":\"OfferCatalog\",\"@id\":\"https://www.nexiostudio.dev/services#service-catalog\",\"name\":\"Nexio Studio development services\",\"itemListElement\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@id\":\"https://www.nexiostudio.dev/services#framer-development\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@id\":\"https://www.nexiostudio.dev/services#nextjs-development\"}}]},{\"@type\":\"Service\",\"@id\":\"https://www.nexiostudio.dev/services#framer-development\",\"name\":\"Framer Development\",\"serviceType\":\"Framer website design and development\",\"description\":\"Custom, responsive Framer websites with editable content, motion, SEO foundations, and performance-focused delivery.\",\"url\":\"https://www.nexiostudio.dev/services#framer-development\",\"provider\":{\"@id\":\"https://www.nexiostudio.dev/#organization\"},\"areaServed\":\"Worldwide\"},{\"@type\":\"Service\",\"@id\":\"https://www.nexiostudio.dev/services#nextjs-development\",\"name\":\"Next.js Development\",\"serviceType\":\"Custom Next.js website development\",\"description\":\"Custom Next.js websites with content architecture, Sanity CMS, integrations, and performance-focused engineering.\",\"url\":\"https://www.nexiostudio.dev/services#nextjs-development\",\"provider\":{\"@id\":\"https://www.nexiostudio.dev/#organization\"},\"areaServed\":\"Worldwide\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://www.nexiostudio.dev/services#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://www.nexiostudio.dev/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\",\"item\":\"https://www.nexiostudio.dev/services\"}]}]}"])</script>
1<script>self.__next_f.push([1,"d:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$26\"}}],[\"$\",\"div\",null,{\"className\":\"relative isolate min-h-dvh overflow-hidden text-foreground page-grid-overlay !overflow-visible\",\"children\":[[\"$\",\"section\",null,{\"className\":\"relative isolate min-h-[88svh] overflow-hidden text-foreground page-grid-overlay border-b border-white/[0.08]\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-(--page-content-width) max-w-site pt-page pb-page-bottom flex min-h-[88svh] items-center\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid w-full items-center gap-16 lg:grid-cols-[1.05fr_0.95fr]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative z-10 max-w-3xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-5 inline-flex w-fit items-center gap-2.5 border-l border-accent/70 bg-white/[0.025] px-3 py-1.5 text-xxs font-semibold uppercase tracking-label-wide text-zinc-300\",\"children\":[[\"$\",\"span\",null,{\"className\":\"size-1.5 rounded-full bg-accent shadow-md shadow-accent/80\"}],[\"$\",\"span\",null,{\"children\":\"Our services\"}]]}],[\"$\",\"$L5\",null,{\"variant\":\"text\",\"children\":[\"$\",\"h1\",null,{\"className\":\"max-w-editorial-title text-display-fluid leading-none tracking-tighter text-foreground\",\"children\":\"Websites built for your business.\"}]}],\"$L27\",\"$L28\"]}],\"$L29\"]}]}]}],\"$L2a\",\"$L2b\"]}]],[\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\",\"$L30\"],\"$L31\"]}]\n"])</script>
1<script>self.__next_f.push([1,"12:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L32\",null,{\"children\":\"$L33\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L34\",null,{\"children\":[\"$\",\"$35\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L36\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n14:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/2ibtw4krldm3j.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n15:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/2q-pxuerubsi7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
1<script>self.__next_f.push([1,"37:I[605500,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\",\"/_next/static/immutable/chunks/28-8dqc54g762.js\",\"/_next/static/immutable/chunks/28ruas1e0e5jq.js\",\"/_next/static/immutable/chunks/05nbwf_eas7qf.js\",\"/_next/static/immutable/chunks/2hlsjpitjg8p2.js\",\"/_next/static/immutable/chunks/09x_e51ox3aa6.js\",\"/_next/static/immutable/chunks/1n-k16cz7s8zd.js\",\"/_next/static/immutable/chunks/1t9plj1-oh105.js\",\"/_next/static/immutable/chunks/29o50xrvy0oyy.js\"],\"Image\"]\n38:I[361784,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\",\"/_next/static/immutable/chunks/28-8dqc54g762.js\",\"/_next/static/immutable/chunks/28ruas1e0e5jq.js\",\"/_next/static/immutable/chunks/05nbwf_eas7qf.js\",\"/_next/static/immutable/chunks/2hlsjpitjg8p2.js\",\"/_next/static/immutable/chunks/09x_e51ox3aa6.js\",\"/_next/static/immutable/chunks/1n-k16cz7s8zd.js\",\"/_next/static/immutable/chunks/1t9plj1-oh105.js\",\"/_next/static/immutable/chunks/29o50xrvy0oyy.js\"],\"default\"]\n39:I[68807,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\",\"/_next/static/immutable/chunks/28-8dqc54g762.js\",\"/_next/static/immutable/chunks/28ruas1e0e5jq.js\",\"/_next/static/immutable/chunks/05nbwf_eas7qf.js\",\"/_next/static/immutable/chunks/2hlsjpitjg8p2.js\",\"/_next/static/immutable/chunks/09x_e51ox3aa6.js\",\"/_next/static/immutable/chunks/1n-k16cz7s8zd.js\",\"/_next/static/immutable/chunks/1t9plj1-oh105.js\",\"/_next/static/immutable/chunks/29o50xrvy0oyy.js\"],\"default\"]\n3a:I[276152,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\",\"/_next/static/immutable/chunks/28-8dqc54g762.js\",\"/_next/static/immutable/chunks/28ruas1e0e5jq.js\",\"/_next/static/immutable/chunks/05nbwf_eas7qf.js\",\"/_next/static/immutable/chunks/2hlsjpitjg8p2.js\",\"/_next/static/immutable/chunks/09x_e51ox3aa6.js\",\"/_next/static/immutable/chunks/1n-k16cz7s8zd.js\",\"/_next/static/immutable/chunks/1t9plj1-oh105.js\",\"/_next/static/immutable/chunks/29o50xrvy0oyy.js\"],\"default\"]\n3c:I[897367,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\"],\"OutletBoundary\"]\nf:C\n18:300\n1c:[\"$\",\"span\",null,{\"children\":\"About\"}]\n1d:[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100\",\"children\":\"→\"}]\n1e:[\"$\",\"li\",\"Services\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/services\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Services\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100\",\"children\":\"→\"}]]}]}]\n1f:[\"$\",\"li\",\"Projects\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/projects\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Projects\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100\",\"children\":\"→\"}]]}]}]\n20:[\"$\",\"li\",\"Templates\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/templates\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Templates\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100\",\"children\":\"→\"}]]}]}]\n21:[\"$\",\"li\",\"Blog\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/blog\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"chil"])</script>
1<script>self.__next_f.push([1,"dren\":[[\"$\",\"span\",null,{\"children\":\"Blog\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100\",\"children\":\"→\"}]]}]}]\n22:[\"$\",\"li\",\"FAQs\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/#faqs\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"FAQs\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100\",\"children\":\"→\"}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"23:[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-(family-name:--font-season-sans) text-xs font-medium uppercase tracking-label-wide text-white/80\",\"children\":\"Capabilities\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5\",\"children\":[[\"$\",\"li\",\"Framer Development\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/services#framer-development\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Framer Development\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100\",\"children\":\"→\"}]]}]}],[\"$\",\"li\",\"Next.js Development\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/services#nextjs-development\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Next.js Development\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100\",\"children\":\"→\"}]]}]}],[\"$\",\"li\",\"Get a Quote\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/get-a-quote\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Get a Quote\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100\",\"children\":\"→\"}]]}]}],[\"$\",\"li\",\"Start a Project\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/contact\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Start a Project\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-0 transition duration-700 ease-soft-out group-hover:translate-x-1 group-hover:opacity-100\",\"children\":\"→\"}]]}]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"24:[\"$\",\"div\",null,{\"className\":\"col-span-2 sm:col-span-1\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-(family-name:--font-season-sans) text-xs font-medium uppercase tracking-label-wide text-white/80\",\"children\":\"Connect\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5\",\"children\":[[\"$\",\"li\",\"WhatsApp\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://wa.me/50576918719?text=Hi%20Nexio%20Studio%2C%20I%27d%20like%20a%20quote%20for%20a%20website.\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"WhatsApp\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-45 transition duration-700 ease-soft-out group-hover:-translate-y-0.5 group-hover:translate-x-0.5 group-hover:opacity-100\",\"children\":\"↗\"}]]}]}],[\"$\",\"li\",\"Email\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"a\",null,{\"href\":\"mailto:[email protected]?subject=Website%20inquiry\u0026body=I%27m%20interested%20in%20your%20services...\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Email\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-45 transition duration-700 ease-soft-out group-hover:-translate-y-0.5 group-hover:translate-x-0.5 group-hover:opacity-100\",\"children\":\"↗\"}]]}]}],[\"$\",\"li\",\"X (Twitter)\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://x.com/nexio_studio\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"X (Twitter)\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-45 transition duration-700 ease-soft-out group-hover:-translate-y-0.5 group-hover:translate-x-0.5 group-hover:opacity-100\",\"children\":\"↗\"}]]}]}],[\"$\",\"li\",\"Medium\",{\"className\":\"border-b border-white/[0.07] last:border-b-0\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://medium.com/@nexio_studio\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"group flex items-center justify-between gap-4 py-3 text-sm text-white/55 transition-colors duration-700 ease-soft-out hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Medium\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"text-xxs text-accent opacity-45 transition duration-700 ease-soft-out group-hover:-translate-y-0.5 group-hover:translate-x-0.5 group-hover:opacity-100\",\"children\":\"↗\"}]]}]}]]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"25:[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 border-t border-white/[0.08] py-5 text-xxs font-semibold uppercase tracking-label text-white/25 md:flex-row md:items-center md:justify-between\",\"children\":[[\"$\",\"p\",null,{\"children\":[\"© \",2026,\" Nexio Studio\"]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-x-5 gap-y-2\",\"children\":[[\"$\",\"$L6\",\"Privacy\",{\"href\":\"/privacy-policy\",\"className\":\"transition-colors duration-700 ease-soft-out hover:text-white/70\",\"children\":\"Privacy\"}],[\"$\",\"$L6\",\"Terms\",{\"href\":\"/terms-of-service\",\"className\":\"transition-colors duration-700 ease-soft-out hover:text-white/70\",\"children\":\"Terms\"}],[\"$\",\"$L6\",\"Cookies\",{\"href\":\"/cookies\",\"className\":\"transition-colors duration-700 ease-soft-out hover:text-white/70\",\"children\":\"Cookies\"}]]}]]}]\n27:[\"$\",\"$L5\",null,{\"variant\":\"copy\",\"delay\":0.12,\"children\":[\"$\",\"p\",null,{\"className\":\"text-body-fluid leading-relaxed text-muted-foreground mt-7 max-w-xl\",\"children\":\"We build websites in Framer and Next.js. Choose a service below or talk to us about the features you need and when you want to launch.\"}]}]\n28:[\"$\",\"div\",null,{\"className\":\"mt-9\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/contact\",\"className\":\"group inline-flex w-fit items-center gap-3 rounded-full bg-primary py-1.5 pl-5 pr-1.5 text-xxs font-semibold uppercase tracking-label text-primary-foreground transition duration-700 ease-soft-out hover:bg-white active:scale-98 \",\"children\":[[\"$\",\"span\",null,{\"children\":\"Contact Us\"}],[\"$\",\"span\",null,{\"className\":\"flex size-9 items-center justify-center rounded-full bg-background text-white transition-transform duration-700 ease-soft-out group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:rotate-6\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":15,\"height\":15,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"aria-hidden\":\"true\",\"children\":[false,\"$undefined\",\"$0:f:0:1:0:props:children:1:props:children:1:props:children:props:notFound:0:props:children:props:children:1:props:children:2:props:children:props:children:1:props:children:props:children:2\"]}]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"29:[\"$\",\"$L5\",null,{\"className\":\"border border-white/[0.08] rounded-2xl bg-white/[0.025] p-1 relative mx-auto w-full max-w-xl\",\"variant\":\"right\",\"delay\":0.1,\"children\":[\"$\",\"div\",null,{\"className\":\"border border-white/10 rounded-lg bg-(image:--panel-gradient) shadow-panel relative aspect-5/4 overflow-hidden p-6 md:p-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-(image:--ambient-gradient)\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-8 top-1/2 h-px bg-gradient-to-r from-transparent via-white/30 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute left-1/2 top-8 h-[calc(100%-4rem)] w-px bg-gradient-to-b from-transparent via-white/20 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"relative grid h-full grid-cols-2 items-center gap-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"border border-white/10 rounded-lg bg-(image:--panel-gradient) shadow-panel -rotate-3 p-5 transition-transform duration-700 hover:rotate-0\",\"children\":[[\"$\",\"$L37\",null,{\"width\":180,\"height\":180,\"src\":\"/framer-logo-transparent.webp\",\"alt\":\"Framer logo\",\"className\":\"mx-auto h-20 w-20 object-contain md:h-28 md:w-28\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 text-center text-xs font-semibold uppercase tracking-label text-white/65\",\"children\":\"Framer\"}]]}],[\"$\",\"div\",null,{\"className\":\"border border-white/10 rounded-lg bg-(image:--panel-gradient) shadow-panel rotate-3 p-5 transition-transform duration-700 hover:rotate-0\",\"children\":[[\"$\",\"$L37\",null,{\"width\":180,\"height\":180,\"src\":\"/nextjs-logo.png\",\"alt\":\"Next.js logo\",\"className\":\"mx-auto h-20 w-20 object-contain invert md:h-28 md:w-28\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 text-center text-xs font-semibold uppercase tracking-label text-white/65\",\"children\":\"Next.js\"}]]}]]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"2a:[\"$\",\"$L38\",null,{}]\n"])</script>
1<script>self.__next_f.push([1,"2b:[\"$\",\"section\",null,{\"className\":\"relative isolate overflow-hidden section-atmosphere border-t border-white/[0.08]\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-(--page-content-width) max-w-site py-section\",\"children\":[\"$\",\"div\",null,{\"className\":\"border border-white/[0.08] rounded-2xl bg-white/[0.025] p-1\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative border border-white/10 bg-card/90 shadow-panel min-h-136 overflow-hidden rounded-lg md:min-h-144\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 w-full h-full z-0\",\"children\":[\"$\",\"$L39\",null,{\"src\":\"https://kpq0yxcgnsxdclhj.public.blob.vercel-storage.com/gradient-ec3rXj35qAmTRdhzxqACAmmZmTQRvp.mp4\",\"className\":\"w-full h-full object-cover opacity-70\",\"playbackRate\":1}]}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-linear-to-r from-background/60 via-background/60 to-background/30\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-radial from-cyan-300/20 to-transparent to-65%\"}],[\"$\",\"div\",null,{\"aria-hidden\":\"true\",\"className\":\"pointer-events-none absolute inset-0 opacity-30 bg-(image:--grid-image) bg-size-(--grid-size) mask-r-from-0 mask-r-to-75\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 flex min-h-136 flex-col px-6 py-7 md:min-h-144 md:px-10 md:py-9 lg:px-14\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-6 border-b border-white/12 pb-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"relative flex size-2\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"span\",null,{\"className\":\"absolute inline-flex size-full animate-ping rounded-full bg-emerald-200 opacity-40\"}],[\"$\",\"span\",null,{\"className\":\"relative inline-flex size-2 rounded-full bg-emerald-200\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-xxs font-semibold uppercase tracking-label text-white/65\",\"children\":\"Project inquiries open\"}]]}],[\"$\",\"p\",null,{\"className\":\"hidden text-xxs font-semibold uppercase tracking-label text-white/60 sm:block\",\"children\":\"Design / Development / Launch\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid flex-1 gap-10 py-10 md:py-12 lg:grid-cols-[minmax(0,1.2fr)_minmax(18rem,0.55fr)] lg:items-end lg:gap-16\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-6 max-w-sm text-xs font-semibold uppercase tracking-label text-accent\",\"children\":\"Your next website starts here\"}],[\"$\",\"h2\",null,{\"aria-label\":\"Ready for your next website?\",\"className\":\"max-w-compact-title text-5xl leading-none tracking-tighter text-foreground lg:text-8xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"block\",\"children\":\"Ready for\"}],[\"$\",\"span\",null,{\"className\":\"block\",\"children\":\"a website\"}],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"-ml-1 mt-1 block overflow-visible pb-2 italic text-primary\",\"children\":[\"$\",\"$L3a\",null,{\"words\":[\"redesign?\",\"launch?\",\"upgrade?\"]}]}]]}]]}],[\"$\",\"$L5\",null,{\"className\":\"max-w-md border-t border-white/15 pt-6 lg:mb-2 lg:border-l lg:border-t-0 lg:pl-8 lg:pt-0\",\"variant\":\"copy\",\"delay\":0.12,\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xxs font-semibold uppercase tracking-label text-white/60\",\"children\":\"Tell us about your project\"}],[\"$\",\"p\",null,{\"className\":\"text-body-fluid leading-relaxed mt-4 text-white/60\",\"children\":\"We'll help you decide what to build, choose the right tools, and plan the launch.\"}],[\"$\",\"$L6\",null,{\"href\":\"/contact\",\"className\":\"group inline-flex w-fit items-center gap-3 rounded-full border border-white/12 bg-white/[0.035] py-1.5 pl-5 pr-1.5 text-xxs font-semibold uppercase tracking-label text-foreground transition duration-700 ease-soft-out hover:border-white/25 hover:bg-white/[0.07] active:scale-98 mt-7 shrink-0\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Start a Project\"}],[\"$\",\"span\",null,{\"className\":\"flex size-9 items-center justify-center rounded-full bg-white/10 text-white transition-transform duration-700 ease-soft-out group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:rotate-6\",\"children\":\"$L3b\"}]]}]]}]]}]]}]]}]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"2c:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/immutable/chunks/2hlsjpitjg8p2.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n2d:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/immutable/chunks/09x_e51ox3aa6.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n2e:[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/immutable/chunks/1n-k16cz7s8zd.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n2f:[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/immutable/chunks/1t9plj1-oh105.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n30:[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/immutable/chunks/29o50xrvy0oyy.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n31:[\"$\",\"$L3c\",null,{\"children\":[\"$\",\"$35\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@3d\"}]}]\n"])</script>
1<script>self.__next_f.push([1,"3b:[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":15,\"height\":15,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"aria-hidden\":\"true\",\"children\":[false,\"$undefined\",\"$0:f:0:1:0:props:children:1:props:children:1:props:children:props:notFound:0:props:children:props:children:1:props:children:2:props:children:props:children:1:props:children:props:children:2\"]}]\n"])</script>
1<script>self.__next_f.push([1,"33:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"3e:I[27201,[\"/_next/static/immutable/chunks/0h7i0w48zbzi4.js\"],\"IconMark\"]\n"])</script>
1<script>self.__next_f.push([1,"36:[[\"$\",\"title\",\"0\",{\"children\":\"Nexio Studio | Web Development Studio\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Web development services focused on speed, UX, and SEO. We build no-code and custom code sites, integrations, and scalable systems for growing brands.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://www.nexiostudio.dev\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Nexio Studio | Web Development Studio\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"High-performance web development. We deliver fast, SEO-ready sites with clear UX, integrations, and measurable results.\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:site_name\",\"content\":\"Nexio Studio\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://www.nexiostudio.dev/nexio-og-image-1200x630.png\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:alt\",\"content\":\"Nexio Studio web development services\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"Nexio Studio | Web Development Studio\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"High-performance web development. We deliver fast, SEO-ready sites with clear UX, integrations, and measurable results.\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image\",\"content\":\"https://www.nexiostudio.dev/nexio-twitter-1200x675.png\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"32x32\"}],[\"$\",\"link\",\"17\",{\"rel\":\"icon\",\"href\":\"/favicon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"18\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L3e\",\"19\",{}]]\n"])</script>
1<script>self.__next_f.push([1,"3d:null\n"])</script>
1<script>self.__next_f.push([1,"18:C\n16:C\n17:C\ne:C\n10:C\n11:C\n"])</script>
1<script>self.__next_f.push([1,"1a:false\n19:null\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.