הוספה סינון של חינם

index.html

@@ -389,6 +389,12 @@ https://bit.ly/a-tools
               >
                 הכל
               </button>
+              <button
+                class="filter-btn px-3 py-1 rounded-full border text-sm transition border-yellow-400 text-yellow-700 bg-yellow-100 hover:bg-yellow-200"
+                data-category="free"
+              >
+                חינם
+              </button>
               <button
                 class="filter-btn px-3 py-1 rounded-full border text-sm transition border-gray-300 text-gray-700 bg-white hover:bg-blue-50"
                 data-category="productivity"
@@ -1158,6 +1164,16 @@ https://bit.ly/a-tools
             const speakableText = `${tool.name}. ${tool.description}`;
             // `${tool.name}`;
             //
+            // הוספת מאפיין לסינון כלים חינמיים
+            if (tool.free) {
+              toolCard.setAttribute('data-free', 'true');
+              toolCard.classList.add(
+                'border',
+                'border-yellow-400',
+                'shadow-md'
+              );
+            }
+            toolCard.setAttribute('data-tool', 'true');
 
             toolCard.innerHTML = `
                     <div class="flex items-center justify-between mb-4">
@@ -1178,6 +1194,12 @@ https://bit.ly/a-tools
                                         ? `<span class="text-xs bg-green-500 text-white px-2 py-1 rounded-full animate-pulse">חדש!</span>`
                                         : ''
                                     }
+                                    ${
+                                      tool.free
+                                        ? `<span class="text-xs bg-yellow-400 text-black px-2 py-1 rounded-full">חינם</span>`
+                                        : ''
+                                    }
+
                                     <button title="הקרא תיאור" onclick="event.stopPropagation(); speakText('${tool.description.replace(
                                       /'/g,
                                       "\\'"
@@ -1185,6 +1207,7 @@ https://bit.ly/a-tools
                                         <i class="fas fa-volume-up"></i>
                                     </button>
                                 </div>
+
                                 <!-- תגית קטגוריה -->
                                 <span class="text-xs px-2 py-1 rounded-full ${getCategoryBadgeColor(
                                   tool.category
@@ -1374,8 +1397,15 @@ https://bit.ly/a-tools
             .toLowerCase()
             .includes(searchTermLower);
           const matchesSearch = nameMatch || descMatch || categoryNameMatch;
-          const matchesCategoryFilter =
-            currentCategory === 'all' || tool.category === currentCategory;
+
+          let matchesCategoryFilter = true;
+          if (currentCategory === 'free') {
+            matchesCategoryFilter = tool.free === true;
+          } else {
+            matchesCategoryFilter =
+              currentCategory === 'all' || tool.category === currentCategory;
+          }
+
           return matchesCategoryFilter && matchesSearch;
         });
       }

tools.json

@@ -10,6 +10,7 @@
     "isFeatured": false,
     "rating": 4,
     "isNew": true,
+    "free": true,
     "dateAdded": "2025-04-13T13:23:00Z"
   },
   {
@@ -23,6 +24,7 @@
     "isFeatured": false,
     "rating": 4,
     "isNew": true,
+    "free": true,
     "dateAdded": "2025-04-13T10:30:00Z"
   },
 
@@ -47,7 +49,8 @@
     "video": "https://www.youtube.com/embed/pfebhGgaNBA?si=GjBTJFyuVHAjoDnd",
     "rating": 5,
     "isFeatured": false,
-    "isNew": false
+    "isNew": false,
+    "free": true
   },
   {
     "name": "היפוך כיוון תצוגה באתר",
@@ -59,7 +62,8 @@
     "video": "https://www.youtube.com/embed/WIrU_3HqaCM?si=SlbyeM1PcwiCiUZm",
     "isNew": false,
     "isFeatured": false,
-    "rating": 5
+    "rating": 5,
+    "free": true
   },
 
   {
@@ -127,7 +131,8 @@
     "icon": "fas fa-link",
     "rating": 3,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "Bubble",
@@ -160,7 +165,8 @@
     "icon": "fas fa-cut",
     "rating": 4,
     "isNew": false,
-    "isFeatured": true
+    "isFeatured": true,
+    "free": true
   },
   {
     "name": "Captions.ai - תרגום כתוביות בכל שפה",
@@ -327,7 +333,8 @@
     "icon": "fas fa-search",
     "rating": 4.5,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "Domoai AI",
@@ -342,14 +349,15 @@
   },
   {
     "name": "Echo Wave",
-    "description": "פלטפורמה מבוססת דפדפן המאפשרת ליוצרים להמיר קבצי אודיו לסרטוני וידאו מרהיבים, עם אפשרויות התאמה אישית של ויזואליזציות, כתוביות, אפקטים ואלמנטים נוספים.",
+    "description": "מדובר באתר פשוט ליצירת סרטונים יפים ישירות מהדפדפן, בלי להתקין תוכנות. אפשר להוסיף בקלות אפקטים, אנימציות לצלילים, כתוביות ופילטרים - והכל בחינם וללא הגבלה.",
     "category": "video",
     "url": "https://echowave.io/",
     "logo": "https://images.g2crowd.com/uploads/product/image/large_detail/large_detail_72b8309e6df73ca07f3eafaa13a5551d/echowave.jpg",
     "icon": "fas fa-video",
     "rating": 4,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "ElevenLabs - המרת טקסט לדיבור טבעי",
@@ -372,7 +380,8 @@
     "icon": "fas fa-pencil-alt",
     "rating": 4,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "Fake Face",
@@ -395,7 +404,8 @@
     "icon": "fas fa-smile ",
     "rating": 5,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "FaceFusion",
@@ -406,7 +416,8 @@
     "icon": "fas fa-user-friends",
     "rating": 3,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "Fal",
@@ -478,7 +489,7 @@
     "name": "Gen Spark",
     "description": "פלטפורמת AI המאפשרת למשתמשים להלביש ולהנפיש תמונות שהעלו, לצד מגוון רחב של כלים איכותיים נוספים. השימוש מוגבל בטוקנים.",
     "category": "design",
-    "url": "https://www.genspark.ai/",
+    "url": "https://www.genspark.ai/invite?invite_code=ZTNjYmYwNmFMYjE3ZUw0MWI0TDJmOWJMZGVjNzFjZDFlM2Ri",
     "logo": "https://media.licdn.com/dms/image/v2/D560BAQE-bb2bxfUU3A/company-logo_200_200/company-logo_200_200/0/1718684112316?e=2147483647&v=beta&t=nAPQuZC2xjW6G30auki753slYNEdM-lWOXPJEQDSxnA",
     "icon": "fas fa-pen-nib",
     "rating": 4,
@@ -549,7 +560,8 @@
     "icon": "fas fa-robot",
     "rating": 5,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "GPTs",
@@ -661,7 +673,8 @@
     "icon": "fas fa-hands-helping",
     "rating": 4,
     "isNew": false,
-    "isFeatured": true
+    "isFeatured": true,
+    "free": true
   },
   {
     "name": "Hume",
@@ -694,7 +707,8 @@
     "icon": "fas fa-tshirt",
     "rating": 4,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "IDM VTON",
@@ -705,7 +719,8 @@
     "icon": "fas fa-tshirt",
     "rating": 4,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "immersity",
@@ -727,7 +742,8 @@
     "icon": "fas fa-user-check",
     "rating": 4,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "ivrit.ai - תמלול קולי בעברית",
@@ -739,7 +755,8 @@
     "icon": "fas fa-microphone-alt",
     "rating": 3,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "Jasper",
@@ -850,7 +867,8 @@
     "icon": "fas fa-user",
     "rating": 5,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "LM Studio",
@@ -872,7 +890,8 @@
     "icon": "fas fa-magic",
     "rating": 4,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "Luma",
@@ -894,7 +913,8 @@
     "icon": "fas fa-network-wired",
     "rating": 5,
     "isNew": false,
-    "isFeatured": true
+    "isFeatured": true,
+    "free": true
   },
   {
     "name": "Manus",
@@ -1007,7 +1027,8 @@
     "icon": "fas fa-book",
     "rating": 5,
     "isNew": false,
-    "isFeatured": true
+    "isFeatured": true,
+    "free": true
   },
   {
     "name": "NoteGPT",
@@ -1029,7 +1050,8 @@
     "icon": "fas fa-list-alt",
     "rating": 4,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "Officely",
@@ -1051,7 +1073,8 @@
     "icon": "fas fa-cube",
     "rating": 4,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "Openai TTS",
@@ -1060,9 +1083,10 @@
     "url": "https://openai-tts-fm.vercel.app/",
     "logo": "https://openai-tts-fm.vercel.app/icons/favicon.ico",
     "icon": "fas fa-volume-up",
-    "rating": 4,
+    "rating": 5,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "PartyRock",
@@ -1071,9 +1095,10 @@
     "url": "https://partyrock.aws/apps",
     "logo": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQgvmjtTucdIL0890jJctcX2ca08t6p6Su8jw&s",
     "icon": "fas fa-tools",
-    "rating": 4,
+    "rating": 5,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "Perplexity",
@@ -1095,7 +1120,8 @@
     "icon": "fas fa-camera",
     "rating": 5,
     "isNew": false,
-    "isFeatured": true
+    "isFeatured": true,
+    "free": true
   },
   {
     "name": "Pixno",
@@ -1184,7 +1210,8 @@
     "icon": "fas fa-qrcode",
     "rating": 3,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "Ready Player Me - יצירת אווטאר אישי תלת־ממדי",
@@ -1196,7 +1223,8 @@
     "video": "https://www.youtube.com/embed/dj8hEnrCbn8?si=89SuKrFW3bt3DVyR",
     "isNew": false,
     "isFeatured": false,
-    "rating": 4.2
+    "rating": 4.2,
+    "free": true
   },
   {
     "name": "Remaker",
@@ -1307,7 +1335,8 @@
     "icon": "fas fa-list",
     "rating": 4,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "TimeOS",
@@ -1342,7 +1371,8 @@
     "icon": "fas fa-volume-up",
     "rating": 4,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   },
   {
     "name": "Yepic",
@@ -1365,7 +1395,8 @@
     "video": "https://www.youtube.com/embed/-gZX0-sY2gM?si=rVXd1v0lvbr20MC-",
     "isNew": false,
     "isFeatured": false,
-    "rating": 4
+    "rating": 4,
+    "free": true
   },
   {
     "name": "Vidnoz",
@@ -1387,7 +1418,8 @@
     "icon": "fas fa-running",
     "rating": 4.2,
     "isNew": false,
-    "isFeatured": true
+    "isFeatured": true,
+    "free": true
   },
   {
     "name": "Vmake",
@@ -1421,7 +1453,8 @@
     "video": "https://www.youtube.com/embed/6KLwDX1f_rQ?si=QqrgMOIF6_2bHsdi",
     "isNew": false,
     "isFeatured": false,
-    "rating": 4
+    "rating": 4,
+    "free": true
   },
   {
     "name": "WhatsApp Chatbot",
@@ -1432,7 +1465,8 @@
     "icon": "fab fa-whatsapp",
     "rating": 5,
     "isNew": false,
-    "isFeatured": true
+    "isFeatured": true,
+    "free": true
   },
   {
     "name": "Wix",
@@ -1467,19 +1501,21 @@
     "video": "https://www.youtube.com/embed/vdaXGeOyvbE?si=AJz1NPiEnfnklArg",
     "isNew": false,
     "isFeatured": true,
-    "rating": 5
+    "rating": 5,
+    "free": true
   },
   {
     "name": "מחולל תמונות",
     "description": "באמצעות מחולל תמונות AI, אתם יכולים להזין כל טקסט או רעיון שעולה בראשכם ולקבל תמונה ייחודית שנוצרה במיוחד עבורכם.",
     "url": "https://sagi-ai-image-model-comparision.streamlit.app/",
-    "logo": "https://sagi-ai-image-model-comparision.streamlit.app/~/+/media/ad88a7cae9ec53987d8f6314e6c9e94ddbeb73905b5e02c4011f47dd.jpg",
+    "logo": "https://avatars.githubusercontent.com/u/139070971?v=4",
     "category": "image",
     "icon": "fas fa-image",
     "video": "https://www.youtube.com/embed/vXvVxbjTBVw?si=Ep8aVPMF0NB48_Q8",
     "isNew": false,
     "isFeatured": true,
-    "rating": 5
+    "rating": 5,
+    "free": true
   },
   {
     "name": "שדרוג וידאו עם CapCut AI",
@@ -1491,7 +1527,8 @@
     "video": "https://www.youtube.com/embed/Iw__wI52UHU?si=5ZDctAYQLS71ma2f",
     "isNew": false,
     "isFeatured": false,
-    "rating": 4
+    "rating": 4,
+    "free": true
   },
 
   {
@@ -1504,7 +1541,8 @@
     "video": "https://www.youtube.com/embed/xj8COkST--8?si=QeYl05rW5dwQiYQT",
     "isNew": false,
     "isFeatured": true,
-    "rating": 5
+    "rating": 5,
+    "free": true
   },
   {
     "name": "iLovePDF",
@@ -1543,7 +1581,7 @@
     "name": "speechgen",
     "description": "המרת טקסט לקול בעברית ובשפות נוספות - כולל מבטאים ורגש בקול.",
     "category": "audio",
-    "url": "https://speechgen.io/en/ref/208381/",
+    "url": "https://speechgen.io/he/ref/208381/",
     "logo": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRCEHbOvOYGlN3I0Pzfoy3TOmGuicaEGmLfBg&s",
     "icon": "fas fa-volume-down",
     "rating": 3,
@@ -1559,6 +1597,7 @@
     "icon": "fas fa-code",
     "rating": 3,
     "isNew": false,
-    "isFeatured": false
+    "isFeatured": false,
+    "free": true
   }
 ]