import{j as e,p as t,b as s,Z as a,q as r,r as l,D as i,s as n,G as o,l as d,t as c,C as x,m as b}from"./ui-0c1fdf09.js";import g from"./AnimatedSection-8f01cd43.js";import{r as h}from"./vendor-d03f97b3.js";import{u as m}from"./index-650af140.js";const u=()=>{const[x,b]=h.useState(!1),[u,N]=h.useState("approach"),[w,k]=h.useState("style-1"),{isDarkMode:M}=m();h.useEffect((()=>{const e=setTimeout((()=>{b(!0)}),500);return()=>clearTimeout(e)}),[]);const D=e=>{k(w===e?null:e)};return e.jsxs("section",{id:"about",className:"py-24 relative overflow-hidden "+(M?"bg-gradient-to-b from-gray-900 via-gray-900 to-gray-950 text-white":"bg-gradient-to-b from-gray-50 via-gray-100 to-white text-gray-900"),children:[e.jsxs("div",{className:"absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none",children:[e.jsx("div",{className:"absolute top-0 left-1/4 w-64 h-64 rounded-full filter blur-3xl "+(M?"bg-blue-500/10":"bg-blue-500/5")}),e.jsx("div",{className:"absolute bottom-1/4 right-1/3 w-96 h-96 rounded-full filter blur-3xl "+(M?"bg-indigo-500/10":"bg-indigo-500/5")})]}),e.jsxs("div",{className:"absolute inset-0 overflow-hidden opacity-20 pointer-events-none",children:[e.jsx("div",{className:"absolute top-[20%] left-0 w-full h-px bg-gradient-to-r from-transparent via-blue-500 to-transparent"}),e.jsx("div",{className:"absolute top-[60%] left-0 w-full h-px bg-gradient-to-r from-transparent via-indigo-500 to-transparent"}),e.jsx("div",{className:"absolute left-[20%] top-0 w-px h-full bg-gradient-to-b from-transparent via-blue-500 to-transparent"}),e.jsx("div",{className:"absolute left-[70%] top-0 w-px h-full bg-gradient-to-b from-transparent via-indigo-500 to-transparent"})]}),e.jsx("div",{className:"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10",children:e.jsxs("div",{className:"grid lg:grid-cols-12 gap-8 items-start",children:[e.jsxs("div",{className:"lg:col-span-4 space-y-6",children:[e.jsxs(g,{className:`backdrop-blur-sm rounded-xl p-6 relative overflow-hidden group ${M?"bg-gray-800/50 border border-gray-700/50":"bg-white/90 border border-gray-200"} shadow-xl`,children:[e.jsx("div",{className:"absolute top-0 right-0 w-40 h-40 rounded-full translate-x-16 -translate-y-16 filter blur-xl "+(M?"bg-blue-500/10":"bg-blue-500/5")}),e.jsx("div",{className:"relative z-10",children:e.jsxs("div",{className:"flex flex-col items-center text-center",children:[e.jsxs("div",{className:"relative w-32 h-32 mb-4",children:[e.jsx("div",{className:"absolute inset-0 rounded-full bg-gradient-to-tr from-blue-500 to-indigo-600 blur opacity-60"}),e.jsxs("picture",{children:[e.jsx("source",{srcSet:"https://i.postimg.cc/SxbS61PK/EZ-Headshot.png?dl=1&fm=webp&w=128&h=128&fit=crop",type:"image/webp"}),e.jsx("img",{src:"https://i.postimg.cc/SxbS61PK/EZ-Headshot.png?dl=1&w=128&h=128&fit=crop",alt:"Enri Zhulati",className:"relative w-32 h-32 rounded-full object-cover border-2 border-blue-400/30",loading:"eager",width:"128",height:"128",fetchPriority:"high"})]})]}),e.jsx("h3",{className:"text-2xl font-bold "+(M?"text-white":"text-gray-900"),children:"Enri Zhulati"}),e.jsx("p",{className:(M?"text-gray-400":"text-gray-500")+" mt-1 mb-4",children:"Growth Advisor"}),e.jsxs("div",{className:"flex justify-center space-x-3 mb-5",children:[e.jsx("a",{href:"https://linkedin.com/in/enrizhulati",className:(M?"bg-gray-700/70":"bg-gray-100")+" hover:bg-blue-600/70 transition-colors p-2 rounded-full",target:"_blank",rel:"noopener noreferrer","aria-label":"Visit Enri Zhulati's LinkedIn profile",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"20",height:"20",stroke:"currentColor",fill:"none",className:""+(M?"text-blue-300":"text-blue-500"),children:[e.jsx("path",{d:"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"}),e.jsx("rect",{x:"2",y:"9",width:"4",height:"12"}),e.jsx("circle",{cx:"4",cy:"4",r:"2"})]})}),e.jsx("a",{href:"https://twitter.com/enrizhulati",className:(M?"bg-gray-700/70":"bg-gray-100")+" hover:bg-blue-600/70 transition-colors p-2 rounded-full",target:"_blank",rel:"noopener noreferrer","aria-label":"Visit Enri Zhulati's Twitter profile",children:e.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",stroke:"currentColor",fill:"none",className:""+(M?"text-blue-300":"text-blue-500"),children:e.jsx("path",{d:"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"})})}),e.jsx("a",{href:"/resume.html",className:(M?"bg-gray-700/70":"bg-gray-100")+" hover:bg-blue-600/70 transition-colors p-2 rounded-full",target:"_blank","aria-label":"View Enri Zhulati's resume",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"20",height:"20",stroke:"currentColor",fill:"none",className:""+(M?"text-blue-300":"text-blue-500"),children:[e.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),e.jsx("polyline",{points:"14 2 14 8 20 8"}),e.jsx("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),e.jsx("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),e.jsx("polyline",{points:"10 9 9 9 8 9"})]})})]})]})})]}),e.jsxs(g,{delay:.2,className:`backdrop-blur-sm rounded-xl p-6 relative overflow-hidden ${M?"bg-gray-800/50 border border-gray-700/50":"bg-white/90 border border-gray-200"} shadow-xl`,children:[e.jsxs("h3",{className:"text-lg font-semibold mb-5 flex items-center border-b pb-3 "+(M?"text-gray-300 border-gray-700/50":"text-gray-700 border-gray-200"),children:[e.jsx(t,{className:"mr-2 "+(M?"text-blue-400":"text-blue-500"),size:18}),"Career Snapshot"]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-4 top-4 bottom-4 w-px "+(M?"bg-gray-700":"bg-gray-300")}),e.jsxs("div",{className:"space-y-6",children:[e.jsx(f,{year:"2017 - Now",title:"Consumer Advocate",company:"ComparePower.com",isDarkMode:M}),e.jsx(f,{year:"2015 - 2017",title:"Product Manager",company:"OsteoMed",isDarkMode:M}),e.jsx(f,{year:"2013 - 2015",title:"Portfolio Manager",company:"Stryker",isLast:!0,isDarkMode:M})]})]}),e.jsx("div",{className:"text-center mt-6",children:e.jsxs("a",{href:"/resume.html",target:"_blank",className:"inline-flex items-center text-sm transition-colors "+(M?"text-blue-400 hover:text-blue-300":"text-blue-600 hover:text-blue-500"),children:[e.jsx("span",{children:"Full work history"}),e.jsx(s,{size:14,className:"ml-1"})]})})]})]}),e.jsxs("div",{className:"lg:col-span-8",children:[e.jsxs(g,{className:"backdrop-blur-sm rounded-xl p-8 border shadow-xl mb-6 "+(M?"bg-gray-800/50 border-gray-700/50":"bg-white/90 border-gray-200"),children:[e.jsxs("h2",{className:"text-3xl font-bold mb-5 "+(M?"text-gray-50":"text-gray-900"),children:["Hi, I'm ",e.jsx("span",{className:M?"text-blue-400":"text-blue-600",children:"Enri"})]}),e.jsxs("div",{className:"space-y-5 "+(M?"text-gray-300":"text-gray-700"),children:[e.jsx("p",{className:"text-lg leading-relaxed",children:"I help small businesses and growing companies get seen online without wasting money on tactics that don't work."}),e.jsx("p",{className:"text-lg leading-relaxed",children:"After 15+ years working in product management and growth roles, I've seen firsthand how the right digital strategy can transform a business—and how the wrong one can drain resources with nothing to show for it."}),e.jsxs("div",{className:"relative pl-6 mt-8",children:[e.jsx("div",{className:"absolute left-0 top-0 bottom-0 w-1 rounded-full bg-gradient-to-b from-blue-500 to-blue-400/70"}),e.jsx("p",{className:"text-lg",children:"My approach isn't about fancy jargon or false promises. I combine AI-powered tools with time-tested marketing fundamentals to create websites and digital systems that actually work—all at a fraction of what agencies charge."})]})]})]}),e.jsxs("div",{className:"backdrop-blur-sm rounded-xl p-1.5 flex flex-wrap sm:flex-nowrap "+(M?"bg-gray-800/70":"bg-gray-200/70"),children:[e.jsx(y,{isActive:"approach"===u,onClick:()=>N("approach"),icon:e.jsx(a,{size:18}),label:"How I Work",isDarkMode:M}),e.jsx(y,{isActive:"achievements"===u,onClick:()=>N("achievements"),icon:e.jsx(r,{size:18}),label:"Results",isDarkMode:M}),e.jsx(y,{isActive:"background"===u,onClick:()=>N("background"),icon:e.jsx(l,{size:18}),label:"Background",isDarkMode:M}),e.jsx(y,{isActive:"pricing"===u,onClick:()=>{const e=new CustomEvent("openPricingModal");window.dispatchEvent(e),N("approach")},icon:e.jsx(i,{size:18}),label:"Pricing",isDarkMode:M})]}),e.jsxs("div",{className:"relative min-h-[480px] mt-6",children:[e.jsx(j,{isVisible:"approach"===u,isDarkMode:M,children:e.jsxs("div",{className:"space-y-6",children:[e.jsx("h3",{className:"text-xl font-semibold mb-4 "+(M?"text-blue-400":"text-blue-600"),children:"My Working Style"}),e.jsxs("div",{className:"space-y-4",children:[e.jsx(p,{id:"style-1",title:"Direct Communication",number:"1",isExpanded:"style-1"===w,onClick:()=>D("style-1"),isDarkMode:M,children:e.jsx("p",{className:M?"text-gray-300":"text-gray-700",children:"I tell you exactly what works and what doesn't without marketing-speak or complexity."})}),e.jsx(p,{id:"style-2",title:"Strategic Technology",number:"2",isExpanded:"style-2"===w,onClick:()=>D("style-2"),isDarkMode:M,children:e.jsx("p",{className:M?"text-gray-300":"text-gray-700",children:"I use AI and automation where they add real value—not to replace human creativity but to enhance it and handle repetitive tasks."})}),e.jsx(p,{id:"style-3",title:"Results Over Activity",number:"3",isExpanded:"style-3"===w,onClick:()=>D("style-3"),isDarkMode:M,children:e.jsx("p",{className:M?"text-gray-300":"text-gray-700",children:"I focus on metrics that actually matter to your business—leads, sales, and ROI—not vanity metrics that look good on reports but don't pay the bills."})})]})]})}),e.jsx(j,{isVisible:"achievements"===u,isDarkMode:M,children:e.jsxs("div",{className:"space-y-5",children:[e.jsx("h3",{className:"text-xl font-semibold mb-3 "+(M?"text-blue-400":"text-blue-600"),children:"Results I've Delivered"}),e.jsx(v,{title:"ComparePower.com",metric:"100,000+ Monthly Visitors",description:"Scaled to 100,000 monthly visitors through targeted SEO strategies and conversion optimization",icon:e.jsx(n,{className:M?"text-blue-400":"text-blue-500"}),isDarkMode:M}),e.jsx(v,{title:"AlbaniaVisit.com",metric:"Premier Tourism Resource",description:"Built from scratch into a leading tourism resource with comprehensive guides and booking systems",icon:e.jsx(o,{className:M?"text-blue-400":"text-blue-500"}),isDarkMode:M}),e.jsx(v,{title:"ProsperaHealthcare.com",metric:"2,000 Monthly Visits in 60 Days",description:"Helped achieve 2,000 monthly organic visits within just 60 days of launch through content strategy and technical SEO",icon:e.jsx(d,{className:M?"text-blue-400":"text-blue-500"}),isDarkMode:M}),e.jsxs("div",{className:"relative p-6 rounded-xl border mt-6 "+(M?"bg-gradient-to-br from-blue-900/30 to-indigo-900/30 border-blue-900/30":"bg-gradient-to-br from-blue-50 to-indigo-50 border-blue-200/50"),children:[e.jsx("blockquote",{className:"italic leading-relaxed "+(M?"text-gray-300":"text-gray-700"),children:'"Enri transformed our online presence in just 90 days. His approach generated a 215% increase in online leads."'}),e.jsx("div",{className:"mt-4 font-semibold "+(M?"text-white":"text-gray-900"),children:"— Kyle, Prospera Healthcare"})]})]})}),e.jsx(j,{isVisible:"background"===u,isDarkMode:M,children:e.jsxs("div",{className:"space-y-6",children:[e.jsx("h3",{className:"text-xl font-semibold mb-3 "+(M?"text-blue-400":"text-blue-600"),children:"My Background"}),e.jsxs("div",{className:"flex gap-5 p-6 rounded-lg border "+(M?"bg-gray-900/50 border-gray-700/50":"bg-gray-50 border-gray-200/70"),children:[e.jsx("div",{className:"p-3 rounded-lg h-fit shadow-inner flex-shrink-0 "+(M?"bg-blue-900/30":"bg-blue-100"),children:e.jsx(c,{className:M?"text-blue-400":"text-blue-600",size:24})}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-lg font-semibold "+(M?"text-white":"text-gray-900"),children:"Mechanical Engineering, University of North Texas"}),e.jsx("p",{className:M?"text-gray-400":"text-gray-500",children:"2002 - 2006"}),e.jsx("p",{className:M?"text-gray-300":"text-gray-700",children:"My engineering background gave me strong analytical skills and problem-solving abilities that I now apply to digital strategies."})]})]}),e.jsx("p",{className:M?"text-gray-300":"text-gray-700",children:"I spent over a decade in product management roles for medical device companies, where I learned how to balance technical requirements with user needs and business goals."}),e.jsx("p",{className:M?"text-gray-300":"text-gray-700",children:"In 2017, I shifted my focus to digital growth, combining my technical background with marketing expertise to help businesses build effective online systems."}),e.jsxs("div",{className:"p-6 rounded-xl border mt-4 "+(M?"bg-gradient-to-br from-blue-900/20 to-indigo-900/20 border-blue-900/30":"bg-gradient-to-br from-blue-50 to-indigo-50 border-blue-200"),children:[e.jsx("h4",{className:"text-lg font-semibold mb-2 "+(M?"text-white":"text-gray-900"),children:"Continuous Learning"}),e.jsx("p",{className:"mb-4 "+(M?"text-gray-300":"text-gray-700"),children:"The digital landscape changes constantly. I dedicate at least 10 hours weekly to staying current with the latest developments in:"}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("div",{className:"w-2 h-2 rounded-full "+(M?"bg-blue-400":"bg-blue-500")}),e.jsx("span",{className:M?"text-gray-300":"text-gray-700",children:"SEO & Content Strategy"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("div",{className:"w-2 h-2 rounded-full "+(M?"bg-blue-400":"bg-blue-500")}),e.jsx("span",{className:M?"text-gray-300":"text-gray-700",children:"Web Development"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("div",{className:"w-2 h-2 rounded-full "+(M?"bg-blue-400":"bg-blue-500")}),e.jsx("span",{className:M?"text-gray-300":"text-gray-700",children:"AI Implementation"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("div",{className:"w-2 h-2 rounded-full "+(M?"bg-blue-400":"bg-blue-500")}),e.jsx("span",{className:M?"text-gray-300":"text-gray-700",children:"Marketing Technology"})]})]})]})]})})]})]})]})})]})},p=({id:t,title:s,number:a,isExpanded:r,onClick:l,children:i,isDarkMode:n})=>e.jsxs("div",{className:"rounded-lg overflow-hidden shadow-md "+(n?"bg-gray-900/60 border border-gray-700/70":"bg-white border border-gray-200/70"),children:[e.jsxs("button",{onClick:l,className:"w-full flex items-center justify-between p-5 text-left focus:outline-none transition-colors "+(r?n?"bg-gray-800/60 border-b border-gray-700/70":"bg-gray-50 border-b border-gray-200/70":n?"hover:bg-gray-800/40":"hover:bg-gray-50/60"),"aria-expanded":r,"aria-controls":`content-${t}`,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"flex items-center justify-center w-7 h-7 rounded-full mr-4 text-sm "+(r?n?"bg-blue-600/30 text-blue-300":"bg-blue-100 text-blue-700":n?"bg-blue-500/20 text-blue-400":"bg-blue-50 text-blue-600"),children:a}),e.jsx("h4",{className:"font-medium text-lg "+(n?"text-white":"text-gray-900"),children:s})]}),e.jsx("div",{className:`transition-transform ${r?"rotate-180":""} ${n?"text-blue-400":"text-blue-600"}`,children:e.jsx(x,{size:20})})]}),e.jsx(b.div,{id:`content-${t}`,initial:!1,animate:{height:r?"auto":0,opacity:r?1:0},transition:{duration:.25},className:"overflow-hidden",children:e.jsx("div",{className:"p-5 pt-3 pl-16",children:i})})]}),y=({isActive:t,onClick:s,icon:a,label:r,isDarkMode:l})=>e.jsxs("button",{onClick:s,className:"flex-1 py-2 sm:py-3 px-2 sm:px-4 rounded-lg transition-all duration-200 flex items-center justify-center space-x-1 sm:space-x-2 "+(t?"bg-blue-600 text-white font-medium":l?"text-gray-400 hover:text-gray-300 hover:bg-gray-700/50":"text-gray-600 hover:text-gray-800 hover:bg-gray-300/50"),children:[a,e.jsx("span",{className:"text-sm sm:text-base",children:r})]}),j=({isVisible:t,children:s,isDarkMode:a})=>e.jsx(b.div,{initial:{opacity:0,y:10},animate:{opacity:t?1:0,y:t?0:10},transition:{duration:.3},className:`backdrop-blur-sm rounded-xl p-6 sm:p-8 border shadow-xl h-full ${a?"bg-gray-800/50 border-gray-700/50":"bg-white/90 border-gray-200"} ${t?"block":"hidden"}`,children:s}),v=({title:t,metric:s,description:a,icon:r,isDarkMode:l,className:i=""})=>e.jsxs("div",{className:`flex gap-4 p-5 rounded-lg border hover:border-blue-900/40 transition-all ${l?"bg-gray-900/50 border-gray-700/50":"bg-gray-50 border-gray-200/70"} ${i}`,children:[e.jsx("div",{className:"w-12 h-12 rounded-lg flex items-center justify-center flex-shrink-0 shadow-inner "+(l?"bg-blue-900/30":"bg-blue-100"),children:r}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold text-lg "+(l?"text-white":"text-gray-900"),children:t}),e.jsx("div",{className:"font-medium text-sm mb-1 "+(l?"text-blue-400":"text-blue-600"),children:s}),e.jsx("p",{className:"text-sm leading-relaxed "+(l?"text-gray-400":"text-gray-600"),children:a})]})]}),f=({year:t,title:s,company:a,isLast:r=!1,isDarkMode:l})=>e.jsxs("div",{className:"relative pl-12",children:[e.jsx("div",{className:"absolute left-0 top-1.5",children:e.jsx("div",{className:"w-8 h-8 rounded-full flex items-center justify-center "+(l?"bg-blue-900/50 border border-blue-500/50":"bg-blue-100 border border-blue-300"),children:e.jsx("div",{className:"w-3 h-3 rounded-full "+(l?"bg-blue-400":"bg-blue-500")})})}),e.jsxs("div",{children:[e.jsx("p",{className:l?"text-gray-400":"text-gray-500",children:t}),e.jsx("p",{className:"font-medium "+(l?"text-white":"text-gray-900"),children:s}),e.jsx("p",{className:l?"text-gray-400":"text-gray-500",children:a})]})]});export{u as default};
//# sourceMappingURL=AboutMe-f033f516.js.map