1import{c as i,j as e,m as r,T as _,y as P,r as h,V,A as x,Y as A,M as j,Z as q,_ as I,w as Y,z,D as H,G as T,g as L,$ as O,h as G}from"./index-CIDGPoPO.js";import{C,M as U}from"./map-pin-DyHQDHu9.js";import{C as N,T as $}from"./target-B9tnC4vz.js";import{L as Z}from"./loader-circle-BMhCfbgH.js";import{C as Q}from"./circle-check-big-BIFLvvCh.js";import{U as K,R as J}from"./users-C9HteN2v.js";/** 2 * @license lucide-react v0.462.0 - ISC 3 * 4 * This source code is licensed under the ISC license. 5 * See the LICENSE file in the root directory of this source tree. 6 */const X=i("CalendarCheck",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}],["path",{d:"m9 16 2 2 4-4",key:"19s6y9"}]]);/** 7 * @license lucide-react v0.462.0 - ISC 8 * 9 * This source code is licensed under the ISC license. 10 * See the LICENSE file in the root directory of this source tree. 11 */const ee=i("ClipboardCheck",[["rect",{width:"8",height:"4",x:"8",y:"2",rx:"1",ry:"1",key:"tgr4d6"}],["path",{d:"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",key:"116196"}],["path",{d:"m9 14 2 2 4-4",key:"df797q"}]]);/** 12 * @license lucide-react v0.462.0 - ISC 13 * 14 * This source code is licensed under the ISC license. 15 * See the LICENSE file in the root directory of this source tree.
16 */const te=i("ExternalLink",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]]);/** 17 * @license lucide-react v0.462.0 - ISC 18 * 19 * This source code is licensed under the ISC license. 20 * See the LICENSE file in the root directory of this source tree. 21 */const y=i("FileSearch",[["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M4.268 21a2 2 0 0 0 1.727 1H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3",key:"ms7g94"}],["path",{d:"m9 18-1.5-1.5",key:"1j6qii"}],["circle",{cx:"5",cy:"14",r:"3",key:"ufru5t"}]]);/** 22 * @license lucide-react v0.462.0 - ISC 23 * 24 * This source code is licensed under the ISC license. 25 * See the LICENSE file in the root directory of this source tree. 26 */const se=i("Gauge",[["path",{d:"m12 14 4-4",key:"9kzdfg"}],["path",{d:"M3.34 19a10 10 0 1 1 17.32 0",key:"19p75a"}]]);/** 27 * @license lucide-react v0.462.0 - ISC 28 * 29 * This source code is licensed under the ISC license. 30 * See the LICENSE file in the root directory of this source tree. 31 */const ae=i("Handshake",[["path",{d:"m11 17 2 2a1 1 0 1 0 3-3",key:"efffak"}],["path",{d:"m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4",key:"9pr0kb"}],["path",{d:"m21 3 1 11h-2",key:"1tisrp"}],["path",{d:"M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3",key:"1uvwmv"}],["path",{d:"M3 4h8",key:"1ep09j"}]]);/** 32 * @license lucide-react v0.462.0 - ISC 33 * 34 * This source code is licensed under the ISC license. 35 * See the LICENSE file in the root directory of this source tree. 36 */const ie=i("HardHat",[["path",{d:"M10 10V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5",key:"1p9q5i"}],["path",{d:"M14 6a6 6 0 0 1 6 6v3",key:"1hnv84"}],["path",{d:"M4 15v-3a6 6 0 0 1 6-6",key:"9ciidu"}],["rect",{x:"2",y:"15",width:"20",height:"4",rx:"1",key:"g3x8cw"}]]);/** 37 * @license lucide-react v0.462.0 - ISC 38 * 39 * This source code is licensed under the ISC license. 40 * See the LICENSE file in the root directory of this source tree. 41 */const re=i("LayoutGrid",[["rect",{width:"7",height:"7",x:"3",y:"3",rx:"1",key:"1g98yp"}],["rect",{width:"7",height:"7",x:"14",y:"3",rx:"1",key:"6d4xhi"}],["rect",{width:"7",height:"7",x:"14",y:"14",rx:"1",key:"nxv5o0"}],["rect",{width:"7",height:"7",x:"3",y:"14",rx:"1",key:"1bb6yr"}]]);/** 42 * @license lucide-react v0.462.0 - ISC 43 * 44 * This source code is licensed under the ISC license. 45 * See the LICENSE file in the root directory of this source tree. 46 */const k=i("MessageCircle",[["path",{d:"M7.9 20A9 9 0 1 0 4 16.1L2 22Z",key:"vv11sd"}]]);/** 47 * @license lucide-react v0.462.0 - ISC 48 * 49 * This source code is licensed under the ISC license. 50 * See the LICENSE file in the root directory of this source tree. 51 */const ne=i("MousePointerClick",[["path",{d:"M14 4.1 12 6",key:"ita8i4"}],["path",{d:"m5.1 8-2.9-.8",key:"1go3kf"}],["path",{d:"m6 12-1.9 2",key:"mnht97"}],["path",{d:"M7.2 2.2 8 5.1",key:"1cfko1"}],["path",{d:"M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z",key:"s0h3yz"}]]);/** 52 * @license lucide-react v0.462.0 - ISC 53 * 54 * This source code is licensed under the ISC license. 55 * See the LICENSE file in the root directory of this source tree. 56 */const le=i("Palette",[["circle",{cx:"13.5",cy:"6.5",r:".5",fill:"currentColor",key:"1okk4w"}],["circle",{cx:"17.5",cy:"10.5",r:".5",fill:"currentColor",key:"f64h9f"}],["circle",{cx:"8.5",cy:"7.5",r:".5",fill:"currentColor",key:"fotxhn"}],["circle",{cx:"6.5",cy:"12.5",r:".5",fill:"currentColor",key:"qy21gx"}],["path",{d:"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z",key:"12rzf8"}]]);/** 57 * @license lucide-react v0.462.0 - ISC 58 * 59 * This source code is licensed under the ISC license. 60 * See the LICENSE file in the root directory of this source tree. 61 */const oe=i("Phone",[["path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z",key:"foiqr5"}]]);/** 62 * @license lucide-react v0.462.0 - ISC 63 * 64 * This source code is licensed under the ISC license. 65 * See the LICENSE file in the root directory of this source tree. 66 */const ce=i("Plug",[["path",{d:"M12 22v-5",key:"1ega77"}
66],["path",{d:"M9 8V2",key:"14iosj"}],["path",{d:"M15 8V2",key:"18g5xt"}],["path",{d:"M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z",key:"osxo6l"}]]);/** 67 * @license lucide-react v0.462.0 - ISC 68 * 69 * This source code is licensed under the ISC license. 70 * See the LICENSE file in the root directory of this source tree. 71 */const de=i("Scale",[["path",{d:"m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z",key:"7g6ntu"}],["path",{d:"m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z",key:"ijws7r"}],["path",{d:"M7 21h10",key:"1b0cd5"}],["path",{d:"M12 3v18",key:"108xh3"}],["path",{d:"M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2",key:"3gwbw2"}]]);/** 72 * @license lucide-react v0.462.0 - ISC 73 * 74 * This source code is licensed under the ISC license. 75 * See the LICENSE file in the root directory of this source tree. 76 */const me=i("Scissors",[["circle",{cx:"6",cy:"6",r:"3",key:"1lh9wr"}],["path",{d:"M8.12 8.12 12 12",key:"1alkpv"}],["path",{d:"M20 4 8.12 15.88",key:"xgtan2"}],["circle",{cx:"6",cy:"18",r:"3",key:"fqmcym"}],["path",{d:"M14.8 14.8 20 20",key:"ptml3r"}]]);/** 77 * @license lucide-react v0.462.0 - ISC 78 * 79 * This source code is licensed under the ISC license. 80 * See the LICENSE file in the root directory of this source tree. 81 */const W=i("Search",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]]);/** 82 * @license lucide-react v0.462.0 - ISC 83 * 84 * This source code is licensed under the ISC license. 85 * See the LICENSE file in the root directory of this source tree. 86 */const xe=i("Server",[["rect",{width:"20",height:"8",x:"2",y:"2",rx:"2",ry:"2",key:"ngkwjq"}],["rect",{width:"20",height:"8",x:"2",y:"14",rx:"2",ry:"2",key:"iecqi9"}],["line",{x1:"6",x2:"6.01",y1:"6",y2:"6",key:"16zg32"}],["line",{x1:"6",x2:"6.01",y1:"18",y2:"18",key:"nzw8ys"}]]);/** 87 * @license lucide-react v0.462.0 - ISC 88 * 89 * This source code is licensed under the ISC license. 90 * See the LICENSE file in the root directory of this source tree. 91 */const he=i("Settings2",[["path",{d:"M20 7h-9",key:"3s1dr2"}],["path",{d:"M14 17H5",key:"gfn3mx"}],["circle",{cx:"17",cy:"17",r:"3",key:"18b49y"}],["circle",{cx:"7",cy:"7",r:"3",key:"dfmy0x"}]]);/** 92 * @license lucide-react v0.462.0 - ISC 93 * 94 * This source code is licensed under the ISC license. 95 * See the LICENSE file in the root directory of this source tree. 96 */const pe=i("ShieldCheck",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);/** 97 * @license lucide-react v0.462.0 - ISC 98 * 99 * This source code is licensed under the ISC license. 100 * See the LICENSE file in the root directory of this source tree. 101 */const ue=i("ShoppingBag",[["path",{d:"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z",key:"hou9p0"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M16 10a4 4 0 0 1-8 0",key:"1ltviw"}]]);/** 102 * @license lucide-react v0.462.0 - ISC 103 * 104 * This source code is licensed under the ISC license. 105 * See the LICENSE file in the root directory of this source tree. 106 */const ge=i("Smartphone",[["rect",{width:"14",height:"20",x:"5",y:"2",rx:"2",ry:"2",key:"1yt0o3"}],["path",{d:"M12 18h.01",key:"mhygvu"}]]);/** 107 * @license lucide-react v0.462.0 - ISC 108 * 109 * This source code is licensed under the ISC license. 110 * See the LICENSE file in the root directory of this source tree. 111 */const be=i("UtensilsCrossed",[["path",{d:"m16 2-2.3 2.3a3 3 0 0 0 0 4.2l1.8 1.8a3 3 0 0 0 4.2 0L22 8",key:"n7qcjb"}],["path",{d:"M15 15 3.3 3.3a4.2 4.2 0 0 0 0 6l7.3 7.3c.7.7 2 .7 2.8 0L15 15Zm0 0 7 7",key:"d0u48b"}],["path",{d:"m2.1 21.8 6.4-6.3",key:"yn04lh"}],["path",{d:"m19 5-7 7",key:"194lzd"}]]),fe="/assets/card-hero-macbook-B8d_LFsy.jpg",E=[{slug:"technical-printing",title:"Technical Printing",industry:"Printing Press · Qatar",description:"Luxury printing press website with a full service catalog, industry showcases, live-press storytelling and instant WhatsApp quoting for offset, digital, signage and packaging.",outcome:"Turn website visitors into instant WhatsApp quote requests.",website:"https://technicalprinting.qa",image:"/projects/technical-printing.jpg",tallImage:"/projects/technical-printing.jpg",features:["Services","Industries","WhatsApp Quote","Editorial","Responsive"],status:"live",featured:!0,primaryCta:"View Live Site"},{slug:"royal-group",title:"Royal Group",industry:"Digital Agency · UK",description:"Cinematic, imperial-themed agency website for a premium UK digital group â animated capability orbit, service deep-dives, trusted-by marquee and lead capture.",outcome:"Position a premium agency and drive discovery calls.",website:"https://royalglobalservices.co.uk",image:"/projects/royal-group.jpg",tallImage:"/projects/royal-group.jpg",features:["Agency","Animation","Services","Lead Capture","Responsive"],status:"live",featured:!0,primaryCta:"View Live Site"},{slug:"nusalon",title:"NUSalon",industry:"Salon & Barber",description:"Elegant booking-first website for salons and barbershops with WhatsApp confirmations, service catalog, gallery and team profiles.",outcome:"Increase online bookings and reduce no-shows.",website:"https://nusalon.agentvidia.com",image:"/projects/nusalon.jpg",tallImage:"/projects/tall/nusalon.jpg",features:["Appointments","WhatsApp","Services","Gallery","Responsive"],status:"live",featured:!0,primaryCta:"View Live Demo"},{slug:"aroma",title:"Aroma Restaurants",industry:"Restaurant",description:"Modern restaurant experience with an editorial menu, online reservations, gallery and maps built for return diners.",outcome:"Increase reservations and table turnover.",website:"https://aroma-restaurants.com",image:"/projects/aroma.jpg",tallImage:"/projects/tall/aroma.jpg",features:["Menu","Reservations","Gallery","Maps","Responsive"],status:"live",featured:!0,primaryCta:"View Live Demo"},{slug:"ca-taskmanager",title:"CA Task Manager",industry:"Legal Practice Platform",description:"A full practice management platform for law firms â cases, clients, documents, workflow automation and secure collaboration in one dashboard.",outcome:"Manage cases and clients efficie
111ntly in one dashboard.",website:"https://ca-taskmanager.agentvidia.com",image:"/projects/ca-taskmanager.jpg",tallImage:"/projects/tall/ca-taskmanager.jpg",features:["Tasks","Clients","Cases","Documents","Workflow"],status:"live",featured:!0,primaryCta:"View Live Demo"},{slug:"khaleej",title:"Khaleej Repair",industry:"Repair Services",description:"A service-booking platform for repair businesses with online requests, scheduling, technician management and a clean customer portal.",outcome:"Receive and schedule service requests online.",website:"https://khaleejrepair.com",image:"/projects/khaleej.jpg",tallImage:"/projects/tall/khaleej.jpg",features:["Booking","Scheduling","Customer Portal","Responsive"],status:"live",featured:!0,primaryCta:"View Live Demo"},{slug:"mehak",title:"Mehak Sandhu",industry:"Personal Brand",description:"The site you're on â a premium personal brand website for a full-stack developer, engineered for speed, SEO and taste.",outcome:"A premium digital presence that opens conversations.",website:"https://mehak-sandhu.in",image:"/projects/mehak.jpg",tallImage:"/projects/tall/mehak.jpg",features:["Portfolio","Developer","Performance","Responsive"],status:"live",featured:!0,primaryCta:"Visit Website"}],ye={initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.6,ease:[.22,1,.36,1]}};function je({projects:s=E,id:l="featured-work"}){const c=s.filter(n=>n.featured!==!1);return e.jsx("section",{id:l,className:"py-24 md:py-32 border-t border-[#242424] bg-[#0a0a0a]",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6",children:[e.jsxs(r.div,{...ye,className:"max-w-3xl mb-14 md:mb-20",children:[e.jsx("p",{className:"text-xs uppercase tracking-[0.28em] text-[#D4AF37] mb-4",children:"Featured Work"}),e.jsxs("h2",{className:"display text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-semibold leading-[1.05] tracking-tight",children:["Premium websites,"," ",e.jsx("span",{className:"text-[#A8A8A8]",children:"built for real businesses."})]}),e.jsx("p",{className:"mt-6 text-[#A8A8A8] text-base md:text-lg leading-relaxed max-w-2xl",children:"Every build is designed end-to-e
111nd â strategy, design, development, integrations and launch â for businesses that value quality, performance and long-term growth."})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8",children:c.map((n,o)=>e.jsx(we,{project:n,index:o},n.slug))})]})})}function we({project:s,index:l}){return e.jsxs(r.article,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-40px"},transition:{duration:.6,delay:l%2*.08,ease:[.22,1,.36,1]},className:"group relative rounded-3xl overflow-hidden border border-[#1f1f1f] bg-gradient-to-b from-[#111111] to-[#0b0b0b] transition-[border-color,box-shadow] duration-500 hover:border-[#D4AF37]/50 hover:shadow-[0_40px_120px_-30px_rgba(212,175,55,0.35)]",children:[e.jsxs("a",{href:s.website,target:"_blank",rel:"noreferrer","aria-label":`Open ${s.title} live site`,className:"block relative aspect-[16/10] overflow-hidden bg-[#0d0d0d]",children:[e.jsxs("div",{className:"absolute top-0 inset-x-0 z-20 h-8 flex items-center gap-2 px-3 bg-[#0b0b0b]/85 backdrop-blur-md border-b border-white/5",children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-[#ff5f57]"}),e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-[#febc2e]"}),e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-[#28c840]"}),e.jsx("div",{className:"flex-1 flex justify-center",children:e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-3 py-0.5 rounded-full bg-[#151515] border border-white/5 text-[10px] text-[#8a8a8a] font-mono",children:[e.jsx(_,{className:"w-2.5 h-2.5"}),s.website.replace(/^https?:\/\//,"")]})})]}),e.jsx("img",{src:s.image,alt:`${s.title} â ${s.industry} website screenshot`,loading:"lazy",className:"absolute inset-0 top-8 w-full h-[calc(100%-2rem)] object-cover object-top select-none transition-transform duration-700 group-hover:scale-[1.03]"}),e.jsx("div",{className:"absolute top-8 inset-x-0 h-24 bg-gradient-to-b from-black/60 to-transparent z-10 pointer-events-none"}),e.jsx("div",{className:"absolute top-11 left-4 z-20",children:e.jsx("span",{className:"inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-[10px] uppercase tracking-[0.22em] font-medium bg-black/70 backdrop-blur-md border border-white/10 text-[#F1C75B]",children:s.industry})}),s.status==="live"&&e.jsx("div",{className:"absolute top-11 right-4 z-20",children:e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-[10px] uppercase tracking-[0.22em] bg-black/70 backdrop-blur-md border border-white/10 text-white/85",children:[e.jsxs("span",{className:"relative flex w-1.5 h-1.5",children:[e.jsx("span",{className:"absolute inset-0 rounded-full bg-emerald-400 animate-ping opacity-70"}),e.jsx("span",{className:"relative w-1.5 h-1.5 rounded-full bg-emerald-400"})]}),"Live"]})})]}),e.jsxs("div",{className:"p-6 md:p-8",children:[e.jsxs("div",{className:"flex items-start justify-between gap-4 mb-3",children:[e.jsx("h3",{className:"display text-2xl md:text-[28px] font-semibold tracking-tight",children:s.title}),e.jsx("a",{href:s.website,target:"_blank",rel:"noreferrer","aria-label":`Open ${s.title}`,className:"shrink-0 w-10 h-10 rounded-full border border-[#242424] flex items-center justify-center text-[#A8A8A8] transition-all duration-300 group-hover:border-[#D4AF37] group-hover:text-[#D4AF37] group-hover:-rotate-12",children:e.jsx(P,{className:"w-4 h-4"})})]}),e.jsx("p",{className:"text-sm md:text-[15px] text-[#A8A8A8] leading-relaxed mb-4",children:s.description}),e.jsxs("div",{className:"flex items-start gap-2 mb-5 p-3 rounded-xl bg-[#0d0d0d] border border-[#1a1a1a]",children:[e.jsx("span",{className:"mt-1 w-1.5 h-1.5 rounded-full bg-[#D4AF37] shrink-0"}),e.jsxs("p",{className:"text-[13px] text-white/90 leading-relaxed",children:[e.jsx("span",{className:"text-[#D4AF37] font-medium",children:"Outcome â "}),s.outcome]})]}),e.jsx("div",{className:"flex flex-wrap gap-2 mb-6",children:s.features.map(c=>e.jsx("span",{className:"text-[11px] tracking-wide px-2.5 py-1 rounded-full border border-[#1f1f1f] bg-[#0f0f0f] text-[#C8C8C8]",children:c},c))}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3 pt-5 border-t border-[#1a1a1a]",children:[e.jsxs("a",{href:s.website,target:"_blank",rel:"noreferrer",className:"inline-flex items-center gap-2 px-4 py-2.5 rounded-full text-sm font-medium bg-white text-black transition-all duration-300 hover:bg-[#F1C75B] hover:gap-3",children:[s.primaryCta??"View Live Site",e.jsx(te,{className:"w-3.5 h-3.5"})]}),e.jsxs("span",{className:"inline-flex items-center gap-2 px-4 py-2.5 rounded-full text-sm border border-[#242424] text-white/50 cursor-not-allowed",title:"Case study coming soon",children:["Case Study",e.jsx("span",{className:"text-[10px] uppercase tracking-wider text-[#D4AF37]/80",children:"Soon"})]}),e.jsx("span",{className:"ml-auto text-[11px] text-[#666] truncate max-w-[45%] font-mono",children:s.website.replace(/^https?:\/\//,"")})]})]})]})}const S="https://wa.me/918699882940?text="+encodeURIComponent("Hi Mehak, I'd like to discu
111ss a website for my business."),f="https://calendly.com/mehaksandhudev/consultation",w="mailto:[email protected]?subject=Website%20Enquiry",ve="tel:+918699882940",F="https://wa.me/918699882940?text="+encodeURIComponent("Hi Mehak, I'd like to request a free website audit. My site is: "),v=[{label:"Home",href:"#home"},{label:"Work",href:"#work"},{label:"Services",href:"#services"},{label:"Process",href:"#process"},{label:"FAQ",href:"#faq"},{label:"Contact",href:"#contact"}],Ne=[{icon:me,name:"Salon",desc:"Booking-ready beauty sites",projectSlug:"nusalon"},{icon:be,name:"Restaurant",desc:"Menus, reservations, orders",projectSlug:"aroma"},{icon:de,name:"Law Firm",desc:"Practice management platforms",projectSlug:"ca-taskmanager"},{icon:ie,name:"Repair Services",desc:"Online service requests",projectSlug:"khaleej"},{icon:L,name:"Portfolio",desc:"Premium personal brands",projectSlug:"mehak"},{icon:ue,name:"E-Commerce",desc:"Stores that convert"}],ke=[{title:"Premium Websites",icon:re,items:["Business websites","Landing pages","Portfolio","E-Commerce","Custom Web Apps"]},{title:"Automation & Integrations",icon:ce,items:["WhatsApp","Bookings","CRM","Payments","Maps","APIs","Email Automation"]},{title:"Growth & Optimization",icon:se,items:["SEO","Performance","Website Redesign","Hosting","Maintenance","Analytics"]}],Ae=[{icon:K,title:"One point of contact",desc:"You work directly with me â no account managers, no handoffs."},{icon:L,title:"Premium craftsmanship",desc:"Editorial, timeless design with obsessive attention to detail."},{icon:q,title:"No agency overhead",desc:"Studio-grade quality without agency retainers or markups."},{icon:k,title:"Fast communication",desc:"Replies within hours, not days. WhatsApp and email supported."},{icon:xe,title:"Modern technologies",desc:"React, TypeScript, Vite, Next-gen hosting â future-proof by default."},{icon:ae,title:"Long-term partnership",desc:"I stay in your corner post-launch â updates, iteration, growth."},{icon:ee,title:"Transparent pricing",desc:"Clear scope, clear price, clear timeline â before any work starts."},{icon:pe,title:"Scalable architecture",desc:"Built to grow with your business, not to be rebuilt in a year."}],Ce=[{n:"01",icon:$,title:"Discovery",desc:"We map your business goals, audience, competitors and success metrics."},{n:"02",icon:y,title:"Strategy",desc:"Sitemap, scope, timeline and a content plan aligned to conversions."},{n:"03",icon:le,title:"Design",desc:"Premium visual direction and prototypes reviewed together, live."},{n:"04",icon:he,title:"Development",desc:"Clean, accessible, performant build with integrations wired in."},{n:"05",icon:W,title:"Content & SEO",desc:"Refined copy, structured data, sitemaps and Google-ready pages."},{n:"06",icon:J,title:"Launch",desc:"Deployment, DNS, analytics and a smooth go-live with zero downtime."},{n:"07",icon:I,title:"Growth & Support",desc:"Ongoing maintenance, iteration and performance improvements."}],Se=[{q:"How much does a website cost?",a:"Business websites start at â¹35kââ¹1L depending on scope. Custom web apps and platforms are quoted after a discovery call. You'll always get a fixed price and timeline in writing before we start."},{q:"Can you redesign my website?",a:"Yes. I regularly modernize dated sites â keeping what works, replacing what doesn't, and lifting performance, SEO and conversions."},{q:"Do you migrate websites?",a:"Yes. I migrate from Wix, WordPress, Squarespace, Shopify and custom stacks to modern platforms without losing SEO or content."},{q:"Can I update content myself?",a:"Absolutely. Every site ships with a simple editor for text, images, blog posts, menu items and gallery â no code required."},{q:"Can you integrate WhatsApp?",a:"Yes â floating chat buttons, click-to-order, booking confirmations and WhatsApp Business API automations."},{q:"Can you build booking systems?",a:"Yes. Salons, clinics, hotels, restaurants, gyms, repair services â I integrate booking flows tailored to how your business actually operates."},{q:"Do you provide hosting?",a:"Yes. I offer managed hosting with SSL, backups and monitoring â or I'll set up your own account on Vercel, Netlify or similar."},{q:"Do you provide maintenance?",a:"Yes. Monthly retainers cover updates, security patches, small design changes and priority support."},{q:"Will my website rank on Google?",a:"Technical SEO, structured data, sitemaps, semantic markup and Core Web Vitals are built in from day one. Ranking also depen
111ds on content and authority â I advise on both."},{q:"Can you build custom dashboards?",a:"Yes. Admin dashboards, CRMs, client portals, internal tools â built on modern stacks with authentication, roles and analytics."}];function Fe(s=32){const[l,c]=h.useState(!1);return h.useEffect(()=>{const n=()=>c(window.scrollY>s);return n(),window.addEventListener("scroll",n,{passive:!0}),()=>window.removeEventListener("scroll",n)},[s]),l}const p={initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.6,ease:[.22,1,.36,1]}};function D(s){const l=document.querySelector(s);l&&l.scrollIntoView({behavior:"smooth",block:"start"})}function Ee(){const s=Fe(120),[l,c]=h.useState(!1),[n,o]=h.useState(0),[m,u]=h.useState("idle"),[g,b]=h.useState({name:"",email:"",message:""}),B=async t=>{t.preventDefault(),u("sending");try{const{error:a}=await O.functions.invoke("send-contact-email",{body:g});if(a)throw a;u("sent"),b({name:"",email:"",message:""}),setTimeout(()=>u("idle"),4e3)}catch(a){console.error("Contact form error:",a),u("idle"),alert("Failed to send message. Please try again or WhatsApp me directly.")}},R=t=>{if(!t)return D("#work");const a=document.getElementById(`project-${t}`);a?(a.scrollIntoView({behavior:"smooth",block:"center"}),a.classList.add("ring-2","ring-[#D4AF37]/60"),setTimeout(()=>a.classList.remove("ring-2","ring-[#D4AF37]/60"),1500)):D("#work")};return e.jsxs("div",{className:"card-scope min-h-screen bg-[#090909] text-white antialiased",children:[e.jsxs(V,{children:[e.jsx("title",{children:"Mehak Sandhu | Premium Website Developer"}),e.jsx("meta",{name:"description",content:"Premium websites, web applications, WhatsApp integrations, booking systems, e-commerce and business websites built to help companies grow online."}),e.jsx("link",{rel:"canonical",href:"/card"}),e.jsx("meta",{property:"og:title",content:"Mehak Sandhu | Premium Website Developer"}),e.jsx("meta",{property:"og:description",content:"Premium websites built to help businesses attract customers, generate leads and grow online."}),e.jsx("meta",{property:"og:url",content:"/card"}),e.jsx("meta",{property:"og:type",content:"profile"}),e.jsx("meta",{name:"twitter:card",content:"summary_large_image"}),e.jsx("script",{type:"application/ld+json",children:JSON.stringify({"@context":"https://schema.org","@type":"Person",name:"Mehak Sandhu",jobTitle:"Digital Solutions Architect & Full Stack Web Developer",url:"https://mehak-sandhu.in/card",email:"mailto:[email protected]",telephone:"+91 86998 82940",sameAs:["https://github.com/mehaksandhudev","https://linkedin.com/in/mehak-sandhu-devops"]})})]}),e.jsx("style",{children:` 112 .card-scope { font-family: 'Geist', 'Inter', system-ui, -apple-system, sans-serif; } 113 .card-scope .display { font-family: 'Geist', 'Inter', sans-serif; letter-spacing: -0.03em; } 114 .card-scope .gold-text { 115 background: linear-gradient(135deg, #F1C75B 0%, #D4AF37 55%, #A78327 100%); 116 -webkit-background-clip: text; background-clip: text; color: transparent; 117 } 118 .card-scope .hairline { border-color: rgba(255,255,255,0.08); } 119 .card-scope .card-surface { background: #111111; border: 1px solid rgba(255,255,255,0.08); } 120 .card-scope .card-surface:hover { border-color: rgba(212,175,55,0.35); } 121 @keyframes floatY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} } 122 @keyframes floatY2 { 0%,100%{transform:translateY(0) rotate(-4deg)} 50%{transform:translateY(-10px) rotate(-4deg)} } 123 @keyframes floatY3 { 0%,100%{transform:translateY(0) rotate(6deg)} 50%{transform:translateY(-8px) rotate(6deg)} } 124 .card-scope .float-a { animation: floatY 7s ease-in-out infinite; } 125 .card-scope .float-b { animation: floatY2 6s ease-in-out infinite; } 126 .card-scope .float-c { animation: floatY3 8s ease-in-out infinite; } 127 `}),e.jsxs("header",{className:`fixed top-0 inset-x-0 z-50 transition-all duration-300 ${s?"bg-[#090909]/75 backdrop-blur-xl border-b border-white/[0.06]":"bg-transparent"}`,children:[e.jsxs("div",{className:"max-w-7xl mx-auto px-6 h-16 flex items-center justify-between",children:[e.jsxs("a",{href:"#home",className:"flex items-center gap-2 group",children:[e.jsx("span",{className:"w-9 h-9 rounded-lg border border-white/[0.08] bg-[#111] flex items-center justify-center text-[#D4AF37] font-semibold tracking-tight group-hover:border-[#D4AF37]/40 transition",children:"MS"}),e.jsx("span",{className:"hidden sm:inline text-sm text-[#A8A8A8] group-hover:text-white transition",children:"Mehak Sandhu"})]}),e.jsx("nav",{className:"hidden md:flex items-center gap-1",children:v.map(t=>e.jsx("a",{href:t.href,className:"px-3.5 py-2 text-sm text-[#A8A8A8] hover:text-white transition",children:t.label},t.href))}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("a",{href:f,target:"_blank",rel:"noreferrer",className:"hidden sm:inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[#D4AF37] text-black text-sm font-medium hover:bg-[#F1C75B] transition",children:["Book Free Consultation",e.jsx(x,{className:"w-4 h-4"})]}),e.jsx("button",{className:"md:hidden w-10 h-10 rounded-lg border border-white/[0.08] flex items-center justify-center","aria-label":"Menu",onClick:()=>c(t=>
127!t),children:e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"w-4 h-px bg-white"}),e.jsx("span",{className:"w-4 h-px bg-white"})]})})]})]}),e.jsx(A,{children:l&&e.jsx(r.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},className:"md:hidden overflow-hidden bg-[#090909] border-t border-white/[0.06]",children:e.jsxs("div",{className:"px-6 py-4 flex flex-col gap-1",children:[v.map(t=>e.jsx("a",{href:t.href,onClick:()=>c(!1),className:"py-2.5 text-[#A8A8A8] hover:text-white transition",children:t.label},t.href)),e.jsxs("a",{href:f,target:"_blank",rel:"noreferrer",className:"mt-2 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-full bg-[#D4AF37] text-black text-sm font-medium",children:["Book Free Consultation ",e.jsx(x,{className:"w-4 h-4"})]})]})})})]}),e.jsxs("section",{id:"home",className:"relative pt-32 pb-20 md:pt-40 md:pb-28 overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 -z-10 opacity-80",style:{background:"radial-gradient(60% 40% at 20% 10%, rgba(212,175,55,0.12), transparent 60%), radial-gradient(50% 40% at 90% 30%, rgba(255,255,255,0.04), transparent 60%)"}}),e.jsxs("div",{className:"max-w-7xl mx-auto px-6 grid lg:grid-cols-[1.05fr_1fr] gap-14 items-center",children:[e.jsxs("div",{children:[e.jsxs(r.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{duration:.5},className:"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full border border-white/[0.08] bg-[#111] text-xs text-[#A8A8A8] mb-6",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#D4AF37]"}),"Available for new projects"]}),e.jsxs(r.h1,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.7,ease:[.22,1,.36,1]},className:"display text-[2.5rem] sm:text-5xl md:text-6xl lg:text-[4.25rem] font-semibold leading-[1.05]",children:["Building ",e.jsx("span",{className:"gold-text",children:"Premium Websites"})," That Help Businesses Grow."]}),e.jsx(r.p,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.7,delay:.1},className:"mt-7 max-w-xl text-[#A8A8A8] text-base sm:text-lg leading-relaxed",children:"I design and build premium websites and web applications that help businesses attract more customers, generate more leads and establish a powerful online presence. From strategy and design to development, automation, integrations and long-term support â everything is handled end-to-end."}),e.jsxs(r.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.7,delay:.2},className:"mt-9 flex flex-col sm:flex-row flex-wrap gap-3",children:[e.jsxs("a",{href:f,target:"_blank",rel:"noreferrer",className:"inline-flex items-center justify-center gap-2 px-6 py-3.5 rounded-full bg-[#D4AF37] text-black font-medium hover:bg-[#F1C75B] transition group",children:[e.jsx(C,{className:"w-4 h-4"}),"Book Free Consultation",e.jsx(x,{className:"w-4 h-4 group-hover:translate-x-0.5 transition"})]}),e.jsxs("a",{href:"#work",className:"inline-flex items-center justify-center gap-2 px-6 py-3.5 rounded-full border border-white/[0.08] hover:border-[#D4AF37]/40 hover:bg-[#111] transition",children:["Explore Live Website Demos",e.jsx(P,{className:"w-4 h-4"})]}),e.jsxs("a",{href:"#audit",className:"inline-flex items-center justify-center gap-2 px-6 py-3.5 rounded-full border border-white/[0.08] text-[#F1C75B] hover:border-[#D4AF37]/40 hover:bg-[#111] transition",children:[e.jsx(y,{className:"w-4 h-4"}),"Request Free Website Audit"]})]}),e.jsxs("div",{className:"mt-10 max-w-xl flex items-start gap-3 text-xs text-[#A8A8A8]",children:[e.jsx("span",{className:"mt-1 w-1.5 h-1.5 rounded-full bg-[#D4AF37] shrink-0"}),e.jsx("span",{className:"leading-relaxed",children:"Premium websites designed for businesses that value quality, performance and long-term growth."})]})]}),e.jsxs(r.div,{initial:{opacity:0,scale:.96},animate:{opacity:1,scale:1},transition:{duration:.9,ease:[.22,1,.36,1]},className:"relative min-h-[420px] md:min-h-[520px]",children:[e.jsx("div",{className:"absolute -inset-6 rounded-3xl bg-[#D4AF37]/5 blur-3xl -z-10"}),e.jsx("div",{className:"float-a relative rounded-2xl overflow-hidden border border-white/[0.08] bg-[#0d0d0d] shadow-[0_50px_120px_-30px_rgba(0,0,0,0.9)]",children:e.jsx("img",{src:fe,alt:"Premium business website on MacBook",width:1408,height:1008,className:"w-full h-auto",fetchPriority:"high"})})]})]})]}),e.jsx("section",{className:"py-24 border-t border-white/[0.06]",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6",children:[e.jsxs(r.div,{...p,className:"max-w-2xl mb-14",children:[e.jsx("p",{className:"text-xs uppercase tracking-[0.2em] text-[#D4AF37] mb-3",children:"Industries"}),e.jsx("h2",{className:"display text-3xl sm:text-4xl md:text-5xl font-semibold",children:"Built For Every Business"}),e.jsx("p",{className:"text-[#A8A8A8] mt-4",children:"Click any industry to preview a live example."})]}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-3 gap-3 sm:gap-4",children:Ne.map((t,a)=>{const d=!!t.projectSlug;return e.jsxs(r.button,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.45,delay:a*.04},whileHover:{y:-3},onClick:()=>d&&R(t.projectSlug),className:`text-left card-surface rounded-xl p-5 sm:p-6 transition group ${d?"cursor-pointer":"cursor-default"}`,children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg border border-white/[0.08] bg-[#0d0d0d] flex items-center justify-center text-[#A8A8A8] group-hover:border-[#D4AF37]/50 group-hover:text-[#D4AF37] transition",children:e.jsx(t.icon,{className:"w-5 h-5"})}),d&&e.jsxs("span",{className:"inline-flex items-center gap-1 text-[10px] uppercase tracking-[0.2em] text-[#D4AF37] opacity-0 group-hover:opacity-100 transition",children:["See demo ",e.jsx(x,{className:"w-3 h-3"})]})]}),e.jsx("div",{className:"font-medium",children:t.name}),e.jsx("div",{className:"text-xs text-[#A8A8A8] mt-1",children:t.desc})]},t.name)}
127)})]})}),e.jsx("section",{id:"work-anchor"}),e.jsx(De,{}),e.jsx("section",{className:"py-24 border-t border-white/[0.06] bg-[#0a0a0a]",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6",children:[e.jsxs(r.div,{...p,className:"max-w-2xl mb-14",children:[e.jsx("p",{className:"text-xs uppercase tracking-[0.2em] text-[#D4AF37] mb-3",children:"Transformation"}),e.jsx("h2",{className:"display text-3xl sm:text-4xl md:text-5xl font-semibold",children:"Imagine Your Business Like This"}),e.jsx("p",{className:"text-[#A8A8A8] mt-4",children:"A dated website loses trust in three seconds. A premium one earns it in the same three."})]}),e.jsxs("div",{className:"grid md:grid-cols-[1fr_auto_1fr] items-center gap-6",children:[e.jsx(M,{label:"Before",tone:"muted",title:"Generic template. Slow. Forgettable.",bullets:["Stock design & clichéd stock photos","3â6s load time on mobile","No booking, no WhatsApp, no analytics","Invisible on Google"]}),e.jsxs("div",{className:"flex md:flex-col items-center justify-center gap-2 text-[#D4AF37]",children:[e.jsx(x,{className:"w-6 h-6 md:hidden"}),e.jsx(x,{className:"w-6 h-6 hidden md:block"})]}),e.jsx(M,{label:"After",tone:"premium",title:"Editorial, fast, built to convert.",bullets:["Custom-designed identity that fits your brand","Sub-second first paint, 95+ Lighthouse","WhatsApp, bookings, payments, CRM wired in","Structured for SEO and long-term growth"]})]})]})}),e.jsx("section",{id:"audit",className:"py-24 border-t border-white/[0.06]",children:e.jsx("div",{className:"max-w-6xl mx-auto px-6",children:e.jsxs("div",{className:"relative overflow-hidden rounded-3xl border border-white/[0.08] bg-gradient-to-b from-[#131313] to-[#0c0c0c] p-8 sm:p-14",children:[e.jsx("div",{className:"absolute inset-0 -z-10 opacity-80",style:{background:"radial-gradient(40% 60% at 100% 0%, rgba(212,175,55,0.14), transparent 60%)"}}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-10 items-center",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-xs uppercase tracking-[0.2em] text-[#D4AF37] mb-3",children:"Free Website Audit"}),e.jsxs("h2",{className:"display text-3xl sm:text-4xl md:text-5xl font-semibold leading-[1.05]",children:["Get a ",e.jsx("span",{className:"gold-text",children:"Free"})," Website Audit"]}),e.jsx("p",{className:"mt-5 text-[#A8A8A8] leading-relaxed max-w-lg",children:"I'll personally review your current website and send back practical improvements to help lift credibility, user experience and conversions."}),e.jsxs("div",{className:"mt-8 flex flex-wrap gap-3",children:[e.jsxs("a",{href:F,target:"_blank",rel:"noreferrer",className:"inline-flex items-center gap-2 px-6 py-3.5 rounded-full bg-[#D4AF37] text-black font-medium hover:bg-[#F1C75B] transition",children:[e.jsx(y,{className:"w-4 h-4"}),"Request Free Website Audit",e.jsx(x,{className:"w-4 h-4"})]}),e.jsxs("a",{href:w,className:"inline-flex items-center gap-2 px-5 py-3 rounded-full border border-white/[0.08] hover:border-[#D4AF37]/40 hover:bg-[#111] transition",children:[e.jsx(j,{className:"w-4 h-4"}),"Email your site"]})]})]}),e.jsx("ul",{className:"grid sm:grid-cols-2 gap-3",children:[{icon:ge,text:"Mobile Experience"},{icon:q,text:"Website Speed"},{icon:W,text:"SEO Basics"},{icon:ne,text:"User Experience"},{icon:I,text:"Conversion Opportunities"},{icon:X,text:"Booking Flow"}].map(t=>e.jsxs("li",{className:"flex items-center gap-3 p-4 rounded-xl bg-[#0d0d0d] border border-white/[0.06]",children:[e.jsx("span",{className:"w-9 h-9 rounded-lg border border-white/[0.08] bg-[#111] flex items-center justify-center text-[#D4AF37]",children:e.jsx(t.icon,{className:"w-4 h-4"})}),e.jsx("span",{className:"text-sm",children:t.text}),e.jsx(N,{className:"w-4 h-4 text-[#D4AF37] ml-auto"})]},t.text))})]})]})})}),e.jsx("section",{id:"services",className:"py-24 border-t border-white/[0.06]",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6",children:[e.jsxs(r.div,{...p,className:"max-w-2xl mb-14",children:[e.jsx("p",{className:"text-xs uppercase tracking-[0.2em] text-[#D4AF37] mb-3",children:"Services"}),e.jsx("h2",{className:"display text-3xl sm:text-4xl md:text-5xl font-semibold",children:"Everything your business needs online."})]}),e.jsx("div",{className:"grid md:grid-cols-3 gap-5",children:ke.map((t,a)=>e.jsxs(r.div,{initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:a*.08},whileHover:{y:-4},className:"card-surface rounded-2xl p-8 transition",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl border border-white/[0.08] bg-[#0d0d0d] flex items-center justify-center mb-6 text-[#D4AF37]",children:e.jsx(t.icon,{className:"w-5 h-5"})}),e.jsx("h3",{className:"display text-xl font-semibold mb-5",children:t.title}),e.jsx("ul",{className:"space-y-3",children:t.items.map(d=>e.jsxs("li",{className:"flex items-start gap-2.5 text-sm text-[#C8C8C8]",children:[e.jsx(N,{className:"w-4 h-4 text-[#D4AF37] mt-0.5 shrink-0"}),e.jsx("span",{children:d})]},d))})]},t.title))})]})}),e.jsx("section",{className:"py-24 border-t border-white/[0.06] bg-[#0a0a0a]",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6",children:[e.jsxs(r.div,{...p,className:"max-w-2xl mb-14",children:[e.jsx("p",{className:"text-xs uppercase tracking-[0.2em] text-[#D4AF37] mb-3",children:"Why Me"}),e.jsx("h2",{className:"display text-3xl sm:text-4xl md:text-5xl font-semibold",children:"Why Businesses Choose Me"})]}),e.jsx("div",{className:"grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4",children:Ae.map((t,a)=>e.jsxs(r.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4,delay:a*.04},whileHover:{y:-4},className:"card-surface rounded-xl p-5 sm:p-6 group",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg border border-white/[0.08] bg-[#0d0d0d] flex items-center justify-center mb-4 text-[#D4AF37] group-hover:rotate-6 transition-transform",children:e.jsx(t.icon,{className:"w-5 h-5"})}),e.jsx("div",{className:"font-medium",children:t.title}),e.jsx("div",{className:"text-xs text-[#A8A8A8] mt-1.5 leading-relaxed",children:t.desc})]},t.title))})]})}),e.jsx("section",{id:"process",className:"py-24 border-t border-white/[0.06]",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6",children:[e.jsxs(r.div,{...p,className:"max-w-2xl mb-14",children:[e.jsx("p",{className:"text-xs uppercase tracking-[0.2em] text-[#D4AF37] mb-3",children:"Process"}),e.jsx("h2",{className:"display text-3xl sm:text-4xl md:text-5xl font-semibold",children:"A clear path from idea to launch."})]}),e.jsxs("div",{className:"relative max-w-3xl",children:[e.jsx("div",{className:"absolute left-4 top-2 bottom-2 w-px bg-white/[0.08]"}),e.jsx("div",{className:"space-y-4",children:Ce.map((t,a)=>e.jsxs(r.div,{initial:{opacity:0,x:20},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.45,delay:a*.05},className:"relative pl-14",children:[e.jsx("div",{className:"absolute left-0 top-1 w-9 h-9 rounded-full border border-white/[0.08] bg-[#111] flex items-center justify-center text-[#D4AF37]",children:e.jsx(t.icon,{className:"w-4 h-4"})}),e.jsxs("div",{className:"card-surface rounded-xl p-5 flex items-start gap-4",children:[e.jsx("span",{className:"text-xs font-mono text-[#D4AF37] mt-1",children:t.n}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:t.title}),e.jsx("div",{className:"text-sm text-[#A8A8A8] mt-1",children:t.desc})]})]})]},t.n))})]})]})}),e.jsx("section",{id:"faq",className:"py-24 border-t border-white/[0.06] bg-[#0a0a0a]",children:e.jsxs("div",{className:"max-w-3xl mx-auto px-6",children:[e.jsxs(r.div,{...p,className:"mb-12 text-center",children:[e.jsx("p",{className:"text-xs uppercase tracking-[0.2em] text-[#D4AF37] mb-3",children:"FAQ"}),e.jsx("h2",{className:"display text-3xl sm:text-4xl md:text-5xl font-semibold",children:"Questions, answered."})]}),e.jsx("div",{className:"space-y-3",children:Se.map((t,a)=>{const d=n===a;return e.jsxs("div",{className:"card-surface rounded-xl overflow-hidden transition",children:[e.jsxs("button",{onClick:()=>o(d?null:a),className:"w-full flex items-center justify-between gap-4 p-5 text-left","aria-expanded":d,children:[e.jsx("span",{className:"font-medium",children:t.q}),e.jsx(Y,{className:`w-5 h-5 text-[#A8A8A8] transition-transform ${d?"rotate-180 text-[#D4AF37]":""}`})]}),e.jsx(A,{initial:!1,children:d&&e.jsx(r.div,{initial:{height:0,opacity:0}
127,animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.25},className:"overflow-hidden",children:e.jsx("div",{className:"px-5 pb-5 text-sm text-[#A8A8A8] leading-relaxed",children:t.a})})})]},t.q)})})]})}),e.jsx("section",{id:"contact",className:"py-24 border-t border-white/[0.06]",children:e.jsx("div",{className:"max-w-5xl mx-auto px-6",children:e.jsxs("div",{className:"relative overflow-hidden rounded-3xl border border-white/[0.08] bg-gradient-to-b from-[#141414] to-[#0d0d0d] p-8 sm:p-14 text-center",children:[e.jsx("div",{className:"absolute inset-0 -z-10 opacity-80",style:{background:"radial-gradient(50% 60% at 50% 0%, rgba(212,175,55,0.16), transparent 60%)"}}),e.jsx("p",{className:"text-xs uppercase tracking-[0.2em] text-[#D4AF37] mb-4",children:"Let's Talk"}),e.jsxs("h2",{className:"display text-3xl sm:text-4xl md:text-5xl font-semibold max-w-3xl mx-auto leading-[1.1]",children:["Let's Build Something Your Customers Will"," ",e.jsx("span",{className:"gold-text",children:"Remember."})]}),e.jsx("p",{className:"mt-5 text-[#A8A8A8] max-w-2xl mx-auto",children:"Whether you're launching a new business or upgrading a dated site, I'd love to help create something modern, fast, and built for growth."}),e.jsxs("div",{className:"mt-10 flex flex-wrap items-center justify-center gap-3",children:[e.jsxs("a",{href:f,target:"_blank",rel:"noreferrer",className:"inline-flex items-center gap-2 px-5 py-3 rounded-full bg-[#D4AF37] text-black font-medium hover:bg-[#F1C75B] transition",children:[e.jsx(C,{className:"w-4 h-4"})," Book Consultation"]}),e.jsxs("a",{href:S,target:"_blank",rel:"noreferrer",className:"inline-flex items-center gap-2 px-5 py-3 rounded-full bg-[#25D366] text-black font-medium hover:opacity-90 transition",children:[e.jsx(k,{className:"w-4 h-4"})," WhatsApp"]}),e.jsxs("a",{href:F,target:"_blank",rel:"noreferrer",className:"inline-flex items-center gap-2 px-5 py-3 rounded-full border border-white/[0.08] hover:border-[#D4AF37]/40 hover:bg-[#111] transition",children:[e.jsx(y,{className:"w-4 h-4"})," Free Website Audit"]}),e.jsxs("a",{href:w,className:"inline-flex items-center gap-2 px-5 py-3 rounded-full border border-white/[0.08] hover:border-[#D4AF37]/40 hover:bg-[#111] transition",children:[e.jsx(j,{className:"w-4 h-4"})," Email"]})]}),e.jsxs(r.form,{onSubmit:B,initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-40px"},transition:{duration:.6,ease:[.22,1,.36,1]},className:"mt-12 max-w-2xl mx-auto text-left grid gap-4",children:[e.jsxs("div",{className:"grid sm:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"card-name",className:"block text-[11px] uppercase tracking-[0.2em] text-[#A8A8A8] mb-2",children:"Name"}),e.jsx("input",{id:"card-name",type:"text",required:!0,maxLength:100,value:g.name,onChange:t=>b(a=>({...a,name:t.target.value})),className:"w-full px-4 py-3 rounded-xl bg-[#0d0d0d] border border-white/[0.08] text-white placeholder:text-[#555] focus:outline-none focus:border-[#D4AF37]/60 transition",placeholder:"Your name"})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"card-email",className:"block text-[11px] uppercase tracking-[0.2em] text-[#A8A8A8] mb-2",children:"Email"}),e.jsx("input",{id:"card-email",type:"email",required:!0,maxLength:255,value:g.email,onChange:t=>b(a=>({...a,email:t.target.value})),className:"w-full px-4 py-3 rounded-xl bg-[#0d0d0d] border border-white/[0.08] text-white placeholder:text-[#555] focus:outline-none focus:border-[#D4AF37]/60 transition",placeholder:"[email protected]"})]})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"card-message",className:"block text-[11px] uppercase tracking-[0.2em] text-[#A8A8A8] mb-2",children:"Project details"}),e.jsx("textarea",{id:"card-message",required:!0,rows:5,maxLength:2e3,value:g.message,onChange:t=>b(a=>({...a,message:t.target.value})),className:"w-full px-4 py-3 rounded-xl bg-[#0d0d0d] border border-white/[0.08] text-white placeholder:text-[#555] focus:outline-none focus:border-[#D4AF37]/60 transition resize-none",placeholder:"Tell me about your business, goals and timelineâ¦"})]}),e.jsxs("button",{type:"submit",disabled:m!=="idle",className:"inline-flex items-center justify-center gap-2 px-6 py-3.5 rounded-full bg-[#D4AF37] text-black font-medium hover:bg-[#F1C75B] transition disabled:opacity-60 disabled:cursor-not-allowed",children:[m==="idle"&&e.jsxs(e.Fragment,{children:[e.jsx(z,{className:"w-4 h-4"})," Send Enquiry"]}),m==="sending"&&e.jsxs(e.Fragment,{children:[e.jsx(Z,{className:"w-4 h-4 animate-spin"})," Sendingâ¦"]}),m==="sent"&&e.jsxs(e.Fragment,{children:[e.jsx(Q,{className:"w-4 h-4"})," Message Sent â I'll reply within 24h"]})]}),e.jsx("p",{className:"text-[11px] text-[#666] text-center",children:"Delivered securely via Resend · Replies within 24 hours"})]})]})})}),e.jsxs("footer",{className:"border-t border-white/[0.06] py-14",children:[e.jsxs("div",{className:"max-w-7xl mx-auto px-6 grid md:grid-cols-5 ga
127p-10",children:[e.jsxs("div",{className:"md:col-span-2",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx("span",{className:"w-9 h-9 rounded-lg border border-white/[0.08] bg-[#111] flex items-center justify-center text-[#D4AF37] font-semibold",children:"MS"}),e.jsx("span",{className:"font-medium",children:"Mehak Sandhu"})]}),e.jsx("p",{className:"text-sm text-[#A8A8A8] max-w-sm",children:"Premium websites and web applications for businesses ready to grow."}),e.jsxs("div",{className:"mt-5 flex items-center gap-2 text-xs text-[#A8A8A8]",children:[e.jsx(U,{className:"w-3.5 h-3.5"})," India · Available worldwide"]})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium mb-3",children:"Services"}),e.jsxs("ul",{className:"space-y-2 text-sm text-[#A8A8A8]",children:[e.jsx("li",{children:e.jsx("a",{href:"#services",className:"hover:text-white transition",children:"Premium Websites"})}),e.jsx("li",{children:e.jsx("a",{href:"#services",className:"hover:text-white transition",children:"Web Apps"})}),e.jsx("li",{children:e.jsx("a",{href:"#services",className:"hover:text-white transition",children:"Automation"})}),e.jsx("li",{children:e.jsx("a",{href:"#services",className:"hover:text-white transition",children:"Integrations"})}),e.jsx("li",{children:e.jsx("a",{href:"#services",className:"hover:text-white transition",children:"SEO"})}),e.jsx("li",{children:e.jsx("a",{href:"#services",className:"hover:text-white transition",children:"Maintenance"})})]})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium mb-3",children:"Navigation"}),e.jsx("ul",{className:"space-y-2 text-sm text-[#A8A8A8]",children:v.map(t=>e.jsx("li",{children:e.jsx("a",{href:t.href,className:"hover:text-white transition",children:t.label})},t.href))})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium mb-3",children:"Contact"}),e.jsxs("ul",{className:"space-y-2 text-sm text-[#A8A8A8]",children:[e.jsx("li",{children:e.jsxs("a",{href:w,className:"hover:text-white transition inline-flex items-center gap-2",children:[e.jsx(j,{className:"w-3.5 h-3.5"})," [email protected]"]})}),e.jsx("li",{children:e.jsxs("a",{href:ve,className:"hover:text-white transition inline-flex items-center gap-2",children:[e.jsx(oe,{className:"w-3.5 h-3.5"})," +91 86998 82940"]})}),e.jsx("li",{children:e.jsxs("a",{href:"https://linkedin.com/in/mehak-sandhu-devops",target:"_blank",rel:"noreferrer",className:"hover:text-white transition inline-flex items-center gap-2",children:[e.jsx(H,{className:"w-3.5 h-3.5"})," LinkedIn"]})}),e.jsx("li",{children:e.jsxs("a",{href:"https://github.com/mehaksandhudev",target:"_blank",rel:"noreferrer",className:"hover:text-white transition inline-flex items-center gap-2",children:[e.jsx(T,{className:"w-3.5 h-3.5"})," GitHub"]})})]})]})]}),e.jsxs("div",{className:"max-w-7xl mx-auto px-6 mt-10 pt-6 border-t border-white/[0.06] flex flex-col sm:flex-row items-center justify-between gap-3 text-xs text-[#A8A8A8]",children:[e.jsxs("div",{children:["© ",new Date().getFullYear()," Mehak Sandhu. All rights reserved."]}),e.jsx("div",{children:"Designed & Developed by Mehak Sandhu"})]})]}),e.jsx("a",{href:S,target:"_blank",rel:"noreferrer","aria-label":"Chat on WhatsApp",className:"fixed bottom-5 right-5 z-40 w-14 h-14 rounded-full bg-[#25D366] text-black flex items-center justify-center shadow-[0_10px_40px_-10px_rgba(37,211,102,0.6)] hover:scale-105 transition",children:e.jsx(k,{className:"w-6 h-6"})})]})}function De(){return h.useEffect(()=>{document.querySelectorAll("#work .grid > article, #work .grid > motion-article").forEach((l,c)=>{var o;const n=(o=E[c])==null?void 0:o.slug;n&&l.setAttribute("id",`project-${n}`)})},[]),e.jsx(je,{id:"work"})}function M({label:s,tone:l,title:c,bullets:n}){const o=l==="premium";return e.jsxs(r.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-40px"},transition:{duration:.6,ease:[.22,1,.36,1]},className:`relative rounded-3xl overflow-hidden border ${o?"border-[#D4AF37]/30 bg-gradient-to-b from-[#141414] to-[#0d0d0d] shadow-[0_40px_100px_-30px_rgba(212,175,55,0.2)]":"border-white/[0.06] bg-[#0d0d0d]"}`,children:[e.jsxs("div",{className:"h-10 flex items-center gap-1.5 px-4 border-b border-white/[0.06] bg-black/40",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-[#3a3a3a]"}),e.jsx("span",{className:"w-2 h-2 rounded-full bg-[#3a3a3a]"}),e.jsx("span",{className:"w-2 h-2 rounded-full bg-[#3a3a3a]"})]}),e.jsxs("div",{className:"p-6 sm:p-8",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx("span",{className:`text-[10px] uppercase tracking-[0.24em] font-medium ${o?"text-[#D4AF37]":"text-[#7a7a7a]"}`,children:s}),o&&e.jsx("span",{className:"text-[10px] px-2 py-0.5 rounded-full border border-[#D4AF37]/30 text-[#F1C75B]",children:"Premium Redesign"})]}),e.jsx("div",{className:"rounded-xl overflow-hidden mb-6 border border-white/[0.06]",children:o?e.jsxs("div",{className:"aspect-[16/8] bg-gradient-to-br from-[#111] to-[#0a0a0a] relative",children:[e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("img",{src:"/projects/tall/mehak.jpg",alt:"Premium redesign preview",className:"w-full h-full object-cover object-top opacity-90",onError:m=>m.currentTarget.style.display="none"})}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"}),e.jsxs("div",{className:"absolute bottom-3 left-3 flex items-center gap-2",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-emerald-400 animate-pulse"}),e.jsx("span",{className:"text-[10px] uppercase tracking-[0.2em] text-white/90",children:"Live · 98 Lighthouse"})]})]}):e.jsxs("div",{className:"aspect-[16/8] bg-[#0f0f0f] p-5 flex flex-col gap-3",children:[e.jsx("div",{className:"h-4 w-1/3 rounded bg-[#1a1a1a]"}),e.jsx("div",{className:"h-3 w-2/3 rounded bg-[#151515]"}
127),e.jsx("div",{className:"h-3 w-1/2 rounded bg-[#151515]"}),e.jsxs("div",{className:"mt-auto grid grid-cols-3 gap-2",children:[e.jsx("div",{className:"h-10 rounded bg-[#151515]"}),e.jsx("div",{className:"h-10 rounded bg-[#151515]"}),e.jsx("div",{className:"h-10 rounded bg-[#151515]"})]}),e.jsxs("div",{className:"absolute bottom-3 left-3 flex items-center gap-2",children:[e.jsx(G,{className:"w-3 h-3 text-[#7a7a7a]"}),e.jsx("span",{className:"text-[10px] uppercase tracking-[0.2em] text-[#7a7a7a]",children:"Loading⦠5.4s"})]})]})}),e.jsx("div",{className:`font-medium mb-4 ${o?"text-white":"text-[#c8c8c8]"}`,children:c}),e.jsx("ul",{className:"space-y-2.5",children:n.map(m=>e.jsxs("li",{className:"flex items-start gap-2 text-sm",children:[o?e.jsx(N,{className:"w-4 h-4 text-[#D4AF37] mt-0.5 shrink-0"}):e.jsx("span",{className:"w-4 h-4 rounded-full border border-[#3a3a3a] mt-0.5 shrink-0"}),e.jsx("span",{className:o?"text-[#e6e6e6]":"text-[#8a8a8a]",children:m})]},m))})]})]})}export{Ee as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.