import{t as e}from"./useTranslation-BNaeUrDn.js";import{S as t,_ as n,i as r,t as i,v as a}from"./index-CyveQwnz.js";import{t as o}from"./proxy-B_Exbr39.js";import"./emotion-is-prop-valid.esm-DKI-Z5VI.js";import{t as s}from"./styled-components.browser.esm-DKNPpcCv.js";var c=a(((e,t)=>{(function(n,r){typeof e==`object`&&t!==void 0?r(e):typeof define==`function`&&define.amd?define([`exports`],r):r((n=typeof globalThis<`u`?globalThis:n||self).countUp={})})(e,(function(e){var t=function(){return t=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},t.apply(this,arguments)};e.CountUp=function(){function e(e,n,r){var i=this;this.endVal=n,this.options=r,this.version=`2.9.0`,this.defaults={startVal:0,decimalPlaces:0,duration:2,useEasing:!0,useGrouping:!0,useIndianSeparators:!1,smartEasingThreshold:999,smartEasingAmount:333,separator:`,`,decimal:`.`,prefix:``,suffix:``,enableScrollSpy:!1,scrollSpyDelay:200,scrollSpyOnce:!1},this.finalEndVal=null,this.useEasing=!0,this.countDown=!1,this.error=``,this.startVal=0,this.paused=!0,this.once=!1,this.count=function(e){i.startTime||=e;var t=e-i.startTime;i.remaining=i.duration-t,i.useEasing?i.countDown?i.frameVal=i.startVal-i.easingFn(t,0,i.startVal-i.endVal,i.duration):i.frameVal=i.easingFn(t,i.startVal,i.endVal-i.startVal,i.duration):i.frameVal=i.startVal+(i.endVal-i.startVal)*(t/i.duration),i.frameVal=(i.countDown?i.frameVal<i.endVal:i.frameVal>i.endVal)?i.endVal:i.frameVal,i.frameVal=Number(i.frameVal.toFixed(i.options.decimalPlaces)),i.printValue(i.frameVal),t<i.duration?i.rAF=requestAnimationFrame(i.count):i.finalEndVal===null?i.options.onCompleteCallback&&i.options.onCompleteCallback():i.update(i.finalEndVal)},this.formatNumber=function(e){var t,n,r,a,o=e<0?`-`:``;t=Math.abs(e).toFixed(i.options.decimalPlaces);var s=(t+=``).split(`.`);if(n=s[0],r=s.length>1?i.options.decimal+s[1]:``,i.options.useGrouping){a=``;for(var c=3,l=0,u=0,d=n.length;u<d;++u)i.options.useIndianSeparators&&u===4&&(c=2,l=1),u!==0&&l%c==0&&(a=i.options.separator+a),l++,a=n[d-u-1]+a;n=a}return i.options.numerals&&i.options.numerals.length&&(n=n.replace(/[0-9]/g,(function(e){return i.options.numerals[+e]})),r=r.replace(/[0-9]/g,(function(e){return i.options.numerals[+e]}))),o+i.options.prefix+n+r+i.options.suffix},this.easeOutExpo=function(e,t,n,r){return n*(1-2**(-10*e/r))*1024/1023+t},this.options=t(t({},this.defaults),r),this.formattingFn=this.options.formattingFn?this.options.formattingFn:this.formatNumber,this.easingFn=this.options.easingFn?this.options.easingFn:this.easeOutExpo,this.el=typeof e==`string`?document.getElementById(e):e,n??=this.parse(this.el.innerHTML),this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.endVal=this.validateValue(n),this.options.decimalPlaces=Math.max(this.options.decimalPlaces),this.resetDuration(),this.options.separator=String(this.options.separator),this.useEasing=this.options.useEasing,this.options.separator===``&&(this.options.useGrouping=!1),this.el?this.printValue(this.startVal):this.error=`[CountUp] target is null or undefined`,typeof window<`u`&&this.options.enableScrollSpy&&(this.error?console.error(this.error,e):(window.onScrollFns=window.onScrollFns||[],window.onScrollFns.push((function(){return i.handleScroll(i)})),window.onscroll=function(){window.onScrollFns.forEach((function(e){return e()}))},this.handleScroll(this)))}return e.prototype.handleScroll=function(e){if(e&&window&&!e.once){var t=window.innerHeight+window.scrollY,n=e.el.getBoundingClientRect(),r=n.top+window.pageYOffset,i=n.top+n.height+window.pageYOffset;i<t&&i>window.scrollY&&e.paused?(e.paused=!1,setTimeout((function(){return e.start()}),e.options.scrollSpyDelay),e.options.scrollSpyOnce&&(e.once=!0)):(window.scrollY>i||r>t)&&!e.paused&&e.reset()}},e.prototype.determineDirectionAndSmartEasing=function(){var e=this.finalEndVal?this.finalEndVal:this.endVal;this.countDown=this.startVal>e;var t=e-this.startVal;if(Math.abs(t)>this.options.smartEasingThreshold&&this.options.useEasing){this.finalEndVal=e;var n=this.countDown?1:-1;this.endVal=e+n*this.options.smartEasingAmount,this.duration/=2}else this.endVal=e,this.finalEndVal=null;this.finalEndVal===null?this.useEasing=this.options.useEasing:this.useEasing=!1},e.prototype.start=function(e){this.error||(this.options.onStartCallback&&this.options.onStartCallback(),e&&(this.options.onCompleteCallback=e),this.duration>0?(this.determineDirectionAndSmartEasing(),this.paused=!1,this.rAF=requestAnimationFrame(this.count)):this.printValue(this.endVal))},e.prototype.pauseResume=function(){this.paused?(this.startTime=null,this.duration=this.remaining,this.startVal=this.frameVal,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count)):cancelAnimationFrame(this.rAF),this.paused=!this.paused},e.prototype.reset=function(){cancelAnimationFrame(this.rAF),this.paused=!0,this.resetDuration(),this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.printValue(this.startVal)},e.prototype.update=function(e){cancelAnimationFrame(this.rAF),this.startTime=null,this.endVal=this.validateValue(e),this.endVal!==this.frameVal&&(this.startVal=this.frameVal,this.finalEndVal??this.resetDuration(),this.finalEndVal=null,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count))},e.prototype.printValue=function(e){if(this.el){var t=this.formattingFn(e);this.options.plugin?.render?this.options.plugin.render(this.el,t):this.el.tagName===`INPUT`?this.el.value=t:this.el.tagName===`text`||this.el.tagName===`tspan`?this.el.textContent=t:this.el.innerHTML=t}},e.prototype.ensureNumber=function(e){return typeof e==`number`&&!isNaN(e)},e.prototype.validateValue=function(e){var t=Number(e);return this.ensureNumber(t)?t:(this.error=`[CountUp] invalid start or end value: ${e}`,null)},e.prototype.resetDuration=function(){this.startTime=null,this.duration=1e3*Number(this.options.duration),this.remaining=this.duration},e.prototype.parse=function(e){var t=function(e){return e.replace(/([.,'  ])/g,`\\$1`)},n=t(this.options.separator),r=t(this.options.decimal),i=e.replace(new RegExp(n,`g`),``).replace(new RegExp(r,`g`),`.`);return parseFloat(i)},e}()}))})),l=a((e=>{Object.defineProperty(e,`__esModule`,{value:!0});var t=n(),r=c();function i(e,t){var n=e==null?null:typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`];if(n!=null){var r,i,a,o,s=[],c=!0,l=!1;try{if(a=(n=n.call(e)).next,t===0){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&n.return!=null&&(o=n.return(),Object(o)!==o))return}finally{if(l)throw i}}return s}}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?a(Object(n),!0).forEach(function(t){u(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function s(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function l(e){var t=s(e,`string`);return typeof t==`symbol`?t:String(t)}function u(e,t,n){return t=l(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}function f(e,t){if(e==null)return{};var n={},r=Object.keys(e),i,a;for(a=0;a<r.length;a++)i=r[a],!(t.indexOf(i)>=0)&&(n[i]=e[i]);return n}function p(e,t){if(e==null)return{};var n=f(e,t),r,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)r=a[i],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function m(e,t){return h(e)||i(e,t)||g(e,t)||v()}function h(e){if(Array.isArray(e))return e}function g(e,t){if(e){if(typeof e==`string`)return _(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`)return Array.from(e);if(n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _(e,t)}}function _(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function v(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var y=typeof window<`u`&&window.document!==void 0&&window.document.createElement!==void 0?t.useLayoutEffect:t.useEffect;function b(e){var n=t.useRef(e);return y(function(){n.current=e}),t.useCallback(function(){var e=[...arguments];return n.current.apply(void 0,e)},[])}var x=function(e,t){var n=t.decimal,i=t.decimals,a=t.duration,o=t.easingFn,s=t.end,c=t.formattingFn,l=t.numerals,u=t.prefix,d=t.separator,f=t.start,p=t.suffix,m=t.useEasing,h=t.useGrouping,g=t.useIndianSeparators,_=t.enableScrollSpy,v=t.scrollSpyDelay,y=t.scrollSpyOnce,b=t.plugin;return new r.CountUp(e,s,{startVal:f,duration:a,decimal:n,decimalPlaces:i,easingFn:o,formattingFn:c,numerals:l,separator:d,prefix:u,suffix:p,plugin:b,useEasing:m,useIndianSeparators:g,useGrouping:h,enableScrollSpy:_,scrollSpyDelay:v,scrollSpyOnce:y})},S=[`ref`,`startOnMount`,`enableReinitialize`,`delay`,`onEnd`,`onStart`,`onPauseResume`,`onReset`,`onUpdate`],C={decimal:`.`,separator:`,`,delay:null,prefix:``,suffix:``,duration:2,start:0,decimals:0,startOnMount:!0,enableReinitialize:!0,useEasing:!0,useGrouping:!0,useIndianSeparators:!1},w=function(e){var n=Object.fromEntries(Object.entries(e).filter(function(e){return m(e,2)[1]!==void 0})),r=t.useMemo(function(){return o(o({},C),n)},[e]),i=r.ref,a=r.startOnMount,s=r.enableReinitialize,c=r.delay,l=r.onEnd,u=r.onStart,d=r.onPauseResume,f=r.onReset,h=r.onUpdate,g=p(r,S),_=t.useRef(),v=t.useRef(),y=t.useRef(!1),w=b(function(){return x(typeof i==`string`?i:i.current,g)}),T=b(function(e){var t=_.current;if(t&&!e)return t;var n=w();return _.current=n,n}),E=b(function(){var e=function(){return T(!0).start(function(){l?.({pauseResume:D,reset:O,start:A,update:k})})};c&&c>0?v.current=setTimeout(e,c*1e3):e(),u?.({pauseResume:D,reset:O,update:k})}),D=b(function(){T().pauseResume(),d?.({reset:O,start:A,update:k})}),O=b(function(){T().el&&(v.current&&clearTimeout(v.current),T().reset(),f?.({pauseResume:D,start:A,update:k}))}),k=b(function(e){T().update(e),h?.({pauseResume:D,reset:O,start:A})}),A=b(function(){O(),E()}),j=b(function(e){a&&(e&&O(),E())});return t.useEffect(function(){y.current?s&&j(!0):(y.current=!0,j())},[s,y,j,c,e.start,e.suffix,e.prefix,e.duration,e.separator,e.decimals,e.decimal,e.formattingFn]),t.useEffect(function(){return function(){O()}},[O]),{start:A,pauseResume:D,reset:O,update:k,getCountUp:T}},T=[`className`,`redraw`,`containerProps`,`children`,`style`];e.default=function(e){var n=e.className,r=e.redraw,i=e.containerProps,a=e.children,s=e.style,c=p(e,T),l=t.useRef(null),u=t.useRef(!1),f=w(o(o({},c),{},{ref:l,startOnMount:typeof a!=`function`||e.delay===0,enableReinitialize:!1})),m=f.start,h=f.reset,g=f.update,_=f.pauseResume,v=f.getCountUp,y=b(function(){m()}),x=b(function(t){e.preserveValue||h(),g(t)}),S=b(function(){if(typeof e.children==`function`&&!(l.current instanceof Element)){console.error(`Couldn't find attached element to hook the CountUp instance into! Try to attach "containerRef" from the render prop to a an Element, eg. <span ref={containerRef} />.`);return}v()});t.useEffect(function(){S()},[S]),t.useEffect(function(){u.current&&x(e.end)},[e.end,x]);var C=r&&e;return t.useEffect(function(){r&&u.current&&y()},[y,r,C]),t.useEffect(function(){!r&&u.current&&y()},[y,r,e.start,e.suffix,e.prefix,e.duration,e.separator,e.decimals,e.decimal,e.className,e.formattingFn]),t.useEffect(function(){u.current=!0},[]),typeof a==`function`?a({countUpRef:l,start:m,reset:h,update:g,pauseResume:_,getCountUp:v}):t.createElement(`span`,d({className:n,ref:l,style:s},i),e.start===void 0?``:v().formattingFn(e.start))},e.useCountUp=w})),u=t(n()),d=t(l()),f=t(i()),p=({number:e,label:t,startCount:n,darkMode:r})=>(0,f.jsx)(m,{$mainColor:r?`#3db9eb`:`#404040`,$textColor:r?`#FFFFFF`:`#333333`,$subTextColor:r?`#CCCCCC`:`#555555`,$borderColor:r?`#202222`:`#D0D0D0`,$bgCard:r?`#111`:`#FAFAFA`,children:(0,f.jsxs)(`div`,{className:`outer`,children:[(0,f.jsx)(`div`,{className:`dot`}),(0,f.jsxs)(`div`,{className:`card`,children:[(0,f.jsx)(`div`,{className:`ray`}),(0,f.jsxs)(`div`,{className:`text`,children:[`+`,n?(0,f.jsx)(d.default,{start:0,end:e,duration:2}):e]}),(0,f.jsx)(`div`,{className:`label`,children:t}),(0,f.jsx)(`div`,{className:`line topl`}),(0,f.jsx)(`div`,{className:`line leftl`}),(0,f.jsx)(`div`,{className:`line bottoml`}),(0,f.jsx)(`div`,{className:`line rightl`})]})]})}),m=s.div`
  width: 160px;
  height: 160px;

  @media (max-width: 768px) {
    width: 130px;
    height: 130px;
  }

  @media (max-width: 480px) {
    width: 110px;
    height: 110px;
  }

  .outer {
    border-radius: 10px;
    padding: 1px;
    position: relative;
    width: 100%;
    height: 100%;
  }



  .card {
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 19px;
    border-radius: 9px;
    border: solid 1px ${e=>e.$borderColor};
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: column;
    color: ${e=>e.$textColor};
    transition: all 0.3s ease;
  }

  .ray {
    width: 150px;
    height: 25px;
    border-radius: 100px;
    position: absolute;
    background-color: ${e=>e.$mainColor};
    opacity: 0.25;
    box-shadow: 0 0 40px ${e=>e.$mainColor};
    filter: blur(10px);
    transform-origin: 10%;
    top: 0%;
    transform: rotate(40deg);
  }

  .text {
    font-weight: bold;
    font-size: 2rem;
    background: ${e=>e.$textColor};
    background-clip: text;
    color: transparent;
  }

  .label {
    font-size: 1.2rem;
    margin-top: 5px;
    text-align: center;
    color: ${e=>e.$subTextColor};
  }

  @media (max-width: 768px) {
    .text {
      font-size: 1.6rem;
    }
    .label {
      font-size: 0.85rem;
    }
  }

  @media (max-width: 480px) {
    .text {
      font-size: 1.4rem;
    }
    .label {
      font-size: 0.75rem;
    }
  }

  .line {
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: ${e=>e.$borderColor};
  }

  .topl {
    top: 10%;
    background: linear-gradient(
      90deg,
      ${e=>e.$mainColor} 20%,
      transparent 90%
    );
  }

  .bottoml {
    bottom: 10%;
  }

  .leftl {
    left: 10%;
    width: 1px;
    height: 100%;
    background: linear-gradient(
      180deg,
      ${e=>e.$mainColor} 20%,
      transparent 90%
    );
  }

  .rightl {
    right: 10%;
    width: 1px;
    height: 100%;
  }
`,h=p,g=({darkMode:t})=>{let{t:n}=e(),[i,a]=(0,u.useState)(!1),s=t?`#3db9eb`:`#404040`,c=t?`text-gray-200`:`text-gray-700`,l=[{number:120,label:n(`about.stats.projects`)},{number:85,label:n(`about.stats.clients`)},{number:5,label:n(`about.stats.years`)}],d=(0,u.useCallback)(()=>a(!0),[]);return(0,f.jsxs)(`section`,{className:`grid grid-cols-1 lg:grid-cols-2 items-center gap-12 px-4 md:px-8 max-w-[1400px] mx-auto py-20 overflow-hidden transition-colors duration-500 `,children:[(0,f.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-8`,children:[(0,f.jsx)(`div`,{className:`relative group inline-block p-[10px] md:p-[20px] rounded-[30px] transition-all duration-500 ${t?`bg-gradient-to-r from-[#3db9eb]/10 to-transparent`:`bg-[#5A5A5A]/10`}`,children:(0,f.jsx)(`img`,{src:`/assets/About.webp`,alt:`Faress Mohamed | فارس محمد - Video Editing`,loading:`lazy`,decoding:`async`,width:750,height:550,className:`w-[500px] md:w-[750px] h-[440px] md:h-[550px] object-cover rounded-[24px] transition-all duration-500`})}),(0,f.jsx)(o.div,{onViewportEnter:d,className:`grid grid-cols-3 gap-6 w-full justify-items-center`,children:l.map((e,n)=>(0,f.jsx)(`div`,{className:`w-full max-w-[200px]`,children:(0,f.jsx)(h,{number:e.number,label:e.label,startCount:i,darkMode:t})},n))})]}),(0,f.jsxs)(`div`,{dir:r.language===`ar`?`rtl`:`ltr`,className:`lg:text-left space-y-12 self-start text-start`,children:[(0,f.jsx)(`h1`,{className:`text-4xl text-center md:text-5xl mb-6 font-bold transition-colors duration-500 ${t?`text-sky-100`:`text-[#5A5A5A]`}`,children:n(`about.title`)}),[n(`about.intro`),n(`about.skills`),n(`about.training`)].map((e,t)=>(0,f.jsx)(`p`,{className:`text-lg leading-10 ${c}`,dangerouslySetInnerHTML:{__html:e.replace(/<strong>/g,`<span class="font-semibold">`).replace(/<\/strong>/g,`</span>`).replace(/<highlight>/g,`<span style="color: ${s}" class="font-semibold">`).replace(/<\/highlight>/g,`</span>`)}},t))]})]})};export{g as default};