const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/Reels-ChDOy7gG.js","assets/createLucideIcon-Du4OBjka.js","assets/index-CyveQwnz.js","assets/index-D86tsq33.css","assets/play-DaP7W8Nv.js","assets/fa-Dm_y8sJq.js","assets/Reels-BefdUlHr.js","assets/Yvideos-DPwrQHmr.js","assets/emotion-is-prop-valid.esm-DKI-Z5VI.js","assets/styled-components.browser.esm-DKNPpcCv.js","assets/Yvideos-C9oLKYw_.js"])))=>i.map(i=>d[i]);
import{t as e}from"./useTranslation-BNaeUrDn.js";import{S as t,_ as n,a as r,c as i,g as a,t as o,u as s}from"./index-CyveQwnz.js";import{t as c}from"./proxy-B_Exbr39.js";import"./emotion-is-prop-valid.esm-DKI-Z5VI.js";import"./index.esm-A-QCvYor.js";import{i as l,n as u,s as d}from"./firebase-CaNZe86C.js";import"./createLucideIcon-Du4OBjka.js";import"./arrow-left-Qr9Njbm2.js";import{t as f}from"./BacktoWorks-Clkax9hZ.js";var p=t(n()),m=t(o()),h=(0,p.lazy)(()=>a(()=>import(`./Reels-ChDOy7gG.js`),__vite__mapDeps([0,1,2,3,4,5,6]))),g=(0,p.lazy)(()=>a(()=>import(`./Yvideos-DPwrQHmr.js`),__vite__mapDeps([7,8,2,3,9,5,10])));function _({darkMode:t}){let{t:n}=e(),[a,o]=(0,p.useState)([]);(0,p.useEffect)(()=>{(async()=>{try{let e=(await d(l(u,`videos`))).docs.map(e=>({id:e.id,...e.data()})).filter(e=>e.category===`Motion`);o(e)}catch(e){console.error(`Error fetching videos:`,e)}})()},[]);let _=t?`#3db9eb`:`#404040`,v=t?`text-white`:`text-[#404040]`,y=[{key:`reels`,name:n(`motionGraphics.categories.0`),component:h},{key:`videos`,name:n(`motionGraphics.categories.1`),component:g},{key:`logos`,name:n(`motionGraphics.categories.2`),component:g}];return(0,m.jsxs)(`section`,{className:`py-25 overflow-hidden transition-colors duration-500`,children:[(0,m.jsxs)(r,{children:[(0,m.jsx)(`title`,{children:`Motion Graphics & Logo Animation | Faress Mohamed`}),(0,m.jsx)(`meta`,{name:`description`,content:`استعرض أعمال فارس محمد في الموشن جرافيك، تشمل مقاطع Motion Reels، Motion Video، وتصميم Logo Animation احترافية.`}),(0,m.jsx)(`meta`,{name:`keywords`,content:`Fares Mohamed Motion Graphics, أعمال موشن جرافيك فارس محمد, Motion Graphics Portfolio, Professional Motion Design, 2D Animation, Animated Ads, Social Media Motion Graphics, Logo Animation, Brand Animation, Explainer Video Motion, Creative Motion Design, After Effects Designer, موشن جرافيك احترافي, أنيميشن إعلانات, تصميم لوجو متحرك`}),(0,m.jsx)(`link`,{rel:`canonical`,href:`https://faress-mohamed.com/motion`}),(0,m.jsx)(`meta`,{property:`og:title`,content:`Motion Graphics & Logo Animation | Faress Mohamed`}),(0,m.jsx)(`meta`,{property:`og:description`,content:`استعرض أعمال فارس محمد في الموشن جرافيك، مقاطع Motion Reels، Motion Video، وLogo Animation احترافية.`}),(0,m.jsx)(`meta`,{property:`og:image`,content:`https://res.cloudinary.com/dydngnb6v/image/upload/v1766738913/motion_uxmdeq.webp`}),(0,m.jsx)(`meta`,{property:`og:url`,content:`https://faress-mohamed.com/motion`}),(0,m.jsx)(`meta`,{property:`og:type`,content:`website`}),(0,m.jsx)(`meta`,{name:`twitter:card`,content:`summary_large_image`}),(0,m.jsx)(`meta`,{name:`twitter:title`,content:`Motion Graphics & Logo Animation | Faress Mohamed`}),(0,m.jsx)(`meta`,{name:`twitter:description`,content:`استعرض أعمال الموشن جرافيك الاحترافية الخاصة بـ فارس محمد، تشمل Motion Reels وLogo Animation.`}),(0,m.jsx)(`meta`,{name:`twitter:image`,content:`https://res.cloudinary.com/dydngnb6v/image/upload/v1766738913/motion_uxmdeq.webp`}),(0,m.jsx)(`script`,{type:`application/ld+json`,children:JSON.stringify({"@context":`https://schema.org`,"@graph":[{"@type":`Service`,"@id":`https://faress-mohamed.com/motion#service`,name:`Motion Graphics & Logo Animation Services | Faress Mohamed`,alternateName:`فارس محمد | خدمات الموشن جرافيك وتصميم الشعارات`,provider:{"@type":`Person`,name:`Faress Mohamed`,url:`https://faress-mohamed.com/`},areaServed:`Worldwide`,serviceType:`Motion Graphics`,description:`تقديم خدمات Motion Graphics احترافية، تشمل Motion Reels، Motion Video، وتصميم Logo Animation.`},{"@type":`CollectionPage`,"@id":`https://faress-mohamed.com/motion`,url:`https://faress-mohamed.com/motion`,name:`Motion Graphics Portfolio`,description:`صفحة تعرض مجموعة من أعمال الموشن جرافيك الاحترافية الخاصة بـ فارس محمد، بما في ذلك Motion Reels، Motion Video، وتصميم Logo Animation.`}]})})]}),(0,m.jsx)(f,{}),(0,m.jsx)(c.div,{initial:{opacity:0,y:50},animate:{opacity:1,y:0},transition:{duration:.6},className:`text-center mb-14`,children:(0,m.jsxs)(`div`,{className:`inline-block relative`,children:[(0,m.jsx)(`h1`,{className:`text-4xl sm:text-5xl font-extrabold mb-4 ${v}`,children:n(`motionGraphics.title`)}),(0,m.jsx)(c.div,{initial:{width:0},animate:{width:`70%`},transition:{duration:1,ease:`easeOut`},className:`h-[4px] mx-auto rounded-full`,style:{background:`linear-gradient(to right, ${_}, ${t?`#1a90c0`:`#404040`}, ${_})`}})]})}),(0,m.jsx)(`div`,{className:`flex justify-center w-full mb-16`,children:(0,m.jsx)(`div`,{className:`flex flex-wrap justify-center items-center gap-4 lg:gap-10`,children:y.map(e=>(0,m.jsx)(i,{to:e.key.toLowerCase(),className:({isActive:e})=>`cursor-pointer text-md sm:text-base md:text-lg font-semibold px-6 py-3 rounded-full border transition-all duration-300 w-[180px] md:w-[200px] text-center backdrop-blur-md ${e?`bg-gradient-to-r from-[#3db9eb] via-[#1a90c0] to-[#3db9eb] text-white scale-105 shadow-xl border-transparent`:t?`border-white/20 text-sky-100 hover:text-[#3db9eb] hover:border-[#3db9eb]/50 hover:scale-105`:`border-gray-300 text-gray-800 hover:text-[#404040] hover:border-[#404040]/60 hover:scale-105`}`,children:e.name},e.key))})}),(0,m.jsx)(p.Suspense,{fallback:(0,m.jsx)(`p`,{className:`text-center text-gray-400`,children:`Loading...`}),children:(0,m.jsx)(s,{context:{videos:a,darkMode:t}})})]})}export{_ as default};