https://basitq.cloud/assets/AboutPage-C20PxKQ8.js

1import{j as e,m as l}from"./vendor-motion-CfBPC-kS.js";import{L as p}from"./Layout-BtkPWTwK.js";import{a as n,t as c,l as u,S as g,m as y,n as f,p as b,q as v}from"./index-VVKdn61F.js";import{L as j}from"./vendor-react-BR_v4Ont.js";import{G as k}from"./github-gEk5I_K4.js";import"./vendor-supabase-BSd6ADfF.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 w=n("CalendarDays",[["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:"M8 14h.01",key:"6423bh"}],["path",{d:"M12 14h.01",key:"1etili"}],["path",{d:"M16 14h.01",key:"1gbofw"}],["path",{d:"M8 18h.01",key:"lrp35t"}],["path",{d:"M12 18h.01",key:"mhygvu"}],["path",{d:"M16 18h.01",key:"kzsmim"}]]);/**
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 N=n("MapPin",[["path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",key:"1r0f0z"}],["circle",{cx:"12",cy:"10",r:"3",key:"ilqhr7"}]]);/**
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 h=n("MessageCircle",[["path",{d:"M7.9 20A9 9 0 1 0 4 16.1L2 22Z",key:"vv11sd"}]]);/**
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 S=n("Users",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["path",{d:"M16 3.13a4 4 0 0 1 0 7.75",key:"1da9ce"}]]);/**
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 M=n("Wrench",[["path",{d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z",key:"cbrjhi"}]]);/**
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 z=n("Youtube",[["path",{d:"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17",key:"1q2vi4"}],["path",{d:"m10 15 5-3-5-3z",key:"1jp15x"}]]);/**
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 A=n("Zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]]),d=({tool:t,variant:a})=>{const s=u(t),i=a==="full"?"8px 14px":"6px 12px",x=a==="full"?13:12.5,r=a==="full"?18:16;return e.jsxs("span",{className:"group inline-flex items-center gap-2 transition-colors",style:{background:"var(--tm-bg)",border:"1px solid var(--tm-border)",borderRadius:8,padding:i,fontSize:x,color:"var(--tm-text)",lineHeight:1},onMouseEnter:o=>{o.currentTarget.style.borderColor="rgba(255,109,90,0.4)"},onMouseLeave:o=>{o.currentTarget.style.borderColor="var(--tm-border)"},children:[s?e.jsx("img",{src:s,alt:"",width:r,height:r,loading:"lazy",decoding:"async",style:{width:r,height:r,objectFit:"contain",opacity:.85}}):e.jsx("span",{"aria-hidden":!0,style:{width:r,height:r,borderRadius:4,background:"linear-gradient(135deg, rgba(255,109,90,0.5), rgba(255,109,90,0.15))",display:"inline-block"}}),t.name]})},I=({variant:t="full"})=>t==="compact"?e.jsx("div",{className:"max-w-5xl mx-auto flex flex-col gap-5",children:c.map((a,s)=>e.jsxs(l.div,{initial:{opacity:0,y:12},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:s*.04},className:"flex flex-col md:flex-row md:items-start gap-3 md:gap-5",children:[e.jsx("div",{className:"md:text-right md:pt-2",style:{color:"var(--tm-text-3)",fontSize:12,textTransform:"uppercase",letterSpacing:"0.05em",minWidth:180,flexShrink:0},children:a.label}),e.jsx("div",{className:"flex flex-wrap gap-2 flex-1",children:a.tools.map(i=>e.jsx(d,{tool:i,variant:"compact"},i.name))})]},a.label))}):e.jsx("div",{className:"max-w-4xl mx-auto flex flex-col gap-8",children:c.map((a,s)=>e.jsxs(l.div,{initial:{opacity:0,y:12},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:s*.04},children:[e.jsx("div",{style:{color:"var(--tm-text-3)",fontSize:12,textTransform:"uppercase",letterSpacing:"0.08em",marginBottom:12},children:a.label}),e.jsx("div",{className:"flex flex-wrap gap-2.5",children:a.tools.map(i=>e.jsx(d,{tool:i,variant:"full"},i.name))})]},a.label))}),T=[{icon:A,title:"Fast turnaround",desc:"Most workflows ship in days, not weeks."},{icon:f,title:"Production-ready",desc:"Error handling, retries, and monitoring built in."},{icon:h,title:"Clear communication",desc:"Updates without jargon — you always know what's happening."},{icon:b,title:"Engineering rigor",desc:"Typed, tested, documented. Code your team can maintain."}],m=[{value:"200+",label:"clients"},{value:"2,000+",label:"automations"},{value:"10+",label:"agency partners"}],C=[{icon:N,text:"Based in Pakistan · Available worldwide"},{icon:v,text:"Timezone: PKT (GMT+5)"},{icon:h,text:"English, Urdu"},{icon:M,text:"Stack: React, n8n, Supabase, GHL"}],L=[{icon:k,href:"https://github.com/qureshi-basit",label:"GitHub"},{icon:S,href:"https://community.n8n.io/u/zynate/summary",label:"n8n Community"},{icon:z,href:"https://www.youtube.com/@Millionaze",label:"YouTube"}],B=["I'm a full-stack developer and automation architect who builds the systems businesses actually run on — SaaS platforms, AI agents, workflow automation, and operational infrastru

36cture.","I've shipped production platforms across real estate, finance, hospitality, sales intelligence, and e-commerce — working with agencies, startups, and enterprise clients across 3 continents. My stack centers on React, TypeScript, Supabase, n8n, and GoHighLevel, but I go wherever the problem takes me.","I don't build demos. Every system I deliver handles real users, real data, and real edge cases — with proper error handling, monitoring, and documentation so your team isn't stuck when I move on.","When I'm not building for clients, I'm publishing open-source n8n community nodes, researching automation gaps on Reddit, and shipping tools like Pixel Growth and LodgeIQ."],Q=()=>e.jsxs(p,{children:[e.jsx(g,{title:"About BasitQ | AI Solutions Architect & Automation Engineer",description:"Basit Qureshi is a solo freelance engineer in Lahore building SaaS platforms, AI agents, and n8n automation systems — shipped code, not slide decks.",path:"/about",jsonLd:{"@context":"https://schema.org","@type":"Person","@id":"https://basitq.cloud/#basit",name:"Basit Qureshi",alternateName:"BasitQ",jobTitle:"AI Solutions Architect",url:"https://basitq.cloud/about",email:"mailto:[email protected]",knowsAbout:["n8n","React","TypeScript","Supabase","GoHighLevel","AI Agents","Workflow Automation"],sameAs:["https://community.n8n.io/u/zynate/summary","https://github.com/qureshi-basit","https://www.youtube.com/@Millionaze"]}}),e.jsx("section",{className:"py-20",children:e.jsx("div",{className:"container mx-auto px-4 max-w-6xl",children:e.jsxs(l.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},className:"grid grid-cols-1 md:grid-cols-5 gap-10",children:[e.jsxs("div",{className:"md:col-span-3",children:[e.jsxs("h1",{className:"text-4xl md:text-5xl font-bold text-foreground",children:["About ",e.jsx("span",{className:"text-gradient",children:"BasitQ"})]}),e.jsx("div",{className:"mt-6 flex flex-col",style:{gap:16},children:B.map((t,a)=>e.jsx("p",{style:{fontSize:15,lineHeight:1.7,color:"var(--tm-text-2)",margin:0},children:t},a))}),e.jsx("div",{className:"mt-8 flex flex-wrap items-center",style:{gap:"10px 14px"},children:m.map((t,a)=>e.jsxs("div",{className:"inline-flex items-center",style:{gap:14},children:[e.jsxs("span",{style:{fontSize:14},children:[e.jsx("span",{style:{color:"var(--tm-accent)",fontWeight:700},children:t.value})," ",e.jsx("span",{style:{color:"var(--tm-text-2)"},children:t.label})]}),a<m.length-1&&e.jsx("span",{style:{color:"var(--tm-border)"},children:"·"})]},t.label))})]}),e.jsx("div",{className:"md:col-span-2",children:e.jsxs("div",{style:{background:"var(--tm-bg)",border:"1px solid var(--tm-border)",borderRadius:16,padding:24},children:[e.jsxs("div",{className:"flex flex-col items-center text-center",children:[e.jsx("div",{style:{width:80,height:80,borderRadius:"9999px",background:"linear-gradient(135deg, var(--tm-accent), var(--tm-accent-hover))",display:"flex",alignItems:"center",justifyContent:"center",color:"#ffffff",fontFamily:"'DM Sans', system-ui, sans-serif",fontWeight:700,fontSize:28},children:"BQ"}),e.jsx("div",{style:{fontSize:20,color:"var(--tm-text)",fontWeight:600,marginTop:14},children:"BasitQ"}),e.jsx("div",{style:{fontSize:13,color:"var(--tm-text-2)",marginTop:4},children:"Full-Stack Developer & Automation Architect"})]}),e.jsx("div",{style:{height:1,background:"var(--tm-border)",margin:"20px 0 16px"}}),e.jsx("div",{className:"flex flex-col",style:{gap:10},children:C.map(t=>{const a=t.icon;return e.jsxs("div",{className:"flex items-center",style:{gap:10,fontSize:13,color:"var(--tm-text-2)"},children:[e.jsx(a,{size:14,color:"var(--tm-accent)"}),e.jsx("span",{children:t.text})]},t.text)})}),e.jsx("div",{className:"flex flex-wrap",style:{gap:8,marginTop:16},children:e.jsx(y,{})}),e.jsx("div",{style:{height:1,background:"var(--tm-border)",margin:"18px 0 16px"}}),e.jsxs(j,{to:"/contact#booking",className:"w-full inline-flex items-center justify-center transition-[filter,transform] hover:brightness-110",style:{background:"var(--tm-accent)",color:"#ffffff",fontWeight:600,fontSize:14,padding:"11px 16px",borderRadius:4,gap:8},children:[e.jsx(w,{size:16}),"Book a Call"]}),e.jsx("div",{className:"flex items-center justify-center mt-4",style:{gap:14},children:L.map(t=>{const a=t.icon;return e.jsx("a",{href:t.href,target:"_blank",rel:"noopener noreferrer","aria-label":t.label,style:{color:"var(--tm-text-3)"},onMouseEnter:s=>s.currentTarget.style.color="var(--tm-accent)",onMouseLeave:s=>s.currentTarget.style.color="var(--tm-text-3)",children:e.jsx(a,{size:18})},t.label)})})]})})]})})}),e.jsx("section",{id:"stack",className:"py-16 border-y border-border/50 bg-card/30 scroll-mt-20",children:e.jsxs("div",{className:"container mx-auto px-4 max-w-4xl",children:[e.jsxs("h2",{className:"text-2xl md:text-3xl font-bold text-foreground text-center",children:["Tools I work with ",e.jsx("span",{className:"text-gradient",children:"daily"})]}),e.jsx("div",{className:"mt-10",children:e.jsx(I,{variant:"full"})})]})}),e.jsx("section",{className:"py-20",children:e.jsxs("div",{className:"container mx-auto px-4 max-w-4xl",children:[e.jsxs("h2",{className:"text-2xl md:text-3xl font-bold text-foreground text-center",children:["Why work ",e.jsx("span",{className:"text-gradient",children:"with me"})]}),e.jsx("div",{className:"mt-10 grid grid-cols-1 md:grid-cols-2 gap-6",children:T.map((t,a)=>e.jsxs(l.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:a*.1},className:"flex items-start gap-4 glass rounded-xl p-6",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0",children:e.jsx(t.icon,{className:"text-primary",size:20})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold text-foreground",children:t.title}),e.jsx("p",{className:"mt-1 text-sm text-muted-foreground",children:t.desc})]})]},t.title))})]})})]});

36export{Q as default};