https://artea.ai/assets/MobileToolsPage-ChhQnk7H.js

1import{b as C,r as x,j as e,B as i,q as S,I as L,H as c,S as m,F as u,d as t,aD as N,Z as I,h as T,P as M}from"./index-CZERj9_p.js";import{M as P}from"./MobileLayout-CjMAs47N.js";import{C as w,a as f}from"./card-CHteafhU.js";import{a as z}from"./toolsConfig-DGm3PRFb.js";import{L as A,G as v,W as E}from"./wand-3VQrNHEw.js";import{F}from"./filter-DT7kFeA8.js";import{S as y}from"./search-BkTBj7gu.js";import{M as h}from"./monitor-B7dMZulB.js";import{E as B}from"./eye-BXD9Mq7w.js";import"./file-text-DyMFwsUf.js";import"./music-D8sgFNtH.js";import"./pause-CWTr6MFv.js";import"./play-ZPXwnmUI.js";import"./scissors-DkdasZMB.js";import"./shuffle-CKPkJ-Yf.js";import"./palette-B1emIJ7X.js";import"./camera-CxQXu-fM.js";import"./plus-BHJ64KjH.js";import"./history-CaqXzv43.js";import"./triangle-alert-Cx1poNY-.js";import"./coins-Dx9-ea4a.js";const D=[{id:"all",label:"All Tools",icon:v},{id:"generate",label:"Generate",icon:T},{id:"edit",label:"Edit",icon:M},{id:"enhance",label:"Enhance",icon:m},{id:"transform",label:"Transform",icon:E},{id:"desktop",label:"Desktop Only",icon:h}],ie=()=>{const g=C(),[n,p]=x.useState(""),[d,j]=x.useState("all"),[r,k]=x.useState("grid"),l=z.filter(s=>{const a=s.title.toLowerCase().includes(n.toLowerCase())||s.description.toLowerCase().includes(n.toLowerCase()),o=d==="all"||s.category===d;return a&&o}),b=s=>{g(s)};return e.jsx(P,{children:e.jsxs("div",{className:"min-h-screen bg-gray-50 dark:bg-gray-900",children:[e.jsxs("div",{className:"sticky top-0 z-40 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800",children:[e.jsxs("div",{className:"flex items-center justify-between p-4 pt-4",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx(i,{variant:"ghost",size:"sm",onClick:()=>g("/m"),className:"p-2","aria-label":"Go back to home",children:e.jsx(S,{className:"h-5 w-5"})}),e.jsx("h1",{className:"text-xl font-bold text-gray-900 dark:text-white",children:"AI Tools"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(i,{variant:"ghost",size:"sm",onClick:()=>k(r==="grid"?"list":"grid"),className:"w-9 h-9 p-0","aria-label":r==="grid"?"Switch to list view":"Switch to grid view",children:r==="grid"?e.jsx(A,{className:"h-4 w-4"}):e.jsx(v,{className:"h-4 w-4"})}),e.jsx(i,{variant:"ghost",size:"sm",className:"w-9 h-9 p-0","aria-label":"Filter tools",children:e.jsx(F,{className:"h-4 w-4"})})]})]}),e.jsx("div",{className:"px-4 pb-4",children:e.jsxs("div",{className:"relative",children:[e.jsx(y,{className:"absolute left-3 top-3 h-4 w-4 text-gray-400"}),e.jsx(L,{type:"text",placeholder:"Search AI tools...",value:n,onChange:s=>p(s.target.value),className:"pl-10 h-11 rounded-xl bg-gray-50 dark:bg-gray-800 border-0"})]})}),e.jsx("div",{className:"px-4 pb-4",children:e.jsx("div",{className:"flex space-x-2 overflow-x-auto scrollbar-hide",children:D.map(s=>{const a=s.icon,o=d===s.id;return e.jsxs("button",{onClick:()=>j(s.id),className:c("flex items-center space-x-2 px-4 py-2 rounded-xl whitespace-nowrap transition-all duration-200",o?"bg-indigo-600 text-white":"bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700"),children:[e.jsx(a,{className:"h-4 w-4"}),e.jsx("span",{className:"text-sm font-medium",children:s.label})]},s.id)})})})]}),e.jsxs("div",{className:"p-4",children:[e.jsxs("div",{className:"text-center py-6 bg-gradient-to-r from-pink-50 to-violet-50 dark:from-pink-900/20 dark:to-violet-900/20 rounded-2xl mb-6",children:[e.jsx("div",{className:"flex items-center justify-center mb-2",children:e.jsx("div",{className:"w-12 h-12 bg-gradient-to-r from-pink-500 to-violet-600 rounded-xl flex items-center justify-center",children:e.jsx(m,{className:"h-6 w-6 text-white"})})}),e.jsx("h2",{className:"text-2xl font-bold text-gray-900 dark:text-white mb-2",children:"Artea Studio"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-300 text-sm max-w-sm mx-auto",children:"Powerful AI tools for content creation, image generation, and video production"})]}),e.jsx("div",{className:"mb-4",children:e.jsxs("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:[l.length," tool",l.length!==1?"s":""," found"]}

1)}),e.jsx("div",{className:c(r==="grid"?"grid grid-cols-1 gap-4":"space-y-3"),children:l.map(s=>{const a=s.icon||m;return r==="list"?e.jsx(w,{className:"border-0 shadow-sm hover:shadow-md transition-all duration-200 cursor-pointer",onClick:()=>b(s.path),children:e.jsx(f,{className:"p-4",children:e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsx("div",{className:c("w-12 h-12 rounded-xl flex items-center justify-center bg-gradient-to-br",s.gradient),children:e.jsx(a,{className:"h-6 w-6 text-white"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center space-x-2 mb-1 flex-wrap",children:[e.jsx("h3",{className:"font-semibold text-gray-900 dark:text-white truncate",children:s.title}),e.jsx(u,{path:s.path,variant:"badge",className:"text-[9px] px-1.5 py-0 h-4 shrink-0"}),s.popular&&e.jsxs(t,{variant:"secondary",className:"text-xs",children:[e.jsx(N,{className:"h-3 w-3 mr-1"}),"Popular"]}),s.new&&e.jsx(t,{className:"bg-green-500 text-white text-xs",children:"New"}),s.desktopOnly&&e.jsxs(t,{className:"bg-indigo-600 text-white text-xs flex items-center gap-1",children:[e.jsx(h,{className:"h-3 w-3"}),"Desktop"]})]}),e.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 truncate",children:s.description})]}),e.jsx(i,{variant:"ghost",size:"sm",className:"shrink-0","aria-label":`View ${s.title}`,children:e.jsx(B,{className:"h-4 w-4"})})]})})},s.id):e.jsx(w,{className:"border-0 shadow-sm hover:shadow-lg transition-all duration-300 cursor-pointer group overflow-hidden",onClick:()=>b(s.path),children:e.jsx(f,{className:"p-0",children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:c("h-32 bg-gradient-to-br",s.gradient,"group-hover:scale-105 transition-transform duration-300")}),e.jsxs("div",{className:"absolute top-3 right-3 flex items-center space-x-2",children:[e.jsx(u,{path:s.path,variant:"pill"}),s.popular&&e.jsxs(t,{variant:"secondary",className:"text-xs bg-white/90 text-gray-700 border-0",children:[e.jsx(N,{className:"h-3 w-3 mr-1"}),"Popular"]}),s.new&&e.jsx(t,{className:"bg-green-500 text-white text-xs border-0",children:"New"}),s.desktopOnly&&e.jsxs(t,{className:"bg-indigo-600 text-white text-xs border-0 flex items-center gap-1 shadow-sm",children:[e.jsx(h,{className:"h-3 w-3"}),"Desktop"]})]}),e.jsxs("div",{className:"absolute inset-0 flex flex-row items-center p-4 gap-4",children:[e.jsx("div",{className:"w-16 h-16 flex-shrink-0",children:s.image?e.jsx("div",{className:"w-16 h-16 rounded-xl overflow-hidden bg-white/10 backdrop-blur-sm",children:s.image.endsWith(".mp4")?e.jsx("video",{src:s.image,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,className:"w-full h-full object-cover"}):e.jsx("img",{src:s.image,alt:s.title,className:"w-full h-full object-cover",loading:"lazy"})}):e.jsx("div",{className:"w-12 h-12 bg-white/20 backdrop-blur-sm rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform duration-300",children:e.jsx(a,{className:"h-6 w-6 text-gray-700 dark:text-white"})})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h3",{className:"text-lg font-bold text-gray-800 dark:text-white mb-1 truncate",children:s.title}),e.jsx("p",{className:"text-gray-600 dark:text-gray-300 text-sm truncate",children:s.description})]})]}),e.jsx("div",{className:"absolute inset-0 bg-black/10 dark:bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center",children:e.jsx("div",{className:"w-16 h-16 bg-white/90 dark:bg-white/20 backdrop-blur-sm rounded-full flex items-center justify-center",children:e.jsx(I,{className:"h-8 w-8 text-gray-700 dark:text-white"})})})]})})},s.id)})}),l.length===0&&e.jsxs("div",{className:"text-center py-12",children:[e.jsx("div",{className:"w-16 h-16 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(y,{className:"h-8 w-8 text-gray-400"})}),e.jsx("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white mb-2",children:"No tools found"}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mb-4",children:"Try adjusting your search or category filter"}),e.jsx(i,{variant:"outline",onClick:()=>{p(""),j("all")},children:"Clear filters"})]})]})]})})};export{ie as MobileToolsPage};