import { a as __toESM } from "../_runtime.mjs";
import { n as AnimatePresence, t as motion } from "../_libs/framer-motion.mjs";
import { n as require_react, r as require_jsx_runtime } from "../_libs/react+tanstack__react-query.mjs";
import { t as Section } from "./Section-DMbf0dne.mjs";
import { n as redirectToThankYou, t as portfolioItems } from "./redirect-thank-you-BiC9Z-_Q.mjs";
import { h as Link } from "../_libs/@tanstack/react-router+[...].mjs";
import { C as Palette, E as MessageCircle, G as ChevronDown, I as Headphones, J as ChartColumn, K as Check, L as Globe, O as Megaphone, U as ChevronRight, V as Cloud, W as ChevronLeft, Y as ArrowRight, d as Star, f as Sparkles, h as ShoppingBag, k as MapPin, m as ShoppingCart, p as Smartphone, r as Wrench, u as Target, v as Search, x as Phone, y as Rocket } from "../_libs/lucide-react.mjs";
import { n as toast } from "../_libs/sonner.mjs";
import { n as submitToSheets, t as HeroLeadForm } from "./HeroLeadForm-CtHTUnJ2.mjs";
import { i as automation_mockup_4_default, n as automation_mockup_2_default, r as automation_mockup_3_default, t as automation_mockup_1_default } from "./automation-mockup-4-B-qB_7vW.mjs";
import { t as pricingCategories } from "./pricing-data-Dybo2dxX.mjs";
import { n as TrustBadges, r as clutch_b2b_2022_default, t as HeroAwardBadges } from "./HeroAwardBadges-BAL6tiBE.mjs";
import { a as seo_default, i as mobile_default, n as custom_design_default, o as wix_create_editor_default, r as ecommerce_default, t as analytics_default } from "./analytics-DiMJEfSD.mjs";
import { n as stringType, t as objectType } from "../_libs/zod.mjs";
//#region node_modules/.nitro/vite/services/ssr/assets/routes-DeP3OaZJ.js
var import_react = /* @__PURE__ */ __toESM(require_react());
var import_jsx_runtime = require_jsx_runtime();
var logos = [
	{
		name: "airbnb",
		slug: "airbnb",
		weight: 500
	},
	{
		name: "asana",
		slug: "asana",
		weight: 600
	},
	{
		name: "ATLASSIAN",
		slug: "atlassian",
		weight: 800,
		tracking: "tracking-wide"
	},
	{
		name: "BASIC/DEPT®",
		weight: 800
	},
	{
		name: "Braintree",
		weight: 500,
		family: "font-mono"
	},
	{
		name: "coinbase",
		slug: "coinbase",
		weight: 600
	},
	{
		name: "dribbble",
		slug: "dribbble",
		weight: 500,
		family: "italic font-serif"
	},
	{
		name: "Dropbox",
		slug: "dropbox",
		weight: 700
	}
];
function LogoStrip() {
	const loop = [...logos, ...logos];
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
		className: "border-y border-gray-200 bg-white py-10",
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
			className: "mx-auto mb-8 max-w-7xl px-4 md:px-6",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
				className: "text-center text-xs font-semibold uppercase tracking-widest text-gray-500",
				children: "Trusted by teams at"
			})
		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "group relative w-full overflow-hidden",
			children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pointer-events-none absolute inset-y-0 left-0 z-10 w-16 bg-gradient-to-r from-white to-transparent md:w-32" }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pointer-events-none absolute inset-y-0 right-0 z-10 w-16 bg-gradient-to-l from-white to-transparent md:w-32" }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "flex w-max items-center gap-12 animate-scroll-left lg:gap-16 group-hover:[animation-play-state:paused]",
					children: loop.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						"aria-hidden": i >= logos.length ? true : void 0,
						className: "flex shrink-0 items-center gap-2 text-gray-900 opacity-80 transition-opacity hover:opacity-100",
						children: [l.slug && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompanyIcon, {
							name: l.name,
							slug: l.slug,
							className: "h-6 w-6 md:h-8 md:w-8"
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: `text-xl md:text-2xl ${l.family ?? "font-sans"} ${l.tracking ?? ""}`,
							style: { fontWeight: l.weight },
							children: l.name
						})]
					}, `${l.name}-${i}`))
				})
			]
		})]
	});
}
function CompanyIcon({ name, slug, className }) {
	const initials = name.split(/\s|-|\//).map((s) => s[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
		role: "img",
		"aria-label": name,
		className,
		viewBox: "0 0 64 64",
		xmlns: "http://www.w3.org/2000/svg",
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
			width: "64",
			height: "64",
			rx: "8",
			fill: "#000"
		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", {
			x: "50%",
			y: "50%",
			dominantBaseline: "middle",
			textAnchor: "middle",
			fontFamily: "Inter, system-ui, Arial",
			fontSize: "24",
			fill: "#fff",
			children: initials
		})]
	});
}
function Accordion({ items }) {
	const [open, setOpen] = (0, import_react.useState)(0);
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
		className: "space-y-3",
		children: items.map((it, i) => {
			const isOpen = open === i;
			return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "overflow-hidden rounded-2xl border border-border bg-card",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
					onClick: () => setOpen(isOpen ? null : i),
					className: "flex w-full items-center justify-between gap-4 px-5 py-4 text-left",
					"aria-expanded": isOpen,
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "font-semibold",
						children: it.q
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: `h-5 w-5 shrink-0 text-muted-foreground transition-transform ${isOpen ? "rotate-180" : ""}` })]
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: `grid transition-all duration-300 ${isOpen ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"}`,
					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "overflow-hidden",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
							className: "px-5 pb-5 text-sm leading-relaxed text-muted-foreground",
							children: it.a
						})
					})
				})]
			}, i);
		})
	});
}
function PortfolioMarquee({ className = "" }) {
	const [interacting, setInteracting] = (0, import_react.useState)(false);
	const items = [...portfolioItems, ...portfolioItems];
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
		"aria-label": "Portfolio of recent projects",
		"aria-roledescription": "carousel",
		className: `group relative ${className}`,
		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
			className: "overflow-hidden",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
				className: "flex w-max gap-4 animate-scroll-left",
				style: { animationPlayState: interacting ? "paused" : "running" },
				onMouseEnter: () => setInteracting(true),
				onMouseLeave: () => setInteracting(false),
				onFocusCapture: () => setInteracting(true),
				onBlurCapture: () => setInteracting(false),
				children: items.map((card, i) => {
					const isClone = i >= portfolioItems.length;
					return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
						"aria-hidden": isClone || void 0,
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
							href: card.url,
							target: "_blank",
							rel: "noopener noreferrer",
							tabIndex: isClone ? -1 : 0,
							"aria-label": `${card.name} — ${card.category} (opens in a new tab)`,
							className: "group/card relative block h-[180px] w-[240px] shrink-0 overflow-hidden rounded-2xl border border-border bg-card shadow-lg outline-none transition-transform hover:-translate-y-1 focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
								src: card.image,
								alt: `${card.name} website`,
								loading: "lazy",
								className: "h-full w-full object-cover object-top transition-transform duration-500 group-hover/card:scale-105"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
								className: "absolute inset-x-0 bottom-0 flex items-center justify-between bg-gradient-to-t from-black/80 to-transparent px-3 py-2.5",
								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
									className: "text-xs font-medium text-white drop-shadow",
									children: card.name
								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
									className: "rounded-full bg-white/90 px-2 py-0.5 text-[10px] font-medium text-black",
									children: card.category
								})]
							})]
						})
					}, `${card.name}-${i}`);
				})
			})
		})
	});
}
var PER_PAGE = 4;
var planIncludes = [
	{
		icon: Globe,
		label: "Custom domain"
	},
	{
		icon: Cloud,
		label: "Reliable web hosting"
	},
	{
		icon: Sparkles,
		label: "AI creation tools"
	},
	{
		icon: Headphones,
		label: "24/7 customer care"
	}
];
function HomePricing() {
	const [categoryIndex, setCategoryIndex] = (0, import_react.useState)(0);
	const [page, setPage] = (0, import_react.useState)(0);
	const category = pricingCategories[categoryIndex];
	const tiers = category.tiers;
	const pages = Math.ceil(tiers.length / PER_PAGE);
	const visible = tiers.slice(page * PER_PAGE, page * PER_PAGE + PER_PAGE);
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, {
		className: "mx-auto max-w-7xl px-4 py-20 md:px-6",
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "mb-10 text-center",
			children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
					className: "font-display text-3xl font-bold text-foreground md:text-4xl",
					children: "Find the right plan for you"
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "mx-auto mt-3 max-w-2xl text-sm text-muted-foreground md:text-base",
					children: "Create your site for free and choose a plan when you're ready."
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "mt-6 flex flex-wrap items-center justify-center gap-4 text-sm text-muted-foreground",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "font-semibold text-foreground",
						children: "All plans include:"
					}), planIncludes.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
						className: "inline-flex items-center gap-1.5",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(item.icon, { className: "h-4 w-4 text-brand" }), item.label]
					}, item.label))]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "mt-8 flex flex-wrap justify-center gap-2",
					children: pricingCategories.map((cat, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
						onClick: () => {
							setCategoryIndex(i);
							setPage(0);
						},
						className: `rounded-lg border px-4 py-2 text-sm font-semibold transition ${i === categoryIndex ? "border-brand bg-brand text-brand-foreground" : "border-border bg-card text-foreground hover:border-brand hover:text-brand"}`,
						children: cat.label
					}, cat.id))
				})
			]
		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "relative",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatePresence, {
				mode: "wait",
				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(motion.div, {
					initial: {
						opacity: 0,
						x: 20
					},
					animate: {
						opacity: 1,
						x: 0
					},
					exit: {
						opacity: 0,
						x: -20
					},
					transition: { duration: .35 },
					className: "grid gap-5 sm:grid-cols-2 lg:grid-cols-4",
					children: visible.map((tier) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "flex flex-col rounded-2xl bg-brand/5 p-6 ring-1 ring-brand/10 transition hover:-translate-y-1 hover:shadow-xl",
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
								className: "font-display text-lg font-semibold text-brand",
								children: tier.name
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
								className: "mt-1 font-display text-4xl font-bold tracking-tight text-foreground",
								children: tier.price
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
								className: "mt-5 flex-1 space-y-2 text-sm text-foreground/80 max-h-64 overflow-y-auto pr-1",
								children: tier.features.map((f) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
									className: "flex items-start gap-2",
									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "mt-0.5 h-4 w-4 shrink-0 text-brand" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: f })]
								}, f))
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
								href: "tel:+18883917298",
								className: "mt-5 inline-flex items-center justify-center rounded-lg bg-brand px-4 py-3 text-sm font-semibold text-brand-foreground shadow-md shadow-brand/30 transition hover:-translate-y-0.5",
								children: "Consult an Expert"
							})
						]
					}, tier.name))
				}, `${category.id}-${page}`)
			}), pages > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mt-8 flex items-center justify-center gap-4",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
						onClick: () => setPage((p) => (p - 1 + pages) % pages),
						className: "grid h-9 w-9 place-items-center rounded-full border border-border bg-card text-foreground/70 transition hover:border-brand hover:text-brand",
						"aria-label": "Previous",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronLeft, { className: "h-4 w-4" })
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "flex items-center gap-2",
						children: Array.from({ length: pages }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
							onClick: () => setPage(i),
							"aria-label": `Page ${i + 1}`,
							className: `h-2.5 rounded-full transition-all ${i === page ? "w-8 bg-brand" : "w-2.5 bg-foreground/25 hover:bg-foreground/50"}`
						}, i))
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
						onClick: () => setPage((p) => (p + 1) % pages),
						className: "grid h-9 w-9 place-items-center rounded-full border border-border bg-card text-foreground/70 transition hover:border-brand hover:text-brand",
						"aria-label": "Next",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "h-4 w-4" })
					})
				]
			})]
		})]
	});
}
var reviews = [
	{
		name: "Sophia Hartman",
		initials: "SH",
		location: "US",
		reviewCount: "1 review",
		quote: "The team at Wix Web Support went above and beyond. From strategy to launch, their services were absolutely top-notch. They rebuilt our site, fixed our SEO issues, and gave us a decision-ready dashboard. Highly recommend!",
		date: "Dec 11, 2023"
	},
	{
		name: "James Bradford",
		initials: "JB",
		location: "US",
		reviewCount: "1 review",
		quote: "My experience with Wix Web Support has been magical. I asked for custom forms and dynamic pages, and they did it. They have a deep understanding of the Wix platform. Highly recommend!",
		date: "Jan 3, 2023"
	},
	{
		name: "Ryan Davis",
		initials: "RD",
		location: "US",
		reviewCount: "1 review",
		quote: "They crafted an amazing and user-friendly site for our business. The custom coding has made our site stand out and operate flawlessly. We couldn't be happier with the result.",
		date: "Mar 21, 2024"
	},
	{
		name: "Whitney Meltz",
		initials: "WM",
		location: "US",
		reviewCount: "1 review",
		quote: "They walked us through every step of the process, ensuring we understood how to manage our new Wix website. Their patience & friendliness made the entire experience stress-free and enjoyable.",
		date: "Apr 8, 2024"
	},
	{
		name: "Ben Hollister",
		initials: "BH",
		location: "US",
		reviewCount: "1 review",
		quote: "The website provided by Wix Web Support is fantastic. They regularly handled issues promptly and delivered everything better than any team ever!",
		date: "Jun 14, 2024"
	},
	{
		name: "Laura Chen",
		initials: "LC",
		location: "US",
		reviewCount: "1 review",
		quote: "Professional, responsive, and creative — exactly the partner we needed for our rebrand. Traffic is up 60% since launch and the design still feels ahead of everyone in our category.",
		date: "Aug 2, 2024"
	}
];
function StarRow({ color = "text-highlight" }) {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
		className: `flex gap-0.5 ${color}`,
		children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Star, {
			className: "h-3.5 w-3.5 fill-current",
			strokeWidth: 0
		}, i))
	});
}
function ClientTestimonials() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, {
		className: "mx-auto max-w-7xl px-4 py-20 md:px-6",
		children: [
			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mx-auto mb-10 max-w-2xl text-center",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "text-sm font-semibold uppercase tracking-widest text-brand",
						children: "Testimonials"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
						className: "mt-3 font-display text-3xl font-bold md:text-5xl",
						children: "What Our Clients Say About Us"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "mt-4 text-sm text-muted-foreground",
						children: "Real stories from real businesses achieving success online."
					})
				]
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mx-auto mb-12 flex flex-wrap items-center justify-center gap-x-10 gap-y-6",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "flex items-center gap-4",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
						className: "font-display text-3xl font-black tracking-tight text-foreground",
						children: [
							"Clut",
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
								className: "text-alert",
								children: "c"
							}),
							"h"
						]
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "leading-tight",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "flex items-center gap-2",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
								className: "text-sm font-bold text-foreground",
								children: "4.8 /5.0"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StarRow, { color: "text-alert" })]
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
							className: "text-[11px] text-muted-foreground",
							children: "Based on 78 client reviews"
						})]
					})]
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "flex items-center gap-4",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "flex items-center gap-2",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Star, {
							className: "h-7 w-7 fill-[#00b67a] text-[#00b67a]",
							strokeWidth: 0
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: "font-display text-xl font-bold tracking-tight text-foreground",
							children: "Trustpilot"
						})]
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "leading-tight",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "flex items-center gap-2",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
								className: "text-sm font-bold text-foreground",
								children: "4.8 /5.0"
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
								className: "flex gap-0.5 text-[#00b67a]",
								children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Star, {
									className: "h-3.5 w-3.5 fill-current",
									strokeWidth: 0
								}, i))
							})]
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
							className: "text-[11px] text-muted-foreground",
							children: "Based on 43 client reviews"
						})]
					})]
				})]
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
				className: "grid gap-5 md:grid-cols-2 lg:grid-cols-3",
				children: reviews.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", {
					className: "flex flex-col rounded-2xl border border-border bg-card p-6 shadow-sm transition hover:-translate-y-1 hover:shadow-xl",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
							className: "mb-4 flex items-center gap-3",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
								className: "grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground text-xs font-bold text-background",
								children: r.initials
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
								className: "min-w-0",
								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
									className: "truncate font-display text-lg font-semibold",
									children: r.name
								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
									className: "mt-0.5 flex items-center gap-2 text-xs text-muted-foreground",
									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: r.reviewCount }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
										className: "inline-flex items-center gap-1",
										children: [
											/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "h-3 w-3 text-alert" }),
											" ",
											r.location
										]
									})]
								})]
							})]
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
							className: "text-sm leading-relaxed text-foreground/80",
							children: r.quote
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("footer", {
							className: "mt-6 flex items-center justify-between border-t border-border pt-4",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StarRow, { color: "text-alert" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
								className: "text-xs font-medium text-muted-foreground",
								children: r.date
							})]
						})
					]
				}, r.name))
			})
		]
	});
}
var money_back_shield_default = "/assets/money-back-shield-BKfTd7YL.png";
var satisfaction_seal_default = "/assets/satisfaction-seal-CMXaZZEP.png";
var leftGroups = [
	{
		title: "Website & Automation Setup",
		icon: Wrench,
		items: [
			{ text: "Full Wix Website Automation Setup" },
			{ text: "Advanced Workflow Automation" },
			{ text: "3rd Party Integrations (CRM, Payment Gateways, Email Tools, etc.)" },
			{ text: "Automated Sales Tax Configuration" },
			{ text: "Accept Pre-Orders Functionality" },
			{ text: "Unlimited Storage" },
			{ text: "Newsletter System Setup" },
			{ text: "Podcast Integration (if required)" }
		]
	},
	{
		title: "Paid Ads (Optional Add-On)",
		icon: Target,
		items: [{ text: "Google Ads Campaign Setup (Additional Cost)" }]
	},
	{
		title: "Marketing & Growth (Included)",
		icon: Megaphone,
		items: [
			{ text: "Social Media Marketing – 3 Months" },
			{ text: "Basic SEO Optimization" },
			{ text: "Campaign Funnel Structuring" },
			{ text: "Monthly Audit & Performance Report Submission" }
		]
	}
];
var rightGroups = [{
	title: "E-Commerce & Dropshipping",
	icon: ShoppingBag,
	items: [
		{ text: "Complete Drop shipping Setup" },
		{ text: "Product Catalog Upload (Up to 5,000+ Products)" },
		{ text: "Sell on Social Channels Integration" },
		{ text: "Branded Gift Cards Setup" },
		{ text: "Inventory & Order Automation" }
	]
}, {
	title: "Free Features",
	icon: Globe,
	items: [
		{
			text: "Domain – 1 Year",
			free: true
		},
		{
			text: "Dedicated Hosting – 6 Months",
			free: true
		},
		{ text: "100% Ownership Rights" },
		{ text: "100% Satisfaction Guarantee" },
		{ text: "100% Unique Design Guarantee" },
		{ text: "100% Money-Back Guarantee" },
		{ text: "All Final File Formats" }
	]
}];
function FeatureList({ groups }) {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
		className: "space-y-6",
		children: groups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", {
			className: "mb-3 flex items-center gap-2 font-display text-lg font-semibold text-white",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(g.icon, { className: "h-4 w-4 text-brand" }), g.title]
		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
			className: "space-y-1.5",
			children: g.items.map((it) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
				className: "flex items-start gap-2 text-sm text-white/75",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-brand" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [it.free && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
					className: "mr-1 font-bold text-alert",
					children: "FREE"
				}), it.text] })]
			}, it.text))
		})] }, g.title))
	});
}
function AutomationSuite() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
		className: "mx-auto max-w-7xl px-4 py-16 md:px-6 md:py-20",
		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "relative overflow-hidden rounded-3xl bg-[#0b1224] p-6 shadow-2xl ring-1 ring-white/5 sm:p-10 md:p-14",
			children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "pointer-events-none absolute -left-16 top-8 z-10 w-64 rotate-[-45deg] bg-gradient-to-r from-brand to-deep py-2 text-center text-[11px] font-bold uppercase tracking-widest text-white shadow-lg",
					children: "Limited Time Offer"
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pointer-events-none absolute -right-24 top-1/3 h-96 w-96 rounded-full bg-brand/10 blur-3xl" }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "relative grid gap-10 lg:grid-cols-[1fr_auto]",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
						className: "mb-8 text-center font-display text-3xl font-bold text-white sm:text-4xl md:text-5xl",
						children: "Wix Pro Automation Suite"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "grid gap-8 md:grid-cols-2 md:gap-10",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FeatureList, { groups: leftGroups }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FeatureList, { groups: rightGroups })]
					})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", {
						className: "flex flex-col items-center justify-center gap-6 lg:w-64",
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
								src: money_back_shield_default,
								alt: "100% Money Back Guaranteed",
								loading: "lazy",
								width: 816,
								height: 816,
								className: "w-40 object-contain drop-shadow-2xl sm:w-48"
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
								src: satisfaction_seal_default,
								alt: "100% Satisfaction Guaranteed",
								loading: "lazy",
								width: 816,
								height: 816,
								className: "w-40 object-contain drop-shadow-2xl sm:w-48"
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
								className: "text-center",
								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
									className: "font-display text-5xl font-black tracking-tight text-alert drop-shadow-[0_2px_8px_rgba(239,68,68,0.4)] sm:text-6xl",
									children: "$8,999"
								})
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
								href: "tel:+18883917298",
								className: "inline-flex items-center gap-2 rounded-full bg-alert px-8 py-3.5 text-sm font-bold uppercase tracking-wide text-white shadow-lg shadow-alert/40 transition hover:-translate-y-0.5 hover:shadow-alert/60",
								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Rocket, { className: "h-4 w-4" }), " Start Project"]
							})
						]
					})]
				})
			]
		})
	});
}
var schema = objectType({
	name: stringType().trim().min(1, "Full name is required").max(100),
	phone: stringType().trim().min(5, "Phone is required").max(30),
	email: stringType().trim().email("Invalid email").max(255),
	description: stringType().trim().min(1, "Description is required").max(1e3)
});
function LetsBuildForm() {
	const COUNTRY_CODE = "+1";
	const [values, setValues] = (0, import_react.useState)({
		name: "",
		phone: "",
		email: "",
		description: ""
	});
	const [error, setError] = (0, import_react.useState)(null);
	const onSubmit = (e) => {
		e.preventDefault();
		const parsed = schema.safeParse(values);
		if (!parsed.success) {
			setError(parsed.error.issues[0]?.message ?? "Please fill out the form");
			return;
		}
		setError(null);
		submitToSheets({
			source: "LetsBuildForm",
			name: values.name,
			email: values.email,
			phone: COUNTRY_CODE + values.phone,
			message: values.description
		});
		redirectToThankYou(null, {
			name: values.name,
			email: values.email
		});
	};
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
		className: "relative overflow-hidden bg-gradient-to-br from-[#1a1a5e] via-[#221a6b] to-[#3a2a8a] py-16 md:py-24",
		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "mx-auto grid max-w-6xl gap-10 px-4 md:grid-cols-2 md:gap-16 md:px-6",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "text-white",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", {
						className: "font-display text-4xl font-bold leading-tight md:text-5xl",
						children: [
							"Let's build",
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
								className: "text-highlight",
								children: "We're all Ears"
							})
						]
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "mt-6 text-lg font-semibold",
						children: "Tell Us About Your Dream Website"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "mt-4 max-w-md text-base font-medium leading-relaxed text-white/90",
						children: "Fill out this form to help us understand your vision and requirements. Our team will get back to you with a customized Wix solution just for you."
					})
				]
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
				onSubmit,
				className: "flex flex-col gap-4",
				noValidate: true,
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
						type: "text",
						placeholder: "Full Name",
						value: values.name,
						onChange: (e) => setValues({
							...values,
							name: e.target.value
						}),
						maxLength: 100,
						className: "w-full rounded-md bg-white px-4 py-3 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-highlight"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "relative",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm font-semibold text-gray-900",
							children: COUNTRY_CODE
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
							type: "tel",
							placeholder: "Phone Number",
							value: values.phone,
							onChange: (e) => {
								const digits = e.target.value.replace(/\D/g, "");
								setValues({
									...values,
									phone: digits
								});
							},
							maxLength: 30,
							className: "w-full rounded-md bg-white py-3 pl-10 pr-4 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-highlight"
						})]
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
						type: "email",
						placeholder: "Email Address",
						value: values.email,
						onChange: (e) => setValues({
							...values,
							email: e.target.value
						}),
						maxLength: 255,
						className: "w-full rounded-md bg-white px-4 py-3 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-highlight"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
						placeholder: "Description",
						value: values.description,
						onChange: (e) => setValues({
							...values,
							description: e.target.value
						}),
						maxLength: 1e3,
						rows: 4,
						className: "w-full resize-y rounded-md bg-white px-4 py-3 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-highlight"
					}),
					error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "text-sm font-semibold text-highlight",
						children: error
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
						type: "submit",
						className: "w-full rounded-md bg-highlight px-6 py-3.5 text-sm font-bold uppercase tracking-wide text-black transition hover:brightness-110",
						children: "Get Started Now!"
					})
				]
			})]
		})
	});
}
var services = [
	{
		title: "Setup & Customization of a Wix Site",
		img: "/assets/setup-DovCzRZS.jpg"
	},
	{
		title: "API Integration",
		img: "/assets/api-DH9clMui.jpg"
	},
	{
		title: "Mobile Responsive Optimization",
		img: "/assets/mobile-I1X5JJ68.jpg"
	},
	{
		title: "Marketing & Promoting",
		img: "/assets/marketing-BdvdB2tO.jpg"
	},
	{
		title: "Small Tasks",
		img: "/assets/tasks-BiFGH6Q3.jpg"
	},
	{
		title: "Support & Maintenance",
		img: "/assets/support-aYYYhqJy.jpg"
	}
];
function ExploreServices() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
		className: "mx-auto max-w-7xl px-4 py-16 md:px-6 md:py-20",
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "grid gap-6 md:grid-cols-[1.2fr_1fr] md:items-start",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
				className: "font-display text-3xl font-bold leading-tight md:text-4xl",
				children: "Explore Services for Every Stage of Your Business"
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
				className: "text-sm leading-relaxed text-black md:text-base",
				children: "Select services and browse through a curated list of professionals who can help you reach your goals. You can filter matches by location, price and language, view their portfolios and read reviews."
			})]
		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
			className: "mt-10 grid gap-6 sm:grid-cols-2 lg:grid-cols-3",
			children: services.map((s) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "group",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "overflow-hidden rounded-xl",
					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
						src: s.img,
						alt: s.title,
						width: 768,
						height: 512,
						loading: "lazy",
						className: "h-52 w-full object-cover transition duration-500 group-hover:scale-105 md:h-60"
					})
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
					className: "mt-4 text-center font-semibold text-black",
					children: s.title
				})]
			}, s.title))
		})]
	});
}
var about_mockups_default = "/assets/about-mockups-CAQjjSmb.jpg";
var bullets = [
	"Expert designers — all verified, rated, and reviewed",
	"Endless web design options to choose from",
	"A tailor-made website designed & developed in just a week"
];
var stats$1 = [
	{
		label: "Ongoing Projects",
		value: "2,154"
	},
	{
		label: "Completed Projects",
		value: "53,694"
	},
	{
		label: "Average Client Satisfaction",
		value: "4.8/5"
	}
];
function AboutUs() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
		className: "mx-auto max-w-7xl px-4 py-16 md:px-6 md:py-24",
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "grid gap-10 md:grid-cols-2 md:items-center",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "text-sm font-semibold uppercase tracking-widest text-brand",
					children: "About Us"
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
					className: "mt-3 font-display text-3xl font-bold leading-tight text-foreground md:text-4xl lg:text-5xl",
					children: "Maximize Your Business Growth with Premier Wix Website Development"
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "mt-4 text-sm leading-relaxed text-muted-foreground md:text-base",
					children: "Experience unparalleled business growth with our expert Wix website development services. Our skilled developers create unique, high-quality websites leveraging Wix's versatile platform. Whether you're a small startup or a large corporation, we customize your website to meet your business needs, ensuring exceptional results and smart business decisions."
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
					className: "mt-6 space-y-3",
					children: bullets.map((b) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
						className: "flex items-start gap-3 text-sm text-foreground",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: "mt-0.5 grid h-5 w-5 shrink-0 place-items-center rounded-full bg-brand/15 text-brand",
							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "h-3 w-3" })
						}), b]
					}, b))
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "mt-8 flex flex-wrap items-center gap-3",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
						href: "tel:+18883917298",
						className: "inline-flex items-center gap-2 rounded-full bg-brand px-6 py-3 text-sm font-semibold text-brand-foreground shadow-lg shadow-brand/30 transition hover:-translate-y-0.5",
						children: ["Get Started ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowRight, { className: "h-4 w-4" })]
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
						href: "tel:+18883917298",
						className: "inline-flex items-center gap-2 rounded-full border border-border bg-card px-6 py-3 text-sm font-semibold text-foreground transition hover:border-brand hover:text-brand",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageCircle, { className: "h-4 w-4" }), " Chat Now"]
					})]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "mt-6 flex items-center gap-2 text-sm text-foreground",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: "font-semibold",
							children: "We are rated 4.8"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: "flex text-highlight",
							children: [
								0,
								1,
								2,
								3,
								4
							].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Star, { className: "h-4 w-4 fill-current" }, i))
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: "text-muted-foreground",
							children: "Among 50,000+ Happy Clients"
						})
					]
				})
			] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
				className: "relative",
				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "relative overflow-hidden rounded-2xl bg-gradient-to-br from-brand/10 via-deep/5 to-highlight/10 p-2 shadow-2xl ring-1 ring-border",
					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
						src: about_mockups_default,
						alt: "Wix website mockups on laptop, tablet and phone",
						width: 1024,
						height: 768,
						loading: "lazy",
						className: "h-auto w-full rounded-xl object-cover"
					})
				})
			})]
		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
			className: "mt-16 grid gap-6 border-t border-border pt-10 sm:grid-cols-3",
			children: stats$1.map((s) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "text-center",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "text-sm font-semibold text-brand",
					children: s.label
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "mt-1 font-display text-3xl font-bold text-foreground md:text-4xl",
					children: s.value
				})]
			}, s.label))
		})]
	});
}
var why_studio_tablet_default = "/assets/why-studio-tablet-D0OHUh-7.jpg";
var items$1 = [
	{
		q: "Faster Website Launches",
		a: "We streamline planning, design, and development so your site goes live faster without compromising quality."
	},
	{
		q: "Professional Brand Presence",
		a: "Cohesive visuals, considered typography, and conversion-focused layouts that make your brand look the part."
	},
	{
		q: "Scalable Website Infrastructure",
		a: "Built on a resilient stack that grows with your traffic, catalog, and team — no rebuilds required."
	}
];
function WhyStudio() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
		className: "bg-muted/40 py-16 md:py-24",
		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "mx-auto grid max-w-7xl items-center gap-12 px-4 md:grid-cols-2 md:px-6",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
					className: "inline-flex items-center gap-2 text-xs font-semibold uppercase tracking-widest text-brand",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "h-2 w-2 bg-highlight" }), " Why Wix Studio"]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
					className: "mt-4 font-display text-4xl font-bold leading-tight md:text-5xl",
					children: "Smarter Design. Stronger Growth."
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "mt-8",
					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, { items: items$1 })
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
					href: "#lets-build",
					className: "mt-8 inline-flex items-center gap-3 rounded-full bg-highlight px-7 py-3.5 text-sm font-bold uppercase tracking-wide text-black shadow-lg shadow-highlight/30 transition hover:-translate-y-0.5",
					children: ["I am ready, let's get started ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowRight, { className: "h-4 w-4" })]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "mt-8",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "font-display text-2xl font-bold uppercase tracking-wide text-alert",
						children: "Money Back Guarantee"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "mt-2 max-w-md text-sm text-muted-foreground",
						children: "If you're not satisfied with your Wix Studio website, we offer a full refund — no questions asked."
					})]
				})
			] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "relative",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
					src: why_studio_tablet_default,
					alt: "Wix Studio website builder shown on a tablet",
					loading: "lazy",
					width: 1280,
					height: 960,
					className: "w-full rounded-2xl"
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
					src: money_back_shield_default,
					alt: "100% Money Back Guarantee",
					loading: "lazy",
					className: "absolute -bottom-6 -right-2 h-28 w-28 md:h-36 md:w-36"
				})]
			})]
		})
	});
}
var steps = [
	{
		n: "01",
		title: "Strategy Formulation",
		desc: "We start by sitting down with you to understand your goals and vision. Together, we create a strategy that aligns every step with your business objectives, ensuring we're always on the same page."
	},
	{
		n: "02",
		title: "Tailored Development",
		desc: "Our team dives into developing your website, crafting a unique solution according to your specific needs. We ensure every detail reflects your brand and resonates with your target audience."
	},
	{
		n: "03",
		title: "Thorough Evaluation",
		desc: "Before launch, we rigorously test your website to ensure everything runs smoothly. We focus on delivering a flawless experience so your site is ready to impress from day one."
	},
	{
		n: "04",
		title: "Strategic Launch",
		desc: "When everything is perfect, we launch your website with a strategic approach. We ensure a seamless transition to live operations so you can engage with your audience immediately."
	},
	{
		n: "05",
		title: "User Training",
		desc: "We don't just build your website; we equip you to use it. Our comprehensive training ensures you and your team are confident in navigating and utilizing all its features."
	},
	{
		n: "06",
		title: "Ongoing Support",
		desc: "Our commitment doesn't end at launch. We provide continuous support and keep improving your site based on feedback and new developments, ensuring it always meets your evolving needs."
	}
];
function DevelopmentProcess() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
		className: "mx-auto max-w-7xl px-4 py-20 md:px-6",
		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "grid gap-12 md:grid-cols-[minmax(0,1fr)_minmax(0,1.4fr)] md:gap-16",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "text-sm font-semibold uppercase tracking-widest text-brand",
					children: "Our Process"
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
					className: "mt-2 font-display text-3xl font-bold leading-tight md:text-4xl",
					children: "Wix Web Development Process"
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "mt-6 flex flex-wrap gap-3",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "#lets-build",
						className: "rounded-lg bg-brand px-5 py-2.5 text-sm font-semibold text-brand-foreground shadow-md shadow-brand/30 transition hover:-translate-y-0.5",
						children: "Get Started"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "#",
						className: "rounded-lg border border-border bg-card px-5 py-2.5 text-sm font-semibold text-foreground transition hover:border-brand hover:text-brand",
						children: "💬 Live Chat Now"
					})]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "mt-8 overflow-hidden rounded-2xl bg-deep p-6 text-center text-white shadow-2xl",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
							className: "text-xs font-semibold uppercase tracking-widest text-white/70",
							children: "Wix Automation Development"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
							className: "mt-1 font-display text-2xl font-bold text-highlight",
							children: "Get Professional Help!"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							src: wix_create_editor_default,
							alt: "Wix editor with creator",
							loading: "lazy",
							className: "mx-auto mt-4 w-full max-w-xs rounded-xl"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
							className: "mt-5 text-sm text-white/80",
							children: "Don't know where to start? Our seasoned Wix experts are ready to walk you through every step, ensuring your smooth and successful journey"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
							href: "#lets-build",
							className: "mt-5 inline-block rounded-lg bg-brand px-6 py-2.5 text-sm font-semibold text-brand-foreground shadow-md hover:-translate-y-0.5 transition",
							children: "Let's Get Started"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
							href: "tel:+18883917298",
							className: "mt-4 flex items-center justify-center gap-2 text-lg font-bold text-white",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Phone, { className: "h-5 w-5 text-highlight" }), " (888) 391-7298"]
						})
					]
				})
			] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", {
				className: "space-y-6",
				children: steps.map((s) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
					className: "grid grid-cols-[auto_1fr] gap-6 border-b border-border pb-6 last:border-none",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "font-display text-4xl font-bold leading-none text-brand/30 md:text-5xl",
						children: s.n
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
						className: "font-display text-lg font-bold",
						children: s.title
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "mt-2 text-sm leading-relaxed text-muted-foreground",
						children: s.desc
					})] })]
				}, s.n))
			})]
		})
	});
}
var awardBadges = [
	{
		label: "Web Design Awards — Agency of the Year 2026",
		image: "/assets/web-design-awards-2026-v2-bkhQteo1.jpg",
		description: "Named Agency of the Year for outstanding web design craft."
	},
	{
		label: "Site of the Year 2026",
		image: "/assets/site-of-the-year-2026-v2-BoBnCH5w.jpg",
		description: "Awarded for the most outstanding website launched this year."
	},
	{
		label: "Sourcr — Agency of the Year 2024",
		image: "/assets/sourcr-2024-v2-Bd-16HI_.jpg",
		description: "Recognized as a leading agency for excellence and results."
	},
	{
		label: "Best UX Design 2025",
		image: "/assets/best-ux-design-2025-v2-D3rGUo1I.jpg",
		description: "Honored for exceptional, research-led user experience design."
	},
	{
		label: "Clutch — Top Full Service Digital Company 2025",
		image: "/assets/clutch-full-service-2025-CX0JLSkN.png",
		description: "Ranked a top full-service digital company on verified reviews."
	},
	{
		label: "Clutch — Top B2B Companies Global 2022",
		image: clutch_b2b_2022_default,
		description: "Listed among the top B2B companies worldwide by Clutch."
	},
	{
		label: "DesignRush — Best Website Design Agencies",
		image: "/assets/designrush-v2-DH_U9J1P.jpg",
		description: "Featured among the best website design agencies by DesignRush."
	}
];
var stats = [
	{
		n: "250+",
		l: "Expert Team",
		bg: "bg-sky-300/80",
		size: "h-56 w-56 md:h-64 md:w-64"
	},
	{
		n: "96%",
		l: "Client Retention Rate",
		bg: "bg-lime-300/90",
		size: "h-44 w-44 md:h-52 md:w-52"
	},
	{
		n: "10+",
		l: "Years of Experience",
		bg: "bg-pink-200",
		size: "h-40 w-40 md:h-48 md:w-48"
	}
];
function TalkToExpert() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
		className: "bg-deep py-16 text-white md:py-24",
		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "mx-auto grid max-w-7xl items-center gap-12 px-4 md:grid-cols-2 md:px-6",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "text-xs font-semibold uppercase tracking-widest text-white/70",
					children: "Talk to an expert"
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
					className: "mt-3 font-display text-3xl font-bold leading-tight md:text-4xl",
					children: "Looking to Create a High-Impact Wix Website?"
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "mt-4 max-w-lg text-sm leading-relaxed text-white/75",
					children: "From initial concept to final launch, our Wix website development services are designed to create visually stunning and highly functional websites that drive results. Start your project today!"
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "mt-6 flex flex-wrap gap-3",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "#lets-build",
						className: "rounded-lg bg-brand px-5 py-2.5 text-sm font-semibold text-brand-foreground shadow-md hover:-translate-y-0.5 transition",
						children: "Get Started"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
						href: "tel:+18883917298",
						className: "inline-flex items-center gap-2 rounded-lg border border-white/25 bg-white/5 px-5 py-2.5 text-sm font-semibold text-white hover:bg-white/10 transition",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Phone, { className: "h-4 w-4" }), " Call Us - (888) 391-7298"]
					})]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "mt-8",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "text-sm font-semibold text-highlight",
						children: "Awards & Recognition"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "mt-3 flex flex-wrap items-center gap-3",
						children: awardBadges.slice(0, 6).map((a) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							src: a.image,
							alt: a.label,
							loading: "lazy",
							className: "h-14 w-auto rounded-md bg-white/95 p-1"
						}, a.label))
					})]
				})
			] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "relative mx-auto h-[420px] w-full max-w-lg",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: `absolute left-0 top-4 grid ${stats[0].size} place-items-center rounded-full ${stats[0].bg} text-deep`,
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "text-center",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
								className: "font-display text-4xl font-bold md:text-5xl",
								children: stats[0].n
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
								className: "mt-1 text-sm font-medium",
								children: stats[0].l
							})]
						})
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: `absolute right-0 top-0 grid ${stats[1].size} place-items-center rounded-full ${stats[1].bg} text-deep`,
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "text-center",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
								className: "font-display text-4xl font-bold md:text-5xl",
								children: stats[1].n
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
								className: "mt-1 text-sm font-medium",
								children: stats[1].l
							})]
						})
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: `absolute bottom-0 right-8 grid ${stats[2].size} place-items-center rounded-full ${stats[2].bg} text-deep`,
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "text-center",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
								className: "font-display text-4xl font-bold md:text-5xl",
								children: stats[2].n
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
								className: "mt-1 text-sm font-medium",
								children: stats[2].l
							})]
						})
					})
				]
			})]
		})
	});
}
var thrivingImages = [
	{
		image: "/assets/thriving-1-F_XznWJG.jpg",
		alt: "Small business owner thriving online",
		shape: "rounded-2xl"
	},
	{
		image: "/assets/thriving-2-CLo1ilRh.jpg",
		alt: "Artisan products sold online",
		shape: "rounded-full"
	},
	{
		image: "/assets/thriving-3-BlFyFWrN.jpg",
		alt: "Creative professional working remotely",
		shape: "rounded-2xl"
	},
	{
		image: "/assets/thriving-4-rGS2EXDh.jpg",
		alt: "Fashion entrepreneur with online store",
		shape: "rounded-full"
	},
	{
		image: "/assets/thriving-5-De5s_COD.jpg",
		alt: "Cafe owner growing their business",
		shape: "rounded-2xl"
	},
	{
		image: "/assets/thriving-6-lBUqp2F7.jpg",
		alt: "Wellness coach with online bookings",
		shape: "rounded-full"
	}
];
function ThrivingWithWix() {
	const [interacting, setInteracting] = (0, import_react.useState)(false);
	const items = [...thrivingImages, ...thrivingImages];
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
		"aria-label": "Businesses thriving with Wix",
		className: "relative overflow-hidden bg-[#F5F0E8] py-20",
		onMouseEnter: () => setInteracting(true),
		onMouseLeave: () => setInteracting(false),
		onFocusCapture: () => setInteracting(true),
		onBlurCapture: () => setInteracting(false),
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
			className: "pointer-events-none absolute inset-0 flex items-center justify-center overflow-hidden",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
				className: "whitespace-nowrap font-display text-[8rem] font-bold text-[#E8E0D4] sm:text-[12rem] md:text-[16rem] lg:text-[20rem]",
				children: "Thriving with Wix"
			})
		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "relative",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mx-auto mb-10 max-w-7xl px-4 text-center md:px-6",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
					className: "font-display text-3xl font-bold md:text-4xl",
					children: "Thriving with Wix"
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "mx-auto mt-3 max-w-2xl text-sm text-muted-foreground md:text-base",
					children: "Join thousands of business owners who grow faster with a website built by Wix Web Support."
				})]
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
				className: "overflow-hidden",
				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
					className: "flex w-max gap-4 animate-scroll-left",
					style: { animationPlayState: interacting ? "paused" : "running" },
					children: items.map((card, i) => {
						const isClone = i >= thrivingImages.length;
						const isSquare = card.shape === "rounded-full";
						return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
							"aria-hidden": isClone || void 0,
							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
								className: `group shrink-0 overflow-hidden border-4 border-white bg-white shadow-lg transition hover:-translate-y-1 hover:shadow-xl ${card.shape} ${isSquare ? "h-64 w-64 md:h-80 md:w-80" : "h-64 w-56 md:h-80 md:w-72"}`,
								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
									src: card.image,
									alt: card.alt,
									loading: "lazy",
									width: 1024,
									height: 1024,
									className: "h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
								})
							})
						}, `${card.alt}-${i}`);
					})
				})
			})]
		})]
	});
}
var rowOne = [
	{
		image: automation_mockup_1_default,
		alt: "Creative agency website automation"
	},
	{
		image: automation_mockup_2_default,
		alt: "Corporate agency growth automation"
	},
	{
		image: automation_mockup_3_default,
		alt: "Booking and appointment automation"
	},
	{
		image: automation_mockup_4_default,
		alt: "Design agency digital experience"
	}
];
var rowTwo = [
	{
		image: automation_mockup_4_default,
		alt: "Screen printing studio site"
	},
	{
		image: automation_mockup_2_default,
		alt: "Digital design experience"
	},
	{
		image: automation_mockup_1_default,
		alt: "Design studio marketing site"
	},
	{
		image: automation_mockup_3_default,
		alt: "Marketing agency automation"
	}
];
function MarqueeRow({ items, direction, paused }) {
	const doubled = [...items, ...items];
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
		className: "overflow-hidden",
		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
			className: `flex w-max gap-4 ${direction === "left" ? "animate-scroll-left" : "animate-scroll-right"}`,
			style: { animationPlayState: paused ? "paused" : "running" },
			children: doubled.map((card, i) => {
				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
					"aria-hidden": i >= items.length || void 0,
					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "group shrink-0 overflow-hidden rounded-2xl border border-border bg-card shadow-lg transition hover:-translate-y-1 hover:shadow-xl",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							src: card.image,
							alt: card.alt,
							loading: "lazy",
							width: 640,
							height: 400,
							className: "h-48 w-80 object-cover transition-transform duration-500 group-hover:scale-105 md:h-56 md:w-[26rem]"
						})
					})
				}, `${direction}-${card.alt}-${i}`);
			})
		})
	});
}
function RealAutomationsResults() {
	const [paused, setPaused] = (0, import_react.useState)(false);
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
		"aria-label": "Real automations, real results",
		className: "mx-auto max-w-[110rem] px-4 py-20 md:px-6",
		onMouseEnter: () => setPaused(true),
		onMouseLeave: () => setPaused(false),
		onFocusCapture: () => setPaused(true),
		onBlurCapture: () => setPaused(false),
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "mb-10 text-center",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
				className: "font-display text-3xl font-bold md:text-4xl",
				children: "Real Automations, Real Results"
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
				className: "mx-auto mt-3 max-w-2xl text-sm text-muted-foreground md:text-base",
				children: "Explore custom automation systems we've built for lead generation, ecommerce growth, bookings, and customer engagement."
			})]
		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "space-y-4",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarqueeRow, {
				items: rowOne,
				direction: "left",
				paused
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarqueeRow, {
				items: rowTwo,
				direction: "right",
				paused
			})]
		})]
	});
}
var items = [
	{
		image: "/assets/support-Cu7ooqqb.png",
		title: "End-To-End Support",
		desc: "Experience seamless Wix website and app development with Wix Web Support."
	},
	{
		image: "/assets/savings-1O01RcXK.png",
		title: "Cost Savings",
		desc: "Benefit from customized Wix development services tailored to your business needs."
	},
	{
		image: "/assets/transparency-BTLvKyz0.png",
		title: "Transparency",
		desc: "Enjoy complete transparency with Wix Web Support. We provide regular updates & progress."
	},
	{
		image: "/assets/team-H6mFa1Z5.png",
		title: "Dedicated Team",
		desc: "Our passionate and dedicated team of Wix developers excels in handling complex projects."
	},
	{
		image: "/assets/delivery-B6cfoBPr.png",
		title: "On-Time Delivery",
		desc: "Wix Web Support guarantees timely delivery without sacrificing quality."
	},
	{
		image: "/assets/protection-C2_-9ktk.png",
		title: "Maximum Protection",
		desc: "Protect your website with Wix Web Support. We ensure website security and HTTPS compliance."
	}
];
function WixExpertise() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, {
		className: "mx-auto max-w-7xl px-4 py-20 md:px-6",
		children: [
			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mb-12 text-center",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
					className: "font-display text-3xl font-bold text-brand md:text-4xl",
					children: "Wix Design Company Expertise"
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
					className: "mx-auto mt-3 max-w-2xl text-sm text-muted-foreground md:text-base",
					children: [
						"Are you looking for a dedicated Wix developer for your project? Wix Web Support has you covered.",
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", { className: "hidden md:block" }),
						"Learn more about our approach and expertise."
					]
				})]
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
				className: "grid gap-5 sm:grid-cols-2 lg:grid-cols-3",
				children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "group animate-fade-in rounded-2xl border border-border bg-card p-8 text-center shadow-sm transition duration-300 hover:-translate-y-1 hover:shadow-xl",
					style: {
						animationDelay: `${i * 80}ms`,
						animationFillMode: "backwards"
					},
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
							className: "mx-auto mb-5 grid h-20 w-20 place-items-center",
							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
								src: item.image,
								alt: item.title,
								loading: "lazy",
								width: 512,
								height: 512,
								className: "h-full w-full object-contain transition-transform duration-500 group-hover:scale-110"
							})
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
							className: "font-display text-lg font-semibold",
							children: item.title
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
							className: "mx-auto mt-2 max-w-xs text-sm text-muted-foreground",
							children: item.desc
						})
					]
				}, item.title))
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mt-12 flex flex-col items-center gap-4",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "flex flex-wrap items-center justify-center gap-3",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
						to: "/studio",
						className: "inline-flex items-center justify-center rounded-full bg-brand px-7 py-3 text-sm font-semibold text-brand-foreground shadow transition hover:opacity-90",
						children: "Get Started"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
						href: "tel:+18883917298",
						className: "inline-flex items-center justify-center gap-2 rounded-full border border-border bg-background px-7 py-3 text-sm font-semibold text-foreground shadow-sm transition hover:bg-muted",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Phone, { className: "h-4 w-4 text-brand" }), "Call Us - (888) 391-7298"]
					})]
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "flex items-center gap-2 text-sm",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: "font-semibold",
							children: "We are rated 4.8"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: "flex items-center gap-0.5 text-amber-500",
							children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Star, { className: "h-4 w-4 fill-current" }, i))
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: "font-semibold",
							children: "Among 50,000+ Happy Clients"
						})
					]
				})]
			})
		]
	});
}
function AnimatedLeadSection() {
	const COUNTRY_CODE = "+1";
	const [form, setForm] = (0, import_react.useState)({
		name: "",
		email: "",
		phone: "",
		projectType: "",
		message: ""
	});
	const [submitting, setSubmitting] = (0, import_react.useState)(false);
	const submit = (e) => {
		e.preventDefault();
		if (!form.name || !form.email || form.phone.length < 3) {
			toast.error("Please fill in name, email, and phone.");
			return;
		}
		setSubmitting(true);
		submitToSheets({
			source: "AnimatedLeadSection",
			name: form.name,
			email: form.email,
			phone: COUNTRY_CODE + form.phone,
			projectType: form.projectType,
			message: form.message
		});
		setTimeout(() => {
			redirectToThankYou(null, {
				name: form.name,
				email: form.email
			});
		}, 300);
	};
	const stars = Array.from({ length: 24 }, (_, i) => ({
		left: i * 37 % 100,
		top: i * 53 % 100,
		delay: i % 6 * .5,
		size: 2 + i % 3
	}));
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
		className: "relative overflow-hidden bg-[#1e1b4b] py-20 md:py-28",
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "absolute inset-0 -z-0",
			children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-gradient-to-br from-[#1e1b4b] via-[#312e81] to-[#4c1d95]" }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute -top-32 -left-24 h-[420px] w-[420px] rounded-full bg-fuchsia-500/30 blur-3xl animate-blob" }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "absolute top-1/3 -right-24 h-[480px] w-[480px] rounded-full bg-brand/30 blur-3xl animate-blob",
					style: { animationDelay: "3s" }
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "absolute -bottom-32 left-1/3 h-[440px] w-[440px] rounded-full bg-highlight/20 blur-3xl animate-blob",
					style: { animationDelay: "6s" }
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "absolute inset-0 opacity-[0.12] animate-grid-pan",
					style: {
						backgroundImage: "linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px)",
						backgroundSize: "60px 60px"
					}
				}),
				stars.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
					className: "absolute rounded-full bg-white animate-twinkle",
					style: {
						left: `${s.left}%`,
						top: `${s.top}%`,
						width: `${s.size}px`,
						height: `${s.size}px`,
						animationDelay: `${s.delay}s`
					}
				}, i))
			]
		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "relative z-10 mx-auto grid max-w-7xl gap-12 px-4 md:grid-cols-2 md:px-6 md:items-center",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "text-white",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
						className: "inline-flex items-center gap-2 rounded-full bg-white px-4 py-1.5 text-xs font-semibold text-deep",
						children: "Professional Web Solutions"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", {
						className: "mt-6 font-display text-4xl font-bold leading-[1.1] tracking-tight md:text-5xl",
						children: [
							"Every Pixel Converts.",
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
							"Every ",
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
								className: "text-highlight",
								children: "Website"
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
							"Drives Results."
						]
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
						className: "mt-6 space-y-3",
						children: [
							"Transform your idea into a high-converting Wix website",
							"One dedicated team. Your brand. Zero compromises.",
							"Unlimited revisions — no limits, no extra charges"
						].map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
							className: "flex items-start gap-3 text-sm md:text-base",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
								className: "mt-0.5 grid h-6 w-6 shrink-0 place-items-center rounded-full bg-highlight text-highlight-foreground",
								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, {
									className: "h-3.5 w-3.5",
									strokeWidth: 3
								})
							}), t]
						}, t))
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "mt-8 flex flex-wrap items-center gap-3",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
							href: "tel:+18883917298",
							className: "rounded-full bg-brand px-6 py-3 text-sm font-semibold text-brand-foreground shadow-lg shadow-brand/40 transition hover:-translate-y-0.5",
							children: "Request A Quote"
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
							type: "button",
							className: "inline-flex items-center gap-2 rounded-full border border-white/30 bg-white/10 px-6 py-3 text-sm font-semibold text-white backdrop-blur transition hover:bg-white/20",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageCircle, { className: "h-4 w-4" }), " Live Chat"]
						})]
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
						className: "mt-6 flex flex-wrap items-center gap-2 text-sm",
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
								className: "font-bold",
								children: "We Are Rated 4.8"
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
								className: "flex items-center gap-0.5 text-highlight",
								children: [
									0,
									1,
									2,
									3,
									4
								].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Star, { className: "h-4 w-4 fill-current" }, i))
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
								className: "text-white/80",
								children: "Among 50,000+ Happy Clients"
							})
						]
					})
				]
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "relative animate-float-y",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute -inset-2 rounded-3xl bg-gradient-to-r from-highlight/50 via-brand/40 to-fuchsia-500/40 blur-2xl" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "relative overflow-hidden rounded-3xl bg-brand shadow-2xl ring-1 ring-white/10",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
							className: "bg-highlight px-6 py-4 text-center",
							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
								className: "font-display text-xl font-black tracking-tight text-highlight-foreground",
								children: "SIGN UP NOW &"
							})
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
							className: "bg-white px-6 py-3 text-center",
							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
								className: "font-display text-lg font-black tracking-tight text-alert",
								children: "SAVE BIG WITH UP TO 70% OFF"
							})
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
							onSubmit: submit,
							className: "space-y-3 p-6",
							children: [
								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
									className: "mb-2 text-center text-sm font-semibold text-white",
									children: [
										"High-Conversion Websites for",
										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
										"AI, SaaS & Tech Brands"
									]
								}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
									value: form.name,
									onChange: (e) => setForm({
										...form,
										name: e.target.value
									}),
									placeholder: "First Name",
									className: "w-full rounded-lg bg-white px-4 py-3 text-sm text-foreground outline-none focus:ring-2 focus:ring-highlight"
								}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
									className: "grid grid-cols-2 gap-3",
									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
										type: "email",
										value: form.email,
										onChange: (e) => setForm({
											...form,
											email: e.target.value
										}),
										placeholder: "Email Address",
										className: "w-full rounded-lg bg-white px-4 py-3 text-sm text-foreground outline-none focus:ring-2 focus:ring-highlight"
									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
										className: "relative",
										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
											className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm font-semibold text-foreground",
											children: COUNTRY_CODE
										}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
											type: "tel",
											value: form.phone,
											onChange: (e) => {
												const digits = e.target.value.replace(/\D/g, "");
												setForm({
													...form,
													phone: digits
												});
											},
											placeholder: "Phone Number",
											className: "w-full rounded-lg bg-white py-3 pl-10 pr-4 text-sm text-foreground outline-none focus:ring-2 focus:ring-highlight"
										})]
									})]
								}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
									value: form.projectType,
									onChange: (e) => setForm({
										...form,
										projectType: e.target.value
									}),
									placeholder: "What type of website do you plan?",
									className: "w-full rounded-lg bg-white px-4 py-3 text-sm text-foreground outline-none focus:ring-2 focus:ring-highlight"
								}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
									value: form.message,
									onChange: (e) => setForm({
										...form,
										message: e.target.value
									}),
									placeholder: "I Am Looking For...",
									rows: 3,
									className: "w-full resize-none rounded-lg bg-white px-4 py-3 text-sm text-foreground outline-none focus:ring-2 focus:ring-highlight"
								}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
									type: "submit",
									disabled: submitting,
									className: "w-full rounded-lg bg-deep py-3 text-sm font-bold uppercase tracking-wider text-deep-foreground transition hover:opacity-90 disabled:opacity-60",
									children: submitting ? "Sending…" : "GET STARTED NOW!"
								})
							]
						})
					]
				})]
			})]
		})]
	});
}
var hero_laptop_mockup_default = "/assets/hero-laptop-mockup-DmQ119ca.jpg";
var hero_phone_mockup_default = "/assets/hero-phone-mockup-BB0HjUXE.jpg";
var hero_design_abstract_default = "/assets/hero-design-abstract-B3UhvYni.jpg";
function HomePage() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Hero, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeroLeadForm, {
			title: "Ready to grow with a site that converts?",
			subtitle: "Book a free 15-minute strategy call. We'll audit your site and send a custom growth plan — no obligation.",
			serviceOptions: [
				"New Website Design",
				"Website Redesign",
				"Ecommerce / Online Store",
				"SEO & Growth",
				"Automation / Integrations",
				"Ongoing Support"
			],
			badge: "Free strategy call · Reply in 1 hour"
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogoStrip, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortfolioShowcase, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RealAutomationsResults, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThrivingWithWix, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatedLeadSection, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(WhyGrid, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(WixExpertise, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(WhyStudio, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DevelopmentProcess, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TalkToExpert, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(HomePricing, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AutomationSuite, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExploreServices, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AboutUs, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClientTestimonials, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FAQs, {}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(LetsBuildForm, {})
	] });
}
var revenueChartData = {
	Daily: [
		35,
		45,
		30,
		55,
		50,
		65,
		70
	],
	Weekly: [
		30,
		50,
		40,
		60,
		55,
		75,
		85
	],
	Monthly: [
		40,
		45,
		55,
		50,
		70,
		80,
		95
	]
};
function revenueChartPoints(range) {
	const values = revenueChartData[range];
	return values.map((v, i) => ({
		x: 5 + i * (90 / (values.length - 1)),
		y: 90 - v / 100 * 80
	}));
}
function revenueChartPath(range) {
	const points = revenueChartPoints(range);
	return points.reduce((acc, p, i) => {
		if (i === 0) return `M ${p.x} ${p.y}`;
		const prev = points[i - 1];
		return `${acc} C ${prev.x + (p.x - prev.x) / 3} ${prev.y}, ${p.x - (p.x - prev.x) / 3} ${p.y}, ${p.x} ${p.y}`;
	}, "");
}
function Hero() {
	const [chartRange, setChartRange] = (0, import_react.useState)("Weekly");
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, {
		className: "relative overflow-hidden",
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "absolute inset-0 -z-10",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute -top-40 left-1/4 h-[500px] w-[500px] rounded-full bg-brand/20 blur-3xl" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute -bottom-40 right-1/4 h-[500px] w-[500px] rounded-full bg-highlight/20 blur-3xl" })]
		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "mx-auto grid max-w-7xl gap-12 px-4 py-16 md:grid-cols-2 md:px-6 md:py-24",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
					className: "inline-flex items-center gap-2 rounded-full border border-border bg-card/60 px-3 py-1 text-xs font-semibold text-brand backdrop-blur",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Star, { className: "h-3 w-3 fill-current" }), " #1 Wix specialists since 2015"]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
					className: "mt-5 font-display text-4xl font-bold leading-[1.05] tracking-tight md:text-6xl",
					children: "Wix Web Support Website Design & Development"
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "mt-5 max-w-lg text-lg text-muted-foreground",
					children: "Premium sites engineered to convert. Design, build and launch with a team that treats performance like a promise."
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
					className: "mt-6 space-y-2",
					children: [
						"Custom, on-brand designs tailored to your funnel",
						"Blazing-fast load times & Core Web Vitals baked in",
						"Backed by our 100% money-back guarantee"
					].map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
						className: "flex items-start gap-2 text-sm",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: "mt-0.5 grid h-5 w-5 shrink-0 place-items-center rounded-full bg-brand/15 text-brand",
							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "h-3 w-3" })
						}), t]
					}, t))
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "mt-8 flex flex-wrap items-center gap-3",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
							href: "tel:+18883917298",
							className: "inline-flex items-center gap-2 rounded-full bg-brand px-6 py-3 text-sm font-semibold text-brand-foreground shadow-lg shadow-brand/30 transition hover:-translate-y-0.5",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Phone, { className: "h-4 w-4" }), " Call Now (888) 391-7298"]
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
							href: "#lead-form",
							className: "inline-flex items-center gap-2 rounded-full bg-highlight px-6 py-3 text-sm font-bold uppercase tracking-wider text-highlight-foreground shadow-lg transition hover:-translate-y-0.5",
							children: ["GET STARTED ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowRight, { className: "h-4 w-4" })]
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
							to: "/studio",
							className: "inline-flex items-center gap-2 rounded-full border border-border bg-card/60 px-6 py-3 text-sm font-semibold text-foreground transition hover:border-brand hover:text-brand",
							children: "View Our Work"
						})
					]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeroAwardBadges, { className: "mt-6" }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "mt-8 flex items-center gap-3",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "flex -space-x-2",
						children: [
							"from-brand to-deep",
							"from-alert to-highlight",
							"from-deep to-brand",
							"from-highlight to-alert"
						].map((g, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `h-9 w-9 rounded-full border-2 border-background bg-gradient-to-br ${g}` }, i))
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "flex items-center gap-1 text-highlight",
						children: [[
							0,
							1,
							2,
							3,
							4
						].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Star, { className: "h-4 w-4 fill-current" }, i)), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
							className: "ml-1 text-sm font-semibold text-foreground",
							children: "4.8"
						})]
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "text-xs text-muted-foreground",
						children: "Rated by 50,000+ clients"
					})] })]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TrustBadges, { className: "mt-8" })
			] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "relative min-h-[560px] md:min-h-[620px]",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "absolute right-0 top-0 h-72 w-[80%] rotate-3 overflow-hidden rounded-2xl bg-gradient-to-br from-brand to-deep p-2 shadow-2xl",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							src: hero_design_abstract_default,
							alt: "Abstract creative design showcase",
							loading: "lazy",
							width: 768,
							height: 512,
							className: "h-full w-full rounded-xl object-cover"
						})
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "absolute -left-2 top-40 h-64 w-[70%] -rotate-3 rounded-2xl bg-card p-4 shadow-2xl ring-1 ring-border",
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
								className: "mb-3 flex items-center justify-between",
								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
									className: "text-xs text-muted-foreground",
									children: "Revenue"
								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
									className: "font-display text-2xl font-bold",
									children: "$284,592"
								})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
									className: "flex items-center rounded-full bg-muted p-0.5",
									children: [
										"Daily",
										"Weekly",
										"Monthly"
									].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
										type: "button",
										onClick: () => setChartRange(tab),
										className: `px-2 py-0.5 text-[10px] font-semibold rounded-full transition-colors ${chartRange === tab ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground"}`,
										children: tab
									}, tab))
								})]
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
								className: "relative h-24 w-full",
								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
									viewBox: "0 0 100 100",
									className: "absolute inset-0 h-full w-full",
									preserveAspectRatio: "none",
									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
										d: revenueChartPath(chartRange),
										fill: "none",
										stroke: "var(--brand)",
										strokeWidth: "0.8",
										vectorEffect: "non-scaling-stroke",
										strokeLinecap: "round",
										strokeLinejoin: "round"
									})
								}), revenueChartPoints(chartRange).map((p, i, arr) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
									className: `absolute rounded-full border-2 border-brand ${i === arr.length - 1 ? "h-3 w-3 bg-brand" : "h-2 w-2 bg-card"}`,
									style: {
										left: `${p.x}%`,
										bottom: `${p.y}%`,
										transform: "translate(-50%, 50%)"
									}
								}, i))]
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
								className: "mt-3 flex items-center justify-between",
								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
									className: "text-xs font-semibold text-muted-foreground",
									children: "Client Rating"
								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
									className: "flex items-center gap-1 text-brand",
									children: [[
										0,
										1,
										2,
										3,
										4
									].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Star, { className: "h-3 w-3 fill-current" }, i)), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
										className: "ml-1 text-xs font-bold",
										children: "4.9"
									})]
								})]
							})
						]
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "absolute bottom-0 right-4 w-56 rounded-2xl bg-highlight p-4 shadow-2xl",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "mb-2 flex items-center gap-2",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-8 w-8 rounded-full bg-black/20" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
								className: "text-xs font-bold",
								children: "Emma R."
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
								className: "flex text-black",
								children: [
									0,
									1,
									2,
									3,
									4
								].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Star, { className: "h-2.5 w-2.5 fill-current" }, i))
							})] })]
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
							className: "text-xs font-medium text-black/80",
							children: "\"Sales up 3x in 60 days. Worth every dollar.\""
						})]
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "absolute left-0 top-0 h-44 w-40 rotate-[-8deg] overflow-hidden rounded-2xl bg-white p-2 shadow-2xl ring-1 ring-border",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							src: hero_phone_mockup_default,
							alt: "Responsive mobile website mockup",
							className: "h-full w-full rounded-xl object-cover",
							loading: "lazy",
							width: "320",
							height: "426"
						})
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "absolute right-4 top-[19rem] h-40 w-48 rotate-[6deg] overflow-hidden rounded-2xl bg-white p-2 shadow-2xl ring-1 ring-border",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							src: hero_laptop_mockup_default,
							alt: "Modern website design on laptop",
							className: "h-full w-full rounded-xl object-cover",
							loading: "lazy",
							width: "384",
							height: "288"
						})
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "absolute bottom-4 left-4 h-36 w-[55%] rotate-[-4deg] overflow-hidden rounded-2xl bg-gradient-to-br from-brand via-deep to-alert p-2 shadow-2xl",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							src: hero_design_abstract_default,
							alt: "Creative web design elements collage",
							className: "h-full w-full rounded-xl object-cover",
							loading: "lazy",
							width: "512",
							height: "384"
						})
					})
				]
			})]
		})]
	});
}
var whyItems = [
	{
		icon: Palette,
		image: custom_design_default,
		title: "Custom Design",
		alt: "Custom Wix website design mockup",
		desc: "Handcrafted brand-forward visuals — never a template."
	},
	{
		icon: Search,
		image: seo_default,
		title: "SEO Tools",
		alt: "Built-in Wix SEO tools dashboard",
		desc: "On-page, technical, and content SEO baked into every build."
	},
	{
		icon: Smartphone,
		image: mobile_default,
		title: "Mobile Optimization",
		alt: "Responsive mobile-optimized Wix layout",
		desc: "Pixel-perfect on every device, tested by real humans."
	},
	{
		icon: ShoppingCart,
		image: ecommerce_default,
		title: "E-commerce",
		alt: "Wix E-commerce storefront example",
		desc: "Storefronts that turn browsers into paying customers."
	},
	{
		icon: ChartColumn,
		image: analytics_default,
		title: "Analytics",
		alt: "Comprehensive analytics dashboard for site performance",
		desc: "Dashboards that surface what matters — and what to fix."
	}
];
function PortfolioShowcase() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, {
		className: "border-y border-border bg-muted/30 py-16 md:py-20",
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
			className: "mx-auto mb-10 max-w-7xl px-4 md:px-6",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "flex flex-col items-start justify-between gap-4 md:flex-row md:items-end",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "text-sm font-semibold uppercase tracking-widest text-brand",
					children: "Recent work"
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
					className: "mt-3 font-display text-3xl font-bold md:text-4xl",
					children: "Sites we've shipped"
				})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "max-w-md text-sm text-muted-foreground",
					children: "A rolling look at brands, restaurants, studios and e-commerce stores we've launched. Hover to pause."
				})]
			})
		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortfolioMarquee, {})]
	});
}
var iconTones = [
	{
		bg: "bg-fuchsia-100",
		fg: "text-fuchsia-600"
	},
	{
		bg: "bg-sky-100",
		fg: "text-sky-600"
	},
	{
		bg: "bg-amber-100",
		fg: "text-amber-600"
	},
	{
		bg: "bg-emerald-100",
		fg: "text-emerald-600"
	},
	{
		bg: "bg-rose-100",
		fg: "text-rose-600"
	}
];
function WhyGrid() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, {
		className: "mx-auto max-w-7xl px-4 py-20 md:px-6",
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "mb-12 text-center",
			children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "text-sm font-semibold uppercase tracking-widest text-foreground/70",
					children: "Why Opt for Wix?"
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", {
					className: "mt-3 font-display text-3xl font-bold text-brand md:text-4xl",
					children: [
						"Why Wix is the Best Choice",
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
						"for Your Website?"
					]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "mt-3 text-sm text-muted-foreground",
					children: "Discover the key benefits of using Wix for your online presence."
				})
			]
		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
			className: "grid gap-5 md:grid-cols-3 lg:grid-cols-5",
			children: whyItems.map((w, i) => {
				const t = iconTones[i % iconTones.length];
				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "group overflow-hidden rounded-2xl border border-border bg-card text-center transition hover:-translate-y-1 hover:shadow-xl",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "overflow-hidden",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							src: w.image,
							alt: w.alt,
							loading: "lazy",
							width: 768,
							height: 576,
							className: "aspect-[4/3] w-full object-cover transition-transform duration-500 group-hover:scale-105"
						})
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "p-6",
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
								className: `mx-auto mb-4 grid h-14 w-14 place-items-center rounded-xl ${t.bg} ${t.fg}`,
								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(w.icon, { className: "h-7 w-7" })
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
								className: "font-semibold",
								children: w.title
							}),
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
								className: "mt-2 text-xs text-muted-foreground",
								children: w.desc
							})
						]
					})]
				}, w.title);
			})
		})]
	});
}
var faqLeft = [
	{
		q: "How long does a typical build take?",
		a: "Most standard sites launch in 3–4 weeks. Larger studio builds run 6–10 weeks."
	},
	{
		q: "Do you offer ongoing maintenance?",
		a: "Yes — every plan includes 30 days of post-launch care, with optional monthly retainers."
	},
	{
		q: "Can you migrate my existing site?",
		a: "Absolutely. We migrate from any CMS with zero downtime and preserved SEO."
	}
];
var faqRight = [
	{
		q: "What's your revision policy?",
		a: "Unlimited revisions during the design phase. We don't ship until you love it."
	},
	{
		q: "Do you handle SEO and content?",
		a: "Yes — technical SEO is included, and content writing is available as an add-on."
	},
	{
		q: "Is there a money-back guarantee?",
		a: "100%. If you're not thrilled with your design concepts, you get a full refund."
	}
];
function FAQs() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, {
		className: "mx-auto max-w-7xl px-4 py-20 md:px-6",
		children: [
			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mb-10 text-center",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "text-sm font-semibold uppercase tracking-widest text-brand",
					children: "FAQ"
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
					className: "mt-3 font-display text-3xl font-bold md:text-4xl",
					children: "Questions? We've got answers."
				})]
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "grid gap-5 md:grid-cols-2",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, { items: faqLeft }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, { items: faqRight })]
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mt-10 flex flex-col items-center gap-4",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "flex flex-wrap items-center justify-center gap-3",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
						to: "/studio",
						className: "inline-flex items-center gap-2 rounded-full bg-brand px-6 py-3 text-sm font-semibold text-brand-foreground shadow-lg shadow-brand/30 transition hover:-translate-y-0.5",
						children: "Get Started"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: "tel:+18883917298",
						className: "inline-flex items-center gap-2 rounded-full border border-border bg-card px-6 py-3 text-sm font-semibold text-foreground transition hover:border-brand hover:text-brand",
						children: "Call Us - (888) 391-7298"
					})]
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
					className: "flex items-center gap-2 text-sm text-muted-foreground",
					children: [
						"We are rated",
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
							className: "flex items-center gap-0.5 text-highlight",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
								className: "font-semibold text-foreground",
								children: "4.8"
							}), [
								0,
								1,
								2,
								3,
								4
							].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Star, { className: "h-4 w-4 fill-current" }, i))]
						}),
						"Among 50,000+ Happy Clients"
					]
				})]
			})
		]
	});
}
//#endregion
export { HomePage as component };
