https://growthfuzion.com/assets/services.web-dev-C-VeXDg4.js

1import{c as n,j as e,m as o,L as s,w as m,x,S as h,r as u,C as p}from"./index-DZxwoo8E.js";import{B as r}from"./button-CsoJLagS.js";import{G as y}from"./GrowthLine-CWDAtiX6.js";import{C as b}from"./circle-check-4mMZxz_u.js";import{T as g}from"./thumbs-up-kPCTDVTt.js";import{P as f}from"./palette-itxFWTQX.js";import{S as w}from"./shopping-cart-DVsLAstY.js";import{L as v}from"./layout-template-KEguIZ-D.js";import{R as j,G as N}from"./refresh-cw--IUQMW1t.js";import{C as k}from"./chart-column-CAsP78lG.js";import"./utils-DRuCqhNm.js";const S=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m4.93 4.93 4.24 4.24",key:"1ymg45"}],["path",{d:"m14.83 9.17 4.24-4.24",key:"1cb5xl"}],["path",{d:"m14.83 14.83 4.24 4.24",key:"q42g0n"}],["path",{d:"m9.17 14.83-4.24 4.24",key:"bqpfvv"}],["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}]],W=n("life-buoy",S);const C=[["rect",{width:"14",height:"20",x:"5",y:"2",rx:"2",ry:"2",key:"1yt0o3"}],["path",{d:"M12 18h.01",key:"mhygvu"}]],I=n("smartphone",C),D=[{icon:e.jsx(f,{className:"h-6 w-6"}),title:"Custom Website Design & Development",desc:"No templates stretched to fit your brand. We design around your business and build with modern frameworks that stay fast as your site grows."},{icon:e.jsx(I,{className:"h-6 w-6"}),title:"Responsive Web Design & Mobile-First Development",desc:"Every site is designed mobile-first, then scaled up — not the other way around, since most of your visitors are on a phone."},{icon:e.jsx(w,{className:"h-6 w-6"}),title:"E-commerce Website Development",desc:"From product pages to checkout and payment integration, we build online stores designed to convert browsers into buyers."},{icon:e.jsx(v,{className:"h-6 w-6"}),title:"CMS Integration",desc:"Whether you want a traditional CMS your team can update easily or a headless setup for more flexibility, we set it up around how you'll actually use it."},{icon:e.jsx(j,{className:"h-6 w-6"}),title:"Website Redesigns",desc:"If your current site is holding you back, we rebuild it strategically — without losing the SEO rankings and content you've already earned."},{icon:e.jsx(N,{className:"h-6 w-6"}),title:"Performance Optimization",desc:"Sub-2-second load times, optimized images, and clean code, because a slow site loses visitors before they see anything."},{icon:e.jsx(h,{className:"h-6 w-6"}),title:"SEO-Friendly Code & Semantic HTML",desc:"Built with search engines — and AI crawlers — in mind from day one, not bolted on later."},{icon:e.jsx(k,{className:"h-6 w-6"}),title:"Analytics & Conversion Tracking Setup",desc:"You'll know exactly how visitors move through your site and where they drop off."},{icon:e.jsx(W,{className:"h-6 w-6"}),title:"Post-Launch Support & Maintenance",desc:`A website isn't "done" at launch. We stick around for updates, fixes, and improvements.`}],E=[{step:"01",title:"Discovery & Strategy",desc:"We learn your business, your competitors, and what you actually need this website to do before opening a design tool."},{step:"02",title:"Design",desc:"We design around how your customers make decisions, not just what looks good in a mockup."},{step:"03",title:"Development",desc:"We build with clean, modern code — fast, secure, and structured to scale."},{step:"04",title:"Launch & Support",desc:"We test thoroughly before launch, then stick around for updates, fixes, and ongoing improvements."}],M=["Loads in under two seconds instead of losing visitors to impatience","Ranks better, because search engines favor fast, well-structured sites","Converts visitors into leads with clear calls to action, not guesswork","Works properly on mobile, where most of your traffic likely comes from","Scales with your business instead of needing a full rebuild every two years"],T=["Websites built with SEO and conversion in mind from day one, not bolted on later","Clean, modern code that stays fast as your site grows","Mobile-first development, since most traffic is mobile","Transparent process — you'll know what's happening at every stage","Post-launch support instead of a site abandoned right after payment","Everything integrated 

1with your broader SEO, PPC, and content strategy if you need it"],L=[{to:"/services/seo",label:"SEO Services"},{to:"/services/local-seo",label:"Local SEO Services"},{to:"/services/social-media-marketing",label:"Social Media Marketing"},{to:"/services/content-writing",label:"Content Writing Services"},{to:"/services/ppc",label:"Google Ads (PPC) Services"},{to:"/services/email-marketing",label:"Email Marketing Services"},{to:"/services/website-maintenance",label:"Website Maintenance Services"}];function P({q:t,a,index:l}){const[i,d]=u.useState(!1);return e.jsxs(o.div,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.3,delay:l*.05},className:"rounded-xl border border-border bg-card",children:[e.jsxs("button",{type:"button",onClick:()=>d(c=>!c),className:"flex w-full items-center justify-between gap-4 p-5 text-left","aria-expanded":i,children:[e.jsx("span",{className:"font-display text-base font-semibold text-foreground",children:t}),e.jsx(p,{className:`h-5 w-5 shrink-0 text-primary transition-transform ${i?"rotate-180":""}`})]}),i&&e.jsx("div",{className:"px-5 pb-5 text-sm leading-relaxed text-muted-foreground",children:a})]})}function U(){return e.jsxs("div",{className:"pt-16",children:[e.jsx("section",{className:"crop-marks relative overflow-hidden border-b border-[color:color-mix(in_oklab,var(--mint)_45%,transparent)] bg-paper",children:e.jsxs("div",{className:"mx-auto max-w-5xl px-6 py-20 sm:py-28",children:[e.jsxs(o.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.6},children:[e.jsx(s,{to:"/services",className:"mb-6 inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-primary transition-colors",children:"← Back to Services"}),e.jsx("div",{className:"mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-primary/10 text-primary",children:e.jsx(m,{className:"h-8 w-8"})}),e.jsxs("h1",{className:"font-display text-4xl font-extrabold leading-tight text-foreground sm:text-5xl lg:text-6xl",children:["Website Design & Development Services That Tur

1n Visitors Into"," ",e.jsx("span",{className:"bg-brand-gradient bg-clip-text text-transparent",children:"Customers"})]}),e.jsx("p",{className:"mt-6 max-w-3xl text-lg leading-relaxed text-muted-foreground",children:"A website that looks nice but doesn't convert is just an expensive brochure. At GrowthFuzion, we design and build websites meant to do a job — load fast, rank well, and turn the people who land on them into leads or customers. Whether you need a brand-new site or a rebuild of something that's holding your business back, we handle the design, the development, and everything that makes a website actually work."}),e.jsxs("div",{className:"mt-8",children:[e.jsx(s,{to:"/contact",className:"inline-block",children:e.jsx(r,{variant:"hero",size:"lg",className:"w-full sm:w-auto",children:"Get a Free Website Quote"})}),e.jsx("p",{className:"mt-3 text-sm text-muted-foreground",children:"Tell us what you need — we'll scope it honestly."})]})]}),e.jsxs(o.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,delay:.2},className:"relative mt-14 overflow-hidden rounded-2xl border border-border shadow-lg",children:[e.jsx("img",{src:"https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1200&q=80",alt:"Developer building a fast, conversion-focused business website",width:1200,height:600,loading:"lazy",className:"aspect-[21/9] w-full object-cover"}),e.jsx("div",{className:"pointer-events-none absolute inset-0 bg-gradient-to-t from-[color:var(--ink)]/40 via-transparent to-transparent"})]})]})}),e.jsx("section",{className:"mx-auto max-w-5xl px-6 py-20",children:e.jsxs(o.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},children:[e.jsx("h2",{className:"font-display text-3xl font-bold text-foreground sm:text-4xl",children:"What Makes a Website Actually Work?"}),e.jsxs("div",{className:"mt-6 space-y-4 text-lg leading-relaxed text-muted-foreground",children:[e.jsx("p",{children:"Most underperforming websites weren't built by bad designers. They were built to look good in a first meeting and never revisited once launched — no real thought given to load speed, mobile experience, or what happens after someone lands on the homepage. A website that performs is built around a few unglamorous things: how fast it loads, how clearly it guides someone toward a decision, and how easy it is for search engines — and increasingly, AI tools — to understand what you actually do."}),e.jsx("p",{children:"That's the difference between a website that's just live and one that's working for your business."}),e.jsxs("p",{children:["That's why every build ships with"," ",e.jsx(s,{to:"/services/seo",className:"font-semibold text-[color:var(--mint-deep)] underline underline-offset-2 hover:text-[color:var(--mint)]",children:"SEO-friendly development"})," ","baked in, and why we'll often bring in"," ",e.jsx(s,{to:"/services/content-writing",className:"font-semibold text-[color:var(--mint-deep)] underline underline-offset-2 hover:text-[color:var(--mint)]",children:"website copywriting"})," ","rather than pour placeholder text into a good layout. Depending on the project, that means"," ",e.jsx(s,{to:"/services/wordpress",className:"font-semibold text-[color:var(--mint-deep)] underline underline-offset-2 hover:text-[color:var(--mint)]",children:"WordPress development"}),","," ",e.jsx(s,{to:"/services/shopify",className:"font-semibold text-[color:var(--mint-deep)] underline underline-offset-2 hover:text-[color:var(--mint)]",children:"Shopify development"}),", or a custom build led by dedicated"," ",e.jsx(s,{to:"/services/ui-ux",className:"font-semibold text-[color:var(--mint-deep)] underline underline-offset-2 hover:text-[color:var(--mint)]",children:"UI/UX design"}),"."]})]})]})}),e.jsx("section",{className:"border-y border-[color:color-mix(in_oklab,var(--mint)_45%,transparent)] bg-paper",children:e.jsx("div",{className:"mx-auto max-w-5xl px-6 py-20",children:e.jsxs(o.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},children:[e.jsx("h2",{className:"font-display text-3xl font-bold text-foreground sm:text-4xl",children:'Why Your Business Needs More Than "Just a Website"'}),e.jsx("p",{className:"mt-4 text-lg leading-relaxed text-muted-foreground",children:"Your website is often the first real interaction someone has with your business — before a call, before a store visit, before they trust you with their money. If it's slow, outdated, or confusing to navigate, that first impression costs you the sale before your team ever gets a chance to speak with them. A properly built site changes what your website actually does for you:"}),e.jsx("ul",{className:"mt-8 grid gap-3 sm:grid-cols-2",children:M.map(t=>e.jsxs("li",{className:"flex min-w-0 items-start gap-3 rounded-xl border border-border bg-card p-4",children:[e.jsx(b,{className:"mt-0.5 h-5 w-5 shrink-0 text-primary"}),e.jsx("span",{className:"min-w-0 text-sm text-card-foreground sm:text-base",children:t})]},t))})]})})}),e.jsxs("section",{className:"mx-auto max-w-5xl px-6 py-20",children:[e.jsxs(o.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},children:[e.jsx("h2",{className:"font-display text-3xl font-bold text-foreground sm:text-4xl",children:"What We Build"}),e.jsx("p",{className:"mt-4 max-w-3xl text-lg text-muted-foreground",children:"Design, development, and everything around it — handled end to end, from first wireframe to post-launch support."})]}),e.jsx("div",{className:"mt-10 grid gap-6 sm:grid-cols-2 lg:grid-cols-3",children:D.map((t,a)=>e.jsxs(o.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-50px"},transition:{duration:.4,delay:a%3*.06},className:"flex h-full flex-col rounded-2xl border border-border bg-card p-6 shadow-sm transition-shadow hover:shadow-md",children:[e.jsx("div",{className:"mb-4 flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary",children:t.icon}),e.jsx("h3",{className:"font-display text-lg font-bold text-foreground",children:t.title}),e.jsx("p",{className:"mt-2 text-sm leading-relaxed text-muted-foreground",children:t.desc})]},t.title))})]}),e.jsx("section",{className:"border-y border-[color:color-mix(in_oklab,var(--mint)_45%,transparent)] bg-paper",children:e.jsxs("div",{className:"mx-auto max-w-5xl px-6 py-20",children:[e.jsxs(o.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},children:[e.jsx("h2",{className:"font-display text-3xl font-bold text-foreground sm:text-4xl",children:"Our Process"}),e.jsx("p",{className:"mt-4 max-w-3xl text-lg text-muted-foreground",children:"Four clear stages, so you always know what's happening and what comes next."})]}),e.jsx("ol",{className:"mt-10 grid gap-6 sm:grid-cols-2 lg:grid-cols-3",children:E.map((t,a)=>e.jsxs(o.li,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4,delay:a%3*.06},className:"flex h-full flex-col rounded-2xl border border-border bg-card p-6",children:[e.jsx("span",{className:"mono-num text-3xl font-semibold text-[color:var(--m

1int-deep)]",children:t.step}),e.jsx("h3",{className:"mt-2 font-display text-lg font-bold text-foreground",children:t.title}),e.jsx("p",{className:"mt-2 text-sm leading-relaxed text-muted-foreground",children:t.desc})]},t.step))})]})}),e.jsx("section",{className:"mx-auto max-w-5xl px-6 py-20",children:e.jsxs("div",{className:"cta-band rounded-3xl p-8 text-center sm:p-10",children:[e.jsxs("h2",{className:"font-display text-2xl font-bold text-white sm:text-3xl",children:["Thinking about a new site or a"," ",e.jsx("span",{className:"text-accent-on-dark",children:"rebuild?"})]}),e.jsx("p",{className:"mt-3 text-white/80",children:"Get a straight answer on scope, timeline, and cost."}),e.jsx(s,{to:"/contact",className:"inline-block",children:e.jsx(r,{variant:"hero",size:"lg",className:"mt-6",children:"Get a Free Website Quote"})})]})}),e.jsx("section",{className:"mx-auto max-w-5xl px-6 py-20",children:e.jsxs(o.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},children:[e.jsx("h2",{className:"font-display text-3xl font-bold text-foreground sm:text-4xl",children:"Why Choose GrowthFuzion?"}),e.jsx("p",{className:"mt-4 text-lg leading-relaxed text-muted-foreground",children:"GrowthFuzion is built on deep hands-on experience across web development, SEO, and digital marketing — so building websites for businesses in Kota, Rajasthan and beyond isn't handed off to a separate SEO team after launch that has to guess how it was built."}),e.jsx("ul",{className:"mt-8 grid gap-3 sm:grid-cols-2",children:T.map(t=>e.jsxs("li",{className:"flex min-w-0 items-start gap-3 rounded-xl border border-border bg-card p-4",children:[e.jsx(g,{className:"mt-0.5 h-5 w-5 shrink-0 text-primary"}),e.jsx("span",{className:"min-w-0 text-sm text-card-foreground sm:text-base",children:t})]},t))})]})}),e.jsx("section",{className:"border-y border-[color:color-mix(in_oklab,var(--mint)_45%,transparent)] bg-paper",children:e.jsxs("div",{className:"mx-auto max-w-5xl px-6 py-20",children:[e.jsx("h2",{className:"font-display text-3xl font-bold text-foreground sm:text-4xl",children:"Related Digital Marketing Services"}),e.jsx("p",{className:"mt-4 text-lg text-muted-foreground",children:"Pair your new website with the rest of your growth stack."}),e.jsx("div",{className:"mt-8 flex flex-wrap gap-3",children:L.map(t=>e.jsx(s,{to:t.to,className:"rounded-full border border-border bg-card px-4 py-2 text-sm text-card-foreground transition-colors hover:border-primary hover:text-primary",children:t.label},t.to))})]})}),e.jsxs("section",{className:"mx-auto max-w-5xl px-6 py-20",children:[e.jsx("h2",{className:"font-display text-3xl font-bold text-foreground sm:text-4xl",children:"Web Development FAQs"}),e.jsx("div",{className:"mt-8 space-y-3",children:x.map((t,a)=>e.jsx(P,{q:t.q,a:t.a,index:a},t.q))})]}),e.jsx("div",{className:"mx-auto max-w-5xl px-6",children:e.jsx(y,{variant:"divider",className:"h-8 w-full opacity-40"})}),e.jsx("section",{className:"mx-auto max-w-5xl px-6 pb-24",children:e.jsxs("div",{className:"cta-band rounded-3xl p-8 text-center sm:p-14",children:[e.jsxs("h2",{className:"font-display text-3xl font-bold text-white sm:text-4xl",children:["Ready to Build Something That"," ",e.jsx("span",{className:"text-accent-on-dark",children:"Works?"})]}),e.jsx("p",{className:"mx-auto mt-4 max-w-2xl text-white/80",children:"Ready to build something that actually works for your business? Let's turn your website into an asset that brings in customers, not just something that exists."}),e.jsx(s,{to:"/contact",className:"inline-block",children:e.jsx(r,{variant:"hero",size:"lg",className:"mt-8",children:"Get Your Free Website Quote"})})]})})]})}export{U as component};