import{t as e}from"./useTranslation-BNaeUrDn.js";import{S as t,_ as n,a as r,t as i}from"./index-CyveQwnz.js";import{t as a}from"./proxy-B_Exbr39.js";import{t as o}from"./AnimatePresence-CH9Cx01g.js";import"./emotion-is-prop-valid.esm-DKI-Z5VI.js";import"./index.esm-A-QCvYor.js";import{i as s,n as c,s as l}from"./firebase-CaNZe86C.js";import{f as u}from"./fa-Dm_y8sJq.js";import"./createLucideIcon-Du4OBjka.js";import"./arrow-left-Qr9Njbm2.js";import{t as d}from"./BacktoWorks-Clkax9hZ.js";var f=t(n()),p=t(i()),m=(0,f.memo)(({pkg:e,onSelect:t})=>(0,p.jsx)(a.div,{className:`cursor-pointer rounded-2xl overflow-hidden shadow-lg border border-gray-300 dark:border-white/20 hover:shadow-2xl transition-all duration-300 ${e.recommended?`ring-2 ring-yellow-500`:``}`,whileHover:{scale:1.03},onClick:()=>t(e),children:(0,p.jsxs)(`div`,{className:`relative w-full aspect-[11/8] sm:aspect-[12/8] overflow-hidden`,children:[(0,p.jsx)(`img`,{src:e.images?.[0]||`/assets/default-thumbnail.jpg`,alt:e.title||`3D Package Thumbnail`,className:`w-full h-full object-cover transition-transform duration-500`}),(0,p.jsx)(`div`,{className:`absolute inset-0 bg-black/25 flex items-center justify-center text-white text-3xl md:text-4xl font-bold`,children:`View Package`}),e.recommended&&(0,p.jsxs)(`span`,{className:`absolute top-3 left-3 z-20
                     text-xs font-bold
                     px-3 py-1 rounded-full
                     shadow-md
                     bg-gradient-to-r from-yellow-400 via-yellow-300 to-yellow-500
                     text-black
                     backdrop-blur-sm
                     border border-white/30 flex items-center gap-1
                     transform scale-105 hover:scale-110 transition-all duration-300`,children:[(0,p.jsx)(u,{}),` Recommended`]})]})}));function h({darkMode:t}){let{t:n}=e(),[i,u]=(0,f.useState)([]),[h,g]=(0,f.useState)(null);return(0,f.useEffect)(()=>{(async()=>{try{let e=s(c,`videos`),t=(await l(e)).docs.map(e=>{let t=e.data(),n=t.media?.images?.map(e=>e.img)||[],r=t.media?.videoUrl?t.media.videoUrl.includes(`embed`)?t.media.videoUrl:t.media.videoUrl.replace(`youtube.com/shorts/`,`www.youtube.com/embed/`):``;return{id:e.id,title:t.title||`Untitled`,category:t.category||``,thumbnail:n[0]||`/assets/default-thumbnail.jpg`,order:t.order||0,images:n,video:r||``,recommended:t.recommended||!1}}).filter(e=>e.category.toLowerCase()===`3d`).sort((e,t)=>e.order-t.order);u(t)}catch(e){console.error(`Error fetching packages: `,e)}})()},[]),(0,p.jsxs)(`section`,{className:`py-25 px-4 md:px-8 min-h-screen transition-colors duration-500 `,children:[(0,p.jsxs)(r,{children:[(0,p.jsx)(`title`,{children:`3D Art & Animation Services | Faress Mohamed`}),(0,p.jsx)(`meta`,{name:`description`,content:`استعرض أفضل أعمال فارس محمد في تصميم 3D، تشمل مشاريع مبتكرة، صور وفيديوهات ثلاثية الأبعاد، وتصميم 3D Animation احترافي.`}),(0,p.jsx)(`link`,{rel:`canonical`,href:`https://faress-mohamed.com/3d`}),(0,p.jsx)(`meta`,{property:`og:title`,content:`3D Art & Animation Services | Faress Mohamed`}),(0,p.jsx)(`meta`,{property:`og:description`,content:`أعمال احترافية في تصميم 3D و3D Animation لمشاريع مبتكرة وعصرية.`}),(0,p.jsx)(`meta`,{property:`og:image`,content:`https://res.cloudinary.com/dydngnb6v/image/upload/v1766131315/threeD15_fm8law.webp`}),(0,p.jsx)(`meta`,{property:`og:image:width`,content:`1200`}),(0,p.jsx)(`meta`,{property:`og:image:height`,content:`630`}),(0,p.jsx)(`meta`,{property:`og:url`,content:`https://faress-mohamed.com/3d`}),(0,p.jsx)(`meta`,{property:`og:type`,content:`website`}),(0,p.jsx)(`meta`,{name:`twitter:card`,content:`summary_large_image`}),(0,p.jsx)(`meta`,{name:`twitter:title`,content:`3D Art & Animation Services | Faress Mohamed`}),(0,p.jsx)(`meta`,{name:`twitter:description`,content:`استعرض أفضل أعمال 3D و3D Animation الخاصة بـ فارس محمد لمشاريع مبتكرة وعصرية.`}),(0,p.jsx)(`meta`,{name:`twitter:image`,content:`https://res.cloudinary.com/dydngnb6v/image/upload/v1766131315/threeD15_fm8law.webp`}),(0,p.jsx)(`meta`,{name:`twitter:url`,content:`https://faress-mohamed.com/3d`}),(0,p.jsx)(`meta`,{name:`keywords`,content:`Fares Mohamed Director Portfolio, Fares Mohamed Videographer, أعمال إخراج فارس محمد, أعمال تصوير احترافي, Film Director Portfolio, Cinematic Videography, Commercial Video Director, Event Videography, Corporate Video Production, Creative Direction, Video Shooting Services, إخراج سينمائي, تصوير إعلانات, تصوير شركات, برومو احترافي`}),(0,p.jsx)(`script`,{type:`application/ld+json`,children:JSON.stringify({"@context":`https://schema.org`,"@graph":[{"@type":`Service`,"@id":`https://faress-mohamed.com/3d#service`,name:`3D Art & Animation Services | Faress Mohamed`,alternateName:`فارس محمد | خدمات تصميم 3D وفنون 3D`,provider:{"@type":`Person`,name:`Faress Mohamed`,url:`https://faress-mohamed.com/`},areaServed:`Worldwide`,serviceType:`3D Design & Animation`,description:`تقديم خدمات تصميم 3D و3D Animation احترافية، تشمل مشاريع مبتكرة، صور وفيديوهات ثلاثية الأبعاد.`},{"@type":`CollectionPage`,"@id":`https://faress-mohamed.com/3d`,url:`https://faress-mohamed.com/3d`,name:`3D Portfolio`,description:`صفحة تعرض مجموعة من أعمال تصميم 3D و3D Animation الاحترافية الخاصة بـ فارس محمد.`}]})})]}),(0,p.jsx)(d,{}),(0,p.jsxs)(a.h1,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.6},className:`text-center text-3xl md:text-5xl font-extrabold mb-12 transition-colors duration-500 ${t?`text-white`:`text-[#5A5A5A]`}`,children:[n(`threeD.title`),(0,p.jsx)(a.div,{initial:{width:0},animate:{width:`15%`},transition:{duration:1},className:`h-[4px] mx-auto mt-3 rounded-full ${t?`bg-gradient-to-r from-[#1a90c0] via-[#3db9eb] to-[#1a90c0]`:`bg-gradient-to-r from-[#404040] via-[#404040] to-[#404040]`}`})]}),(0,p.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-8 mx-auto`,children:i.map(e=>(0,p.jsx)(m,{pkg:e,onSelect:g},e.id))}),(0,p.jsx)(o,{children:h&&(0,p.jsx)(a.div,{className:`fixed inset-0 mt-30 flex items-center justify-center z-50 p-2 overflow-auto  sm:pt-90 no-scrollbar`,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:()=>g(null),children:(0,p.jsxs)(a.div,{className:`absolute top-0 w-full max-w-6xl rounded-2xl shadow-2xl p-2`,initial:{scale:.9},animate:{scale:1},exit:{scale:.9},onClick:e=>e.stopPropagation(),children:[h.video&&(0,p.jsx)(`div`,{className:`relative aspect-[9/16] mx-auto justify-center h-[500px] md:aspect-[16/9] mb-6`,children:(0,p.jsx)(`iframe`,{src:h.video,title:h.title,className:`w-full h-full rounded-xl`})}),(0,p.jsx)(`div`,{className:`grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4`,children:h.images?.map((e,t)=>(0,p.jsx)(a.img,{src:e,alt:h.title,className:`w-full h-50 object-cover rounded-xl cursor-pointer hover:scale-105 transition-transform duration-300`,onClick:()=>g({...h,fullscreenImg:e})},t))}),h.fullscreenImg&&(0,p.jsx)(a.div,{className:`fixed inset-0 bg-black/90 flex items-center justify-center z-50 p-4`,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:()=>g({...h,fullscreenImg:null}),children:(0,p.jsx)(a.img,{src:h.fullscreenImg,className:`max-w-[90%] max-h-[85vh] rounded-2xl object-contain`,initial:{scale:.9},animate:{scale:1},exit:{scale:.9}})}),(0,p.jsx)(`button`,{onClick:()=>g(null),className:`absolute top-1 right-1 bg-red-600 hover:bg-black/20 px-2 py-1 md:px-3 md:py-2 rounded-full text-white text-sm md:text-2xl cursor-pointer`,children:`✕`})]})})})]})}export{h as default};