import{t as e}from"./useTranslation-BNaeUrDn.js";import{S as t,_ as n,a as r,m as i,p as a,t as o}from"./index-CyveQwnz.js";import"./createLucideIcon-Du4OBjka.js";import{t as s}from"./arrow-left-Qr9Njbm2.js";var c=t(n()),l=t(o());function u(){let e=i();return(0,l.jsxs)(`button`,{onClick:()=>{let t=sessionStorage.getItem(`lastHomeSection`);e(`/`,{replace:!1}),requestAnimationFrame(()=>{let e=document.getElementById(t);if(e){let t=e.getBoundingClientRect().top+window.scrollY+-80;window.scrollTo({top:t,behavior:`smooth`})}})},className:`absolute top-10 left-4 z-50
                 flex items-center gap-2
                 bg-black/40 text-white
                 border border-white/20
                 rounded-full px-4 py-2
                 backdrop-blur-md cursor-pointer`,children:[(0,l.jsx)(s,{size:20}),`Back`]})}function d({darkMode:t}){let n=i(),{pathname:o}=a(),{t:s,i18n:d}=e();(0,c.useEffect)(()=>{window.scrollTo(0,0)},[o]);let f=(0,c.useMemo)(()=>[{title:s(`works.video_editing`),path:`/videoeditor`,img:`https://res.cloudinary.com/dydngnb6v/image/upload/v1766738913/videoEditor_ixebxp.webp`},{title:s(`works.motion_graphics`),path:`/motion`,img:`https://res.cloudinary.com/dydngnb6v/image/upload/v1766738913/motion_uxmdeq.webp`},{title:s(`works.director`),path:`/director`,img:`https://res.cloudinary.com/dydngnb6v/image/upload/v1766738913/videography_nkujuy.webp`},{title:s(`works.three_d`),path:`/3d`,img:`https://res.cloudinary.com/dydngnb6v/image/upload/v1766135791/threeD4_rkcdtn.webp`}],[d.language,s]);return(0,l.jsxs)(`section`,{className:`min-h-screen py-20 px-5 text-center transition-colors duration-500`,dir:d.language===`ar`?`rtl`:`ltr`,children:[(0,l.jsxs)(r,{children:[(0,l.jsx)(`title`,{children:`Portfolio & Creative Works | Faress Mohamed`}),(0,l.jsx)(`meta`,{name:`description`,content:`استعرض أعمال Faress Mohamed في المونتاج الاحترافي، الموشن جرافيك، تصميم 3D، وإخراج الفيديوهات الإعلانية والتجارية. نماذج مشاريع إبداعية بجودة عالية.`}),(0,l.jsx)(`meta`,{name:`keywords`,content:`Fares Mohamed Portfolio, أعمال فارس محمد, Creative Portfolio, Video Editing, Motion Graphics, 3D Design, Director Portfolio, Videographer Portfolio, Commercial Video Production, Cinematic Editing, 3D Animation, Logo Animation, Social Media Video Production, Professional Video Services, Creative Direction, Brand Video Production, صناعة محتوى, تعديل فيديوهات احترافي`}),(0,l.jsx)(`link`,{rel:`canonical`,href:`https://faress-mohamed.com/my-works`}),(0,l.jsx)(`meta`,{property:`og:title`,content:`Faress Mohamed Portfolio | Creative Video & 3D Projects`}),(0,l.jsx)(`meta`,{property:`og:description`,content:`Explore professional video editing, motion graphics, and 3D creative projects by Faress Mohamed.`}),(0,l.jsx)(`meta`,{property:`og:image`,content:`https://res.cloudinary.com/dydngnb6v/image/upload/v1767794003/Screenshot_2026-01-07_155252_hsxhms.png`}),(0,l.jsx)(`meta`,{property:`og:url`,content:`https://faress-mohamed.com/my-works`}),(0,l.jsx)(`meta`,{property:`og:type`,content:`website`}),(0,l.jsx)(`meta`,{name:`twitter:card`,content:`summary_large_image`}),(0,l.jsx)(`meta`,{name:`twitter:title`,content:`Faress Mohamed Portfolio | Video, Motion & 3D`}),(0,l.jsx)(`meta`,{name:`twitter:description`,content:`Professional creative portfolio including video editing, motion graphics and 3D projects.`}),(0,l.jsx)(`meta`,{name:`twitter:image`,content:`https://res.cloudinary.com/dydngnb6v/image/upload/v1767794003/Screenshot_2026-01-07_155252_hsxhms.png`}),(0,l.jsx)(`script`,{type:`application/ld+json`,children:JSON.stringify({"@context":`https://schema.org`,"@type":`CollectionPage`,"@id":`https://faress-mohamed.com/my-works`,url:`https://faress-mohamed.com/my-works`,name:`Faress Mohamed Portfolio`,alternateName:`فارس محمد | معرض الأعمال`,description:`Collection of professional video editing, motion graphics and 3D creative projects.`,author:{"@type":`Person`,name:`Faress Mohamed`,url:`https://faress-mohamed.com/`}})})]}),(0,l.jsx)(u,{}),(0,l.jsxs)(`div`,{className:`mb-12`,children:[(0,l.jsx)(`p`,{className:`tracking-wider font-bold mb-2 text-sm sm:text-base transition-colors duration-500 ${t?`text-[#3db9eb]`:`text-[#404040]`}`,children:s(`works.header_sub`)}),(0,l.jsx)(`h2`,{className:`text-4xl md:text-5xl font-bold mb-3 transition-colors duration-500 ${t?`text-white`:`text-[#5A5A5A]`}`,children:s(`works.header_title`)})]}),(0,l.jsx)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-8 sm:gap-10 max-w-5xl mx-auto`,children:f.map((e,r)=>(0,l.jsxs)(`div`,{onClick:()=>n(e.path),className:`group cursor-pointer relative overflow-hidden rounded-2xl border h-[200px] sm:h-[250px] md:h-[300px] border-white/20 backdrop-blur-[10px] hover:border-[#3db9eb]/50 transition-all duration-500`,children:[(0,l.jsx)(`img`,{src:e.img,alt:e.title,width:`600`,height:`400`,loading:`lazy`,decoding:`async`,className:`absolute inset-0 w-full h-full object-cover opacity-100 group-hover:opacity-90 transition-transform duration-700 scale-105 group-hover:scale-110`}),(0,l.jsx)(`div`,{className:`absolute inset-0 bg-black/50 group-hover:bg-black/40 transition-colors duration-500`}),(0,l.jsx)(`div`,{className:`relative z-10 flex items-center justify-center w-full h-full px-2`,children:(0,l.jsx)(`h3`,{className:`text-xl text-white sm:text-2xl md:text-3xl lg:text-4xl font-extrabold transition-colors duration-300 text-center ${t?`group-hover:text-[#3db9eb]`:`group-hover:text-[white]`}`,children:e.title})})]},r))})]})}var f=(0,c.memo)(d);export{f as default};