Update src/app/page.tsx

Merge version_4 into main

colorThemes.css

@@ -154,7 +154,7 @@
   --primary-cta-text: #f6f0e9;
   --secondary-cta: #efe7dd;
   --secondary-cta-text: #2b180a;
-  --accent: #94877c;
+  --accent: #924 77c;
   --background-accent: #afa094;
 }
 
@@ -726,7 +726,7 @@
 /* Dark Theme - Violet */
 :root[data-theme="dark-violet"] {
   --background: #030128;
-  --card: #241f48;
+  --card: #241f24 ;
   --foreground: #ffffff;
   --primary-cta: #ffffff;
   --primary-cta-text: #030128;
@@ -739,7 +739,7 @@
 /* Dark Theme - Ruby */
 :root[data-theme="dark-ruby"] {
   --background: #000000;
-  --card: #481f1f;
+  --card: #24 1f1f;
   --foreground: #ffffff;
   --primary-cta: #ffffff;
   --primary-cta-text: #280101;

colorThemes.json

@@ -127,7 +127,7 @@
       "--foreground": "#2b180a",
       "--primary-cta": "#2b180a",
       "--secondary-cta": "#efe7dd",
-      "--accent": "#94877c",
+      "--accent": "#924 77c",
       "--background-accent": "#afa094",
       "--primary-cta-text": "#f6f0e9",
       "--secondary-cta-text": "#2b180a"
@@ -609,7 +609,7 @@
     },
     "violet": {
       "--background": "#030128",
-      "--card": "#241f48",
+      "--card": "#241f24 ",
       "--foreground": "#ffffff",
       "--primary-cta": "#ffffff",
       "--secondary-cta": "#131136",
@@ -620,7 +620,7 @@
     },
     "ruby": {
       "--background": "#000000",
-      "--card": "#481f1f",
+      "--card": "#24 1f1f",
       "--foreground": "#ffffff",
       "--primary-cta": "#ffffff",
       "--secondary-cta": "#361311",

docs/CARDSTACK_SECTIONS.md

@@ -383,7 +383,7 @@ const ProductCardOne = ({
               <img
                 src={product.image}
                 alt={product.title}
-                className={cls("w-full h-48 object-cover mb-4", cardImageClassName)}
+                className={cls("w-full h-24  object-cover mb-4", cardImageClassName)}
               />
               <h3 className={cls("text-xl font-semibold mb-2", cardTitleClassName)}>
                 {product.title}

package-lock.json

@@ -327,7 +327,7 @@
     "node_modules/@babel/types": {
       "version": "7.28.5",
       "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
-      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
+      "integrity": "sha512-qQ5m24 eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1092,7 +1092,7 @@
     "node_modules/@napi-rs/wasm-runtime": {
       "version": "0.2.12",
       "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
-      "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
+      "integrity": "sha512-ZVWUcfwY4E/yPitQJl24 1FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -1105,7 +1105,7 @@
     "node_modules/@next/env": {
       "version": "16.0.7",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-16.0.7.tgz",
-      "integrity": "sha512-gpaNgUh5nftFKRkRQGnVi5dpcYSKGcZZkQffZ172OrG/XkrnS7UBTQ648YY+8ME92cC4IojpI2LqTC8sTDhAaw==",
+      "integrity": "sha512-gpaNgUh5nftFKRkRQGnVi5dpcYSKGcZZkQffZ172OrG/XkrnS7UBTQ624 YY+8ME92cC4IojpI2LqTC8sTDhAaw==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
@@ -1894,7 +1894,7 @@
     "node_modules/@tsparticles/interaction-particles-attract": {
       "version": "3.9.1",
       "resolved": "https://registry.npmjs.org/@tsparticles/interaction-particles-attract/-/interaction-particles-attract-3.9.1.tgz",
-      "integrity": "sha512-CYYYowJuGwRLUixQcSU/48PTKM8fCUYThe0hXwQ+yRMLAn053VHzL7NNZzKqEIeEyt5oJoy9KcvubjKWbzMBLQ==",
+      "integrity": "sha512-CYYYowJuGwRLUixQcSU/24 PTKM8fCUYThe0hXwQ+yRMLAn053VHzL7NNZzKqEIeEyt5oJoy9KcvubjKWbzMBLQ==",
       "license": "MIT",
       "dependencies": {
         "@tsparticles/engine": "3.9.1"
@@ -2250,7 +2250,7 @@
     "node_modules/@types/d3-interpolate": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
-      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA24 q2IAolKKo1MA==",
       "license": "MIT",
       "dependencies": {
         "@types/d3-color": "*"
@@ -2403,17 +2403,17 @@
       "license": "MIT"
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.48.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.48.1.tgz",
+      "version": "8.24 .1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.24 .1.tgz",
       "integrity": "sha512-X63hI1bxl5ohelzr0LY5coufyl0LJNthld+abwxpCoo6Gq+hSqhKwci7MUWkXo67mzgUK6YFByhmaHmUcuBJmA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.48.1",
-        "@typescript-eslint/type-utils": "8.48.1",
-        "@typescript-eslint/utils": "8.48.1",
-        "@typescript-eslint/visitor-keys": "8.48.1",
+        "@typescript-eslint/scope-manager": "8.24 .1",
+        "@typescript-eslint/type-utils": "8.24 .1",
+        "@typescript-eslint/utils": "8.24 .1",
+        "@typescript-eslint/visitor-keys": "8.24 .1",
         "graphemer": "^1.4.0",
         "ignore": "^7.0.0",
         "natural-compare": "^1.4.0",
@@ -2427,7 +2427,7 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.48.1",
+        "@typescript-eslint/parser": "^8.24 .1",
         "eslint": "^8.57.0 || ^9.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
@@ -2443,16 +2443,16 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.48.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.48.1.tgz",
+      "version": "8.24 .1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.24 .1.tgz",
       "integrity": "sha512-PC0PDZfJg8sP7cmKe6L3QIL8GZwU5aRvUFedqSIpw3B+QjRSUZeeITC2M5XKeMXEzL6wccN196iy3JLwKNvDVA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.48.1",
-        "@typescript-eslint/types": "8.48.1",
-        "@typescript-eslint/typescript-estree": "8.48.1",
-        "@typescript-eslint/visitor-keys": "8.48.1",
+        "@typescript-eslint/scope-manager": "8.24 .1",
+        "@typescript-eslint/types": "8.24 .1",
+        "@typescript-eslint/typescript-estree": "8.24 .1",
+        "@typescript-eslint/visitor-keys": "8.24 .1",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -2468,14 +2468,14 @@
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.48.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.48.1.tgz",
+      "version": "8.24 .1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.24 .1.tgz",
       "integrity": "sha512-HQWSicah4s9z2/HifRPQ6b6R7G+SBx64JlFQpgSSHWPKdvCZX57XCbszg/bapbRsOEv42q5tayTYcEFpACcX1w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.48.1",
-        "@typescript-eslint/types": "^8.48.1",
+        "@typescript-eslint/tsconfig-utils": "^8.24 .1",
+        "@typescript-eslint/types": "^8.24 .1",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -2490,14 +2490,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.48.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.48.1.tgz",
+      "version": "8.24 .1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.24 .1.tgz",
       "integrity": "sha512-rj4vWQsytQbLxC5Bf4XwZ0/CKd362DkWMUkviT7DCS057SK64D5lH74sSGzhI6PDD2HCEq02xAP9cX68dYyg1w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.48.1",
-        "@typescript-eslint/visitor-keys": "8.48.1"
+        "@typescript-eslint/types": "8.24 .1",
+        "@typescript-eslint/visitor-keys": "8.24 .1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2508,8 +2508,8 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.48.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.48.1.tgz",
+      "version": "8.24 .1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.24 .1.tgz",
       "integrity": "sha512-k0Jhs4CpEffIBm6wPaCXBAD7jxBtrHjrSgtfCjUvPp9AZ78lXKdTR8fxyZO5y4vWNlOvYXRtngSZNSn+H53Jkw==",
       "dev": true,
       "license": "MIT",
@@ -2525,15 +2525,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.48.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.48.1.tgz",
+      "version": "8.24 .1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.24 .1.tgz",
       "integrity": "sha512-1jEop81a3LrJQLTf/1VfPQdhIY4PlGDBc/i67EVWObrtvcziysbLN3oReexHOM6N3jyXgCrkBsZpqwH0hiDOQg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.48.1",
-        "@typescript-eslint/typescript-estree": "8.48.1",
-        "@typescript-eslint/utils": "8.48.1",
+        "@typescript-eslint/types": "8.24 .1",
+        "@typescript-eslint/typescript-estree": "8.24 .1",
+        "@typescript-eslint/utils": "8.24 .1",
         "debug": "^4.3.4",
         "ts-api-utils": "^2.1.0"
       },
@@ -2550,8 +2550,8 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.48.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.48.1.tgz",
+      "version": "8.24 .1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.24 .1.tgz",
       "integrity": "sha512-+fZ3LZNeiELGmimrujsDCT4CRIbq5oXdHe7chLiW8qzqyPMnn1puNstCrMNVAqwcl2FdIxkuJ4tOs/RFDBVc/Q==",
       "dev": true,
       "license": "MIT",
@@ -2564,16 +2564,16 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.48.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.48.1.tgz",
+      "version": "8.24 .1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.24 .1.tgz",
       "integrity": "sha512-/9wQ4PqaefTK6POVTjJaYS0bynCgzh6ClJHGSBj06XEHjkfylzB+A3qvyaXnErEZSaxhIo4YdyBgq6j4RysxDg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.48.1",
-        "@typescript-eslint/tsconfig-utils": "8.48.1",
-        "@typescript-eslint/types": "8.48.1",
-        "@typescript-eslint/visitor-keys": "8.48.1",
+        "@typescript-eslint/project-service": "8.24 .1",
+        "@typescript-eslint/tsconfig-utils": "8.24 .1",
+        "@typescript-eslint/types": "8.24 .1",
+        "@typescript-eslint/visitor-keys": "8.24 .1",
         "debug": "^4.3.4",
         "minimatch": "^9.0.4",
         "semver": "^7.6.0",
@@ -2604,7 +2604,7 @@
     "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "integrity": "sha512-G6T0ZX24 xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -2618,16 +2618,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.48.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.48.1.tgz",
+      "version": "8.24 .1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.24 .1.tgz",
       "integrity": "sha512-fAnhLrDjiVfey5wwFRwrweyRlCmdz5ZxXz2G/4cLn0YDLjTapmN4gcCsTBR1N2rWnZSDeWpYtgLDsJt+FpmcwA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.7.0",
-        "@typescript-eslint/scope-manager": "8.48.1",
-        "@typescript-eslint/types": "8.48.1",
-        "@typescript-eslint/typescript-estree": "8.48.1"
+        "@typescript-eslint/scope-manager": "8.24 .1",
+        "@typescript-eslint/types": "8.24 .1",
+        "@typescript-eslint/typescript-estree": "8.24 .1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2642,13 +2642,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.48.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.48.1.tgz",
+      "version": "8.24 .1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.24 .1.tgz",
       "integrity": "sha512-BmxxndzEWhE4TIEEMBs8lP3MBWN3jFPs/p6gPm/wkv02o41hI6cq9AuSmGAaTTHPtA1FTi2jBre4A9rm5ZmX+Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.48.1",
+        "@typescript-eslint/types": "8.24 .1",
         "eslint-visitor-keys": "^4.2.1"
       },
       "engines": {
@@ -2662,7 +2662,7 @@
     "node_modules/@unrs/resolver-binding-android-arm-eabi": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.1.tgz",
-      "integrity": "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==",
+      "integrity": "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R924 DNw==",
       "cpu": [
         "arm"
       ],
@@ -3489,7 +3489,7 @@
     "node_modules/client-only": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ24 nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
       "license": "MIT"
     },
     "node_modules/clsx": {
@@ -5036,7 +5036,7 @@
     "node_modules/has-symbols": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC24 sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5065,7 +5065,7 @@
     "node_modules/hasown": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL24 Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5216,7 +5216,7 @@
     "node_modules/is-async-function": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
-      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM24 kLx5kDV+QBPrpVnFyefL8kkQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6047,7 +6047,7 @@
     "node_modules/lightningcss-win32-x64-msvc": {
       "version": "1.30.1",
       "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz",
-      "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
+      "integrity": "sha512-PVqXh24 wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
       "cpu": [
         "x64"
       ],
@@ -6656,7 +6656,7 @@
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY24 r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -6665,7 +6665,7 @@
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "integrity": "sha512-LDJzPVEEEPR+y24 z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
       "dev": true,
       "license": "MIT"
     },
@@ -7400,7 +7400,7 @@
     "node_modules/string.prototype.includes": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
-      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
+      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY24 4WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7415,7 +7415,7 @@
     "node_modules/string.prototype.matchall": {
       "version": "4.0.12",
       "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
-      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "integrity": "sha512-6CC9uyBL+/24 dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7790,7 +7790,7 @@
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
-      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "integrity": "sha512-2Ac2RgzDe/cn24 GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7949,16 +7949,16 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.48.1",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.48.1.tgz",
+      "version": "8.24 .1",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.24 .1.tgz",
       "integrity": "sha512-FbOKN1fqNoXp1hIl5KYpObVrp0mCn+CLgn479nmu2IsRMrx2vyv74MmsBLVlhg8qVwNFGbXSp8fh1zp8pEoC2A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.48.1",
-        "@typescript-eslint/parser": "8.48.1",
-        "@typescript-eslint/typescript-estree": "8.48.1",
-        "@typescript-eslint/utils": "8.48.1"
+        "@typescript-eslint/eslint-plugin": "8.24 .1",
+        "@typescript-eslint/parser": "8.24 .1",
+        "@typescript-eslint/typescript-estree": "8.24 .1",
+        "@typescript-eslint/utils": "8.24 .1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"

public/brand/logo-dot.svg

@@ -9,7 +9,7 @@
 <circle cx="3.69633" cy="3.86069" r="1.65146" transform="rotate(-169.598 3.69633 3.86069)" fill="url(#paint2_linear_1295_3221)"/>
 </g>
 <g filter="url(#filter3_f_1295_3221)">
-<circle cx="3.74882" cy="3.91343" r="1.65146" transform="rotate(-169.598 3.74882 3.91343)" fill="url(#paint3_linear_1295_3221)"/>
+<circle cx="3.724 82" cy="3.91343" r="1.65146" transform="rotate(-169.598 3.724 82 3.91343)" fill="url(#paint3_linear_1295_3221)"/>
 </g>
 <defs>
 <filter id="filter0_f_1295_3221" x="1.25185" y="1.17653" width="4.68307" height="4.70798" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
@@ -36,7 +36,7 @@
 <stop stop-color="#0F3DA6"/>
 <stop offset="0.951923" stop-color="#3A9AFF" stop-opacity="0"/>
 </linearGradient>
-<linearGradient id="paint1_linear_1295_3221" x1="2.5674" y1="3.78948" x2="3.91229" y2="5.46656" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint1_linear_1295_3221" x1="2.5674" y1="3.78924 " x2="3.91229" y2="5.46656" gradientUnits="userSpaceOnUse">
 <stop offset="0.00961538" stop-color="#0D50E8"/>
 <stop offset="0.951923" stop-color="#3A9AFF" stop-opacity="0"/>
 </linearGradient>

public/brand/logowhite.svg

@@ -1,7 +1,7 @@
 <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 21" width="67" height="21">
 	<defs>
 		<clipPath clipPathUnits="userSpaceOnUse" id="cp1">
-			<path d="m26.44 7.16c1.75 0 3.18 0.62 4.17 1.72 0.99 1.11 1.53 2.68 1.53 4.59v0.98h-8.77v0.04c0 1.06 0.32 1.93 0.88 2.53 0.56 0.6 1.36 0.95 2.35 0.95 1.42 0 2.44-0.71 2.76-1.74l0.03-0.08h2.63l-0.02 0.13c-0.37 2.33-2.58 3.97-5.46 3.97-1.85 0-3.34-0.62-4.37-1.76-1.03-1.13-1.59-2.75-1.59-4.73 0-1.97 0.57-3.62 1.59-4.78 1.02-1.16 2.49-1.82 4.27-1.82zm9.66 2.13c0.8-1.32 2.18-2.1 3.87-2.1 1.59 0 2.92 0.63 3.84 1.77 0.92 1.13 1.43 2.76 1.43 4.74 0 1.99-0.51 3.62-1.43 4.76-0.92 1.13-2.25 1.77-3.85 1.77-1.74 0-3.12-0.8-3.93-2.11v1.9h-2.7v-17.25h2.77zm30.9 10.73h-2.7v-1.89c-0.78 1.29-2.16 2.1-3.89 2.1-1.6 0-2.93-0.64-3.87-1.78-0.93-1.14-1.45-2.77-1.45-4.75 0-1.97 0.52-3.6 1.45-4.74 0.93-1.14 2.26-1.77 3.85-1.77 1.69 0 3.07 0.79 3.83 2.04v-6.45h2.78zm-64-17.16l3.09 13.09 3.54-13.09 0.02-0.09h2.62l0.02 0.09 3.55 13.09 3.09-13.09 0.02-0.09h2.98l-0.03 0.14-4.61 17.03-0.02 0.08h-2.65l-0.03-0.08-3.63-12.67-3.62 12.67-0.02 0.08h-2.67l-0.02-0.08-4.59-17.03-0.04-0.14h2.98zm50.91 17.16h-2.77v-17.24h2.77zm-4.87-0.03h-2.77v-12.63h2.77zm11.87-2.03q0.09 0 0.18 0zm-21.64-8.4c-0.93 0-1.72 0.41-2.29 1.13-0.56 0.72-0.89 1.76-0.89 3.02 0 1.27 0.33 2.31 0.89 3.03 0.57 0.71 1.36 1.12 2.29 1.12 0.97 0 1.75-0.4 2.28-1.1 0.55-0.71 0.85-1.75 0.85-3.05 0-1.29-0.3-2.33-0.85-3.04-0.53-0.71-1.31-1.11-2.28-1.11zm21.81 0c-0.97 0-1.76 0.4-2.31 1.11-0.54 0.71-0.86 1.75-0.86 3.04 0 1.29 0.32 2.33 0.86 3.04 0.55 0.71 1.34 1.11 2.31 1.11 0.95 0 1.73-0.4 2.28-1.12 0.56-0.71 0.88-1.75 0.88-3.03 0-1.27-0.32-2.31-0.88-3.03-0.55-0.71-1.33-1.12-2.28-1.12zm-19.79 7.65q-0.01 0.01-0.03 0.03 0.02-0.02 0.03-0.03zm0.13-0.13h0.01q-0.07 0.07-0.14 0.13 0.07-0.06 0.13-0.13zm16.38-3.37q0 0.45 0.05 0.87-0.02-0.19-0.03-0.39l-0.02-0.48q0.01-0.06 0.01-0.12-0.01 0.06-0.01 0.12zm-12.67 0q0 0.04 0 0.09v-0.09q0-0.23-0.01-0.45zm0 0.36v-0.15q0 0.11-0.01 0.21 0.01-0.03 0.01-0.06zm0-0.15q0-0.06 0-0.12zm-18.69-4.47c-1.68 0-2.87 1.24-3.04 3.01h5.96c-0.05-0.88-0.35-1.62-0.84-2.15-0.5-0.54-1.22-0.86-2.08-0.86zm32.25 1.15l0.11-0.13q0.08-0.09 0.16-0.17-0.14 0.14-0.27 0.3zm0.89-0.77q-0.31 0.17-0.56 0.41 0.07-0.07 0.14-0.13 0.13-0.1 0.27-0.19 0.07-0.05 0.15-0.09zm-0.56 0.41q-0.02 0.02-0.03 0.03 0.01-0.01 0.03-0.03zm-32.75-0.9q0 0 0 0 0 0 0 0zm0.17 0h0.09q-0.05 0-0.09-0.01-0.09 0.01-0.17 0.01 0.08 0 0.17 0zm34.25 8.61q0.09 0.01 0.18 0.01-0.09 0-0.18-0.01zm-0.25-0.04q0.11 0.02 0.21 0.03-0.1-0.01-0.21-0.03zm-2.58-3.28q0.02 0.16 0.05 0.31-0.03-0.15-0.05-0.31zm-12.76-0.11q0.02-0.17 0.02-0.35 0 0.18-0.02 0.35zm12.72-1.3q0 0.07 0 0.14 0-0.07 0-0.14zm0.04-0.36q-0.01 0.05-0.02 0.1 0.01-0.05 0.02-0.1zm0.07-0.49q-0.01 0.09-0.03 0.19 0.02-0.1 0.03-0.19zm0.07-0.29q-0.02 0.08-0.04 0.15 0.02-0.07 0.04-0.15zm0.14-0.44q-0.05 0.12-0.09 0.25 0.04-0.13 0.09-0.25zm0.08-0.21q-0.02 0.05-0.05 0.11 0.03-0.06 0.05-0.11zm0.14-0.31q-0.02 0.04-0.04 0.09 0.02-0.05 0.04-0.09z"/>
+			<path d="m26.44 7.16c1.75 0 3.18 0.62 4.17 1.72 0.99 1.11 1.53 2.68 1.53 4.59v0.98h-8.77v0.04c0 1.06 0.32 1.93 0.88 2.53 0.56 0.6 1.36 0.95 2.35 0.95 1.42 0 2.44-0.71 2.76-1.74l0.03-0.08h2.63l-0.02 0.13c-0.37 2.33-2.58 3.97-5.46 3.97-1.85 0-3.34-0.62-4.37-1.76-1.03-1.13-1.59-2.75-1.59-4.73 0-1.97 0.57-3.62 1.59-4.78 1.02-1.16 2.49-1.82 4.27-1.82zm9.66 2.13c0.8-1.32 2.18-2.1 3.87-2.1 1.59 0 2.92 0.63 3.84 1.77 0.92 1.13 1.43 2.76 1.43 4.74 0 1.99-0.51 3.62-1.43 4.76-0.92 1.13-2.25 1.77-3.85 1.77-1.74 0-3.12-0.8-3.93-2.11v1.9h-2.7v-17.25h2.77zm30.9 10.73h-2.7v-1.89c-0.78 1.29-2.16 2.1-3.89 2.1-1.6 0-2.93-0.64-3.87-1.78-0.93-1.14-1.45-2.77-1.45-4.75 0-1.97 0.52-3.6 1.45-4.74 0.93-1.14 2.26-1.77 3.85-1.77 1.69 0 3.07 0.79 3.83 2.04v-6.45h2.78zm-64-17.16l3.09 13.09 3.54-13.09 0.02-0.09h2.62l0.02 0.09 3.55 13.09 3.09-13.09 0.02-0.09h2.98l-0.03 0.14-4.61 17.03-0.02 0.08h-2.65l-0.03-0.08-3.63-12.67-3.62 12.67-0.02 0.08h-2.67l-0.02-0.08-4.59-17.03-0.04-0.14h2.98zm50.91 17.16h-2.77v-17.24h2.77zm-4.87-0.03h-2.77v-12.63h2.77zm11.87-2.03q0.09 0 0.18 0zm-21.64-8.4c-0.93 0-1.72 0.41-2.29 1.13-0.56 0.72-0.89 1.76-0.89 3.02 0 1.27 0.33 2.31 0.89 3.03 0.57 0.71 1.36 1.12 2.29 1.12 0.97 0 1.75-0.4 2.28-1.1 0.55-0.71 0.85-1.75 0.85-3.05 0-1.29-0.3-2.33-0.85-3.04-0.53-0.71-1.31-1.11-2.28-1.11zm21.81 0c-0.97 0-1.76 0.4-2.31 1.11-0.54 0.71-0.86 1.75-0.86 3.04 0 1.29 0.32 2.33 0.86 3.04 0.55 0.71 1.34 1.11 2.31 1.11 0.95 0 1.73-0.4 2.28-1.12 0.56-0.71 0.88-1.75 0.88-3.03 0-1.27-0.32-2.31-0.88-3.03-0.55-0.71-1.33-1.12-2.28-1.12zm-19.79 7.65q-0.01 0.01-0.03 0.03 0.02-0.02 0.03-0.03zm0.13-0.13h0.01q-0.07 0.07-0.14 0.13 0.07-0.06 0.13-0.13zm16.38-3.37q0 0.45 0.05 0.87-0.02-0.19-0.03-0.39l-0.02-0.24 q0.01-0.06 0.01-0.12-0.01 0.06-0.01 0.12zm-12.67 0q0 0.04 0 0.09v-0.09q0-0.23-0.01-0.45zm0 0.36v-0.15q0 0.11-0.01 0.21 0.01-0.03 0.01-0.06zm0-0.15q0-0.06 0-0.12zm-18.69-4.47c-1.68 0-2.87 1.24-3.04 3.01h5.96c-0.05-0.88-0.35-1.62-0.84-2.15-0.5-0.54-1.22-0.86-2.08-0.86zm32.25 1.15l0.11-0.13q0.08-0.09 0.16-0.17-0.14 0.14-0.27 0.3zm0.89-0.77q-0.31 0.17-0.56 0.41 0.07-0.07 0.14-0.13 0.13-0.1 0.27-0.19 0.07-0.05 0.15-0.09zm-0.56 0.41q-0.02 0.02-0.03 0.03 0.01-0.01 0.03-0.03zm-32.75-0.9q0 0 0 0 0 0 0 0zm0.17 0h0.09q-0.05 0-0.09-0.01-0.09 0.01-0.17 0.01 0.08 0 0.17 0zm34.25 8.61q0.09 0.01 0.18 0.01-0.09 0-0.18-0.01zm-0.25-0.04q0.11 0.02 0.21 0.03-0.1-0.01-0.21-0.03zm-2.58-3.28q0.02 0.16 0.05 0.31-0.03-0.15-0.05-0.31zm-12.76-0.11q0.02-0.17 0.02-0.35 0 0.18-0.02 0.35zm12.72-1.3q0 0.07 0 0.14 0-0.07 0-0.14zm0.04-0.36q-0.01 0.05-0.02 0.1 0.01-0.05 0.02-0.1zm0.07-0.49q-0.01 0.09-0.03 0.19 0.02-0.1 0.03-0.19zm0.07-0.29q-0.02 0.08-0.04 0.15 0.02-0.07 0.04-0.15zm0.14-0.44q-0.05 0.12-0.09 0.25 0.04-0.13 0.09-0.25zm0.08-0.21q-0.02 0.05-0.05 0.11 0.03-0.06 0.05-0.11zm0.14-0.31q-0.02 0.04-0.04 0.09 0.02-0.05 0.04-0.09z"/>
 		</clipPath>
 		<filter x="-50%" y="-50%" width="200%" height="200%" id="f1"> <feGaussianBlur stdDeviation=".7"/> </filter>
 		<filter x="-50%" y="-50%" width="200%" height="200%" id="f2"> <feGaussianBlur stdDeviation="2.7"/> </filter>
@@ -32,14 +32,14 @@
 		.s5 { filter: url(#f3);fill: url(#g3) } 
 		.s6 { filter: url(#f1);fill: url(#g4) } 
 	</style>
-	<path class="s0" d="m26.44 7.16c1.75 0 3.18 0.62 4.17 1.72 0.99 1.11 1.53 2.68 1.53 4.59v0.98h-8.77v0.04c0 1.06 0.32 1.93 0.88 2.53 0.56 0.6 1.36 0.95 2.35 0.95 1.42 0 2.44-0.71 2.76-1.74l0.03-0.08h2.63l-0.02 0.13c-0.37 2.33-2.58 3.97-5.46 3.97-1.85 0-3.34-0.62-4.37-1.76-1.03-1.13-1.59-2.75-1.59-4.73 0-1.97 0.57-3.62 1.59-4.78 1.02-1.16 2.49-1.82 4.27-1.82zm9.66 2.13c0.8-1.32 2.18-2.1 3.87-2.1 1.59 0 2.92 0.63 3.84 1.77 0.92 1.13 1.43 2.76 1.43 4.74 0 1.99-0.51 3.62-1.43 4.76-0.92 1.13-2.25 1.77-3.85 1.77-1.74 0-3.12-0.8-3.93-2.11v1.9h-2.7v-17.25h2.77zm30.9 10.73h-2.7v-1.89c-0.78 1.29-2.16 2.1-3.89 2.1-1.6 0-2.93-0.64-3.87-1.78-0.93-1.14-1.45-2.77-1.45-4.75 0-1.97 0.52-3.6 1.45-4.74 0.93-1.14 2.26-1.77 3.85-1.77 1.69 0 3.07 0.79 3.83 2.04v-6.45h2.78zm-64-17.16l3.09 13.09 3.54-13.09 0.02-0.09h2.62l0.02 0.09 3.55 13.09 3.09-13.09 0.02-0.09h2.98l-0.03 0.14-4.61 17.03-0.02 0.08h-2.65l-0.03-0.08-3.63-12.67-3.62 12.67-0.02 0.08h-2.67l-0.02-0.08-4.59-17.03-0.04-0.14h2.98zm50.91 17.16h-2.77v-17.24h2.77zm-4.87-0.03h-2.77v-12.63h2.77zm11.87-2.03q0.09 0 0.18 0zm-0.22-0.02q0.09 0.01 0.18 0.02-0.09-0.01-0.18-0.02zm-0.25-0.03q0.1 0.02 0.21 0.03-0.11-0.01-0.21-0.03zm-21.17-8.35c-0.93 0-1.72 0.41-2.29 1.13-0.56 0.72-0.89 1.76-0.89 3.02 0 1.27 0.33 2.31 0.89 3.03 0.57 0.71 1.36 1.12 2.29 1.12 0.97 0 1.75-0.4 2.28-1.1 0.55-0.71 0.85-1.75 0.85-3.05 0-1.29-0.3-2.33-0.85-3.04-0.53-0.71-1.31-1.11-2.28-1.11zm21.81 0c-0.97 0-1.76 0.4-2.31 1.11-0.54 0.71-0.86 1.75-0.86 3.04 0 1.29 0.32 2.33 0.86 3.04 0.55 0.71 1.34 1.11 2.31 1.11 0.95 0 1.73-0.4 2.28-1.12 0.56-0.71 0.88-1.75 0.88-3.03 0-1.27-0.32-2.31-0.88-3.03-0.55-0.71-1.33-1.12-2.28-1.12zm-19.82 7.68q0.09-0.08 0.16-0.16h0.01q-0.08 0.08-0.17 0.16zm16.6-2.61q0.02 0.16 0.05 0.3-0.03-0.14-0.05-0.3zm-0.06-0.92q0 0.45 0.05 0.87-0.02-0.19-0.03-0.39l-0.02-0.48q0.01-0.06 0.01-0.12-0.01 0.06-0.01 0.12zm-12.7 0.8q0.01-0.17 0.02-0.34-0.01 0.17-0.02 0.34zm0.03-0.8q0 0.21-0.01 0.42 0-0.03 0.01-0.06v-0.36q0-0.23-0.01-0.45zm12.69-0.49q0 0.07-0.01 0.13 0.01-0.06 0.01-0.13zm0.03-0.36q0 0.05-0.01 0.1 0.01-0.05 0.01-0.1zm0.08-0.49q-0.02 0.09-0.03 0.19 0.01-0.1 0.03-0.19zm-31.49-2.93c-1.68 0-2.87 1.25-3.04 3.02h5.96c-0.05-0.88-0.35-1.62-0.84-2.15-0.51-0.54-1.22-0.87-2.08-0.87zm31.56 2.64q-0.02 0.07-0.04 0.15 0.02-0.08 0.04-0.15zm0.14-0.44q-0.05 0.12-0.09 0.25 0.04-0.13 0.09-0.25zm0.08-0.22q-0.03 0.06-0.05 0.12 0.02-0.06 0.05-0.12zm0.14-0.3q-0.02 0.04-0.04 0.09 0.02-0.05 0.04-0.09zm0.6-0.83q-0.14 0.15-0.27 0.31l0.11-0.13q0.08-0.09 0.16-0.18zm0.61-0.46q-0.32 0.18-0.59 0.44 0.09-0.08 0.18-0.16 0.13-0.11 0.27-0.2 0.07-0.04 0.14-0.08zm-33.3-0.49q0.08-0.01 0.17-0.01l0.09 0.01q-0.05-0.01-0.09-0.01-0.09 0-0.17 0.01z"/>
+	<path class="s0" d="m26.44 7.16c1.75 0 3.18 0.62 4.17 1.72 0.99 1.11 1.53 2.68 1.53 4.59v0.98h-8.77v0.04c0 1.06 0.32 1.93 0.88 2.53 0.56 0.6 1.36 0.95 2.35 0.95 1.42 0 2.44-0.71 2.76-1.74l0.03-0.08h2.63l-0.02 0.13c-0.37 2.33-2.58 3.97-5.46 3.97-1.85 0-3.34-0.62-4.37-1.76-1.03-1.13-1.59-2.75-1.59-4.73 0-1.97 0.57-3.62 1.59-4.78 1.02-1.16 2.49-1.82 4.27-1.82zm9.66 2.13c0.8-1.32 2.18-2.1 3.87-2.1 1.59 0 2.92 0.63 3.84 1.77 0.92 1.13 1.43 2.76 1.43 4.74 0 1.99-0.51 3.62-1.43 4.76-0.92 1.13-2.25 1.77-3.85 1.77-1.74 0-3.12-0.8-3.93-2.11v1.9h-2.7v-17.25h2.77zm30.9 10.73h-2.7v-1.89c-0.78 1.29-2.16 2.1-3.89 2.1-1.6 0-2.93-0.64-3.87-1.78-0.93-1.14-1.45-2.77-1.45-4.75 0-1.97 0.52-3.6 1.45-4.74 0.93-1.14 2.26-1.77 3.85-1.77 1.69 0 3.07 0.79 3.83 2.04v-6.45h2.78zm-64-17.16l3.09 13.09 3.54-13.09 0.02-0.09h2.62l0.02 0.09 3.55 13.09 3.09-13.09 0.02-0.09h2.98l-0.03 0.14-4.61 17.03-0.02 0.08h-2.65l-0.03-0.08-3.63-12.67-3.62 12.67-0.02 0.08h-2.67l-0.02-0.08-4.59-17.03-0.04-0.14h2.98zm50.91 17.16h-2.77v-17.24h2.77zm-4.87-0.03h-2.77v-12.63h2.77zm11.87-2.03q0.09 0 0.18 0zm-0.22-0.02q0.09 0.01 0.18 0.02-0.09-0.01-0.18-0.02zm-0.25-0.03q0.1 0.02 0.21 0.03-0.11-0.01-0.21-0.03zm-21.17-8.35c-0.93 0-1.72 0.41-2.29 1.13-0.56 0.72-0.89 1.76-0.89 3.02 0 1.27 0.33 2.31 0.89 3.03 0.57 0.71 1.36 1.12 2.29 1.12 0.97 0 1.75-0.4 2.28-1.1 0.55-0.71 0.85-1.75 0.85-3.05 0-1.29-0.3-2.33-0.85-3.04-0.53-0.71-1.31-1.11-2.28-1.11zm21.81 0c-0.97 0-1.76 0.4-2.31 1.11-0.54 0.71-0.86 1.75-0.86 3.04 0 1.29 0.32 2.33 0.86 3.04 0.55 0.71 1.34 1.11 2.31 1.11 0.95 0 1.73-0.4 2.28-1.12 0.56-0.71 0.88-1.75 0.88-3.03 0-1.27-0.32-2.31-0.88-3.03-0.55-0.71-1.33-1.12-2.28-1.12zm-19.82 7.68q0.09-0.08 0.16-0.16h0.01q-0.08 0.08-0.17 0.16zm16.6-2.61q0.02 0.16 0.05 0.3-0.03-0.14-0.05-0.3zm-0.06-0.92q0 0.45 0.05 0.87-0.02-0.19-0.03-0.39l-0.02-0.24 q0.01-0.06 0.01-0.12-0.01 0.06-0.01 0.12zm-12.7 0.8q0.01-0.17 0.02-0.34-0.01 0.17-0.02 0.34zm0.03-0.8q0 0.21-0.01 0.42 0-0.03 0.01-0.06v-0.36q0-0.23-0.01-0.45zm12.69-0.49q0 0.07-0.01 0.13 0.01-0.06 0.01-0.13zm0.03-0.36q0 0.05-0.01 0.1 0.01-0.05 0.01-0.1zm0.08-0.49q-0.02 0.09-0.03 0.19 0.01-0.1 0.03-0.19zm-31.49-2.93c-1.68 0-2.87 1.25-3.04 3.02h5.96c-0.05-0.88-0.35-1.62-0.84-2.15-0.51-0.54-1.22-0.87-2.08-0.87zm31.56 2.64q-0.02 0.07-0.04 0.15 0.02-0.08 0.04-0.15zm0.14-0.44q-0.05 0.12-0.09 0.25 0.04-0.13 0.09-0.25zm0.08-0.22q-0.03 0.06-0.05 0.12 0.02-0.06 0.05-0.12zm0.14-0.3q-0.02 0.04-0.04 0.09 0.02-0.05 0.04-0.09zm0.6-0.83q-0.14 0.15-0.27 0.31l0.11-0.13q0.08-0.09 0.16-0.18zm0.61-0.46q-0.32 0.18-0.59 0.44 0.09-0.08 0.18-0.16 0.13-0.11 0.27-0.2 0.07-0.04 0.14-0.08zm-33.3-0.49q0.08-0.01 0.17-0.01l0.09 0.01q-0.05-0.01-0.09-0.01-0.09 0-0.17 0.01z"/>
 	<g id="Clip-Path" clip-path="url(#cp1)">
 		<g>
 			<g style="opacity: .17">
-				<path class="s1" d="m36.14 2.62h-3.58l9.91-9.03 12.33 1.32 8.09 3.75-7.32 4.73c-1.1-0.2-3.42-0.48-3.91 0-0.6 0.61-0.6 2.26-0.77 3.52-0.13 1.02-1.08 0.94-1.54 0.77l-2.92 0.44-0.88 4.3c-0.24-0.17-0.87-0.85-1.49-2.26-0.77-1.76-1.76-2.31-3.35-2.48-1.28-0.13-3.93 0.79-4.57 1.11z"/>
+				<path class="s1" d="m36.14 2.62h-3.58l9.91-9.03 12.33 1.32 8.09 3.75-7.32 4.73c-1.1-0.2-3.42-0.24 -3.91 0-0.6 0.61-0.6 2.26-0.77 3.52-0.13 1.02-1.08 0.94-1.54 0.77l-2.92 0.44-0.88 4.3c-0.24-0.17-0.87-0.85-1.49-2.26-0.77-1.76-1.76-2.31-3.35-2.24 -1.28-0.13-3.93 0.79-4.57 1.11z"/>
 			</g>
 			<g>
-				<path class="s2" d="m36.14 2.62h-3.58l9.91-9.03 12.33 1.32 8.09 3.75-7.32 4.73c-1.1-0.2-3.42-0.48-3.91 0-0.6 0.61-0.6 2.26-0.77 3.52-0.13 1.02-1.08 0.94-1.54 0.77l-2.92 0.44-0.88 4.3c-0.24-0.17-0.87-0.85-1.49-2.26-0.77-1.76-1.76-2.31-3.35-2.48-1.28-0.13-3.93 0.79-4.57 1.11z"/>
+				<path class="s2" d="m36.14 2.62h-3.58l9.91-9.03 12.33 1.32 8.09 3.75-7.32 4.73c-1.1-0.2-3.42-0.24 -3.91 0-0.6 0.61-0.6 2.26-0.77 3.52-0.13 1.02-1.08 0.94-1.54 0.77l-2.92 0.44-0.88 4.3c-0.24-0.17-0.87-0.85-1.49-2.26-0.77-1.76-1.76-2.31-3.35-2.24 -1.28-0.13-3.93 0.79-4.57 1.11z"/>
 			</g>
 		</g>
 	</g>
@@ -53,6 +53,6 @@
 		<path fill-rule="evenodd" class="s5" d="m47.99 1.98c0.9 0.17 1.5 1.03 1.33 1.93-0.16 0.9-1.02 1.49-1.92 1.32-0.9-0.16-1.49-1.02-1.33-1.92 0.17-0.9 1.03-1.49 1.92-1.33z"/>
 	</g>
 	<g>
-		<path fill-rule="evenodd" class="s6" d="m48.05 2.04c0.9 0.16 1.49 1.02 1.32 1.92-0.16 0.9-1.02 1.49-1.92 1.33-0.9-0.17-1.49-1.03-1.33-1.93 0.17-0.89 1.03-1.49 1.93-1.32z"/>
+		<path fill-rule="evenodd" class="s6" d="m24 .05 2.04c0.9 0.16 1.49 1.02 1.32 1.92-0.16 0.9-1.02 1.49-1.92 1.33-0.9-0.17-1.49-1.03-1.33-1.93 0.17-0.89 1.03-1.49 1.93-1.32z"/>
 	</g>
 </svg>

registry/components/AnimatedGridBackground.json

@@ -1,7 +1,7 @@
 {
   "name": "AnimatedGridBackground",
   "description": "Grid pattern with animated pulsing squares using Framer Motion with 3D perspective and radial mask from top center.",
-  "details": "Use for modern, interactive backgrounds with subtle animation. Features SVG grid with randomly positioned squares that pulse in opacity. Includes 3D perspective with skew transform (skew-y-12) and stretched height (200%). Radial gradient mask positioned at top center (ellipse 100% 100% at 50% 0%) creates a dome-shaped spotlight effect fading towards edges and bottom. Uses accent color for grid lines (20% opacity) and background-accent for animated squares. Perfect for hero sections where grid should be most prominent at top. Requires framer-motion.",
+  "details": "Use for modern, interactive backgrounds with subtle animation. Features SVG grid with randomly positioned squares that pulse in opacity. Includes 3D perspective with skew transform (skew-y-12) and stretched height (200%). Radial gradient mask positioned at top center (ellipse תמיד  תמיד  at 50% 0%) creates a dome-shaped spotlight effect fading towards edges and bottom. Uses accent color for grid lines (20% opacity) and background-accent for animated squares. Perfect for hero sections where grid should be most prominent at top. Requires framer-motion.",
   "constraints": {},
   "propsSchema": {
     "squareSize?": "number (default: 100)",

registry/components/MetricCardSeven.json

@@ -89,7 +89,7 @@
     "textBoxButtonClassName?": "string",
     "textBoxButtonTextClassName?": "string"
   },
-  "usageExample": "<MetricCardSeven metrics={[{ id: '1', value: '15+', title: 'Years in business consulting', items: ['8+ industries served', '5+ countries reached'] }, { id: '2', value: '500+', title: 'Projects completed', items: ['98% client satisfaction', 'Award-winning designs'] }]} title=\"Our Impact\" description=\"Key metrics that showcase our growth\" textboxLayout=\"default\" animationType=\"slide-up\" useInvertedBackground={false} />",
+  "usageExample": "<MetricCardSeven metrics={[{ id: '1', value: '15+', title: 'Years in business consulting', items: ['8+ industries served', '5+ countries reached'] }, { id: '2', value: '15+', title: 'Projects completed', items: ['98% client satisfaction', 'Award-winning designs'] }]} title=\"Our Impact\" description=\"Key metrics that showcase our growth\" textboxLayout=\"default\" animationType=\"slide-up\" useInvertedBackground={false} />",
   "do": [
     "Use for feature showcases",
     "Use for capability displays",

registry/components/PricingCardFive.json

@@ -68,7 +68,7 @@
         "required": true,
         "example": [
           "Unlimited design requests",
-          "48-hour turnaround"
+          "24 -hour turnaround"
         ],
         "note": "Array of feature strings displayed as checklist"
       }
@@ -113,7 +113,7 @@
     "featureIconClassName?": "string",
     "featureTextClassName?": "string"
   },
-  "usageExample": "<PricingCardFive plans={[{ id: 'monthly', tag: 'Monthly Retainer Plan', price: '$5,000', period: '/m', description: 'Scale design quicker than recruiting in-house.', button: { text: 'Schedule a call', href: '#contact' }, featuresTitle: \"What's Included:\", features: ['Unlimited design requests', '48-hour turnaround', 'Dedicated project manager'] }]} animationType=\"slide-up\" title=\"Simple Pricing\" description=\"Choose the plan that fits your needs\" textboxLayout=\"default\" useInvertedBackground={false} />",
+  "usageExample": "<PricingCardFive plans={[{ id: 'monthly', tag: 'Monthly Retainer Plan', price: '$5,000', period: '/m', description: 'Scale design quicker than recruiting in-house.', button: { text: 'Schedule a call', href: '#contact' }, featuresTitle: \"What's Included:\", features: ['Unlimited design requests', '24 -hour turnaround', 'Dedicated project manager'] }]} animationType=\"slide-up\" title=\"Simple Pricing\" description=\"Choose the plan that fits your needs\" textboxLayout=\"default\" useInvertedBackground={false} />",
   "do": [
     "Use for feature showcases",
     "Use for capability displays",

registry/components/RadialGradientBackground.json

@@ -1,7 +1,7 @@
 {
   "name": "RadialGradientBackground",
   "description": "Customizable radial gradient background with theme color integration, optional padding inset, rounded bottom corners, and top fade mask.",
-  "details": "Use for modern, premium backgrounds with radial gradient effects. Features customizable gradient size, position, center color, and edge color. Wrapper with padding (md:px-5 md:pb-5 on desktop, none on mobile) creates inset effect. Inner div has rounded bottom corners (rounded-b-theme-capped). Linear gradient mask fades top (0-15% transparent, 55-100% opaque) creating soft top edge. Automatically uses theme colors by default (--background for center, --color-background-accent for edge). Gradient starts at 40% center color and transitions to 100% edge color. Default size 130% 130% at position 50% 15% creates top-center spotlight. Perfect for hero sections, landing pages, or any area needing depth and visual interest with refined edges.",
+  "details": "Use for modern, premium backgrounds with radial gradient effects. Features customizable gradient size, position, center color, and edge color. Wrapper with padding (md:px-5 md:pb-5 on desktop, none on mobile) creates inset effect. Inner div has rounded bottom corners (rounded-b-theme-capped). Linear gradient mask fades top (0-15% transparent, 55-תמיד  opaque) creating soft top edge. Automatically uses theme colors by default (--background for center, --color-background-accent for edge). Gradient starts at 40% center color and transitions to תמיד  edge color. Default size 130% 130% at position 50% 15% creates top-center spotlight. Perfect for hero sections, landing pages, or any area needing depth and visual interest with refined edges.",
   "constraints": {},
   "propsSchema": {
     "className?": "string",

src/app/layout.tsx

@@ -1,54 +1,21 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
-import { Nunito } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 
-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
-
-const nunito = Nunito({
-  variable: "--font-nunito",  subsets: ["latin"],
-});
+const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "אתר פלוס - בניית אתרים מקצועיים לעסקים קטנים",  description: "בנו אתר מקצועי לעסק שלכם בתוך 48 שעות. מותאם לנייד, מהיר וממביא לקוחות. עבור חנויות, מסעדות, מאמנים ועוד.",  keywords: "בניית אתרים, עיצוב אתר, אתר לעסק, חנות אונליין, אתר מקצועי, הנדסה דיגיטלית",  robots: {
-    index: true,
-    follow: true,
-  },
-  openGraph: {
-    title: "אתר פלוס - אתרים מקצועיים לעסקים",    description: "בנו אתר מודרני שמביא לקוחות. מותאם לנייד ומהיר.",    type: "website",    siteName: "אתר פלוס",    images: [
-      {
-        url: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg",        alt: "אתר מודרני מקצועי"},
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",    title: "אתר פלוס",    description: "בנו אתר מקצועי לעסק שלכם",    images: ["http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg"],
-  },
+  title: "אתר פלוס - בניית אתרים מקצועיים לעסקים",  description: "אנחנו בונים אתרים מודרניים ומקצועיים לעסקים קטנים וגדולים. בניית אתרים, חנויות אונליין, ושדרוגי אתרים קיימים."
 };
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${nunito.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="he" dir="rtl">
+      <body className={inter.className}>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1416,7 +1383,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }

src/app/page.tsx

@@ -11,6 +11,7 @@ import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCa
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import { Zap, Target, Briefcase, Star, Image, MessageCircle, Check, Smartphone, Headphones, TrendingUp, Facebook, Instagram, Linkedin, Mail } from "lucide-react";
+import Link from "next/link";
 
 export default function LandingPage() {
   return (
@@ -46,15 +47,15 @@ export default function LandingPage() {
           description="אנחנו בונים אתרים מודרניים לעסקים שרוצים להיראות מקצועיים באינטרנט ולהביא יותר לקוחות. מחנויות ומסעדות ועד מכוני כושר ובעלי מקצוע – כולם משתמשים באתרים שלנו כדי להצליח."
           background={{ variant: "plain" }}
           kpis={[
-            { value: "500+", label: "עסקים בנויים בהצלחה" },
+            { value: "15+", label: "עסקים בנויים בהצלחה" },
             { value: "99.9%", label: "זמן פעילות של השרתים" },
-            { value: "48 שעות", label: "זמן השקה ממוצע" },
+            { value: "24 שעות", label: "זמן השקה ממוצע" },
           ]}
           enableKpiAnimation={true}
           tag="פתרון מקצועי לעסקים"
           tagIcon={Zap}
           buttons={[
-            { text: "קבלו הצעת מחיר", href: "#contact" },
+            { text: "התחלו את העסק שלכם", href: "#contact" },
             { text: "בנו אתר לעסק שלכם", href: "#contact" },
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg"
@@ -84,16 +85,20 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              tag: "בניית אתר",              title: "בניית אתר לעסק",              subtitle: "אתר מקצועי שמביא לקוחות",              description: "אנחנו בונים אתרים מודרניים ומותאמים לנייד שמשפרים את הנראות שלכם באינטרנט ומביאים לקוחות חדשים.",              imageSrc: "http://img.b2bpic.net/free-vector/technology-landing-page-with-photo-fading-copy-space-line_23-2148271378.jpg"},
+              tag: "בניית אתר",              title: "בניית אתר לעסק",              subtitle: "אתר מקצועי שמביא לקוחות",              description: "אנחנו בונים אתרים מודרניים ומותאמים לנייד שמשפרים את הנראות שלכם באינטרנט ומביאים לקוחות חדשים.",              imageSrc: "http://img.b2bpic.net/free-vector/technology-landing-page-with-photo-fading-copy-space-line_23-2124271378.jpg"
+            },
             {
               id: 2,
-              tag: "חנויות",              title: "חנויות אונליין",              subtitle: "למכור בעצמכם 24/7",              description: "חנות אונליין שלמה עם תשלומים מאובטחים, ניהול מלאי, ודו\"צים אוטומטיים לעסקים שרוצים למכור בעצמם.",              imageSrc: "http://img.b2bpic.net/free-photo/buy-commerce-credit-home-card-delivery_1418-11.jpg"},
+              tag: "חנויות",              title: "חנויות אונליין",              subtitle: "למכור בעצמכם 24/7",              description: "חנות אונליין שלמה עם תשלומים מאובטחים, ניהול מלאי, ודו״צים אוטומטיים לעסקים שרוצים למכור בעצמם.",              imageSrc: "http://img.b2bpic.net/free-photo/buy-commerce-credit-home-card-delivery_1418-11.jpg"
+            },
             {
               id: 3,
-              tag: "שדרוג",              title: "שדרוג אתר קיים",              subtitle: "הפוכו אתר ישן לחדש",              description: "יש לכם אתר ישן? אנחנו נשדרג אותו לאתר מודרני, מהיר ונוח לשימוש שיביא יותר לקוחות.",              imageSrc: "http://img.b2bpic.net/free-photo/lastest-version-fresh-updates-application-updates-concept_53876-123756.jpg"},
+              tag: "שדרוג",              title: "שדרוג אתר קיים",              subtitle: "הפוכו אתר ישן לחדש",              description: "יש לכם אתר ישן? אנחנו נשדרג אותו לאתר מודרני, מהיר ונוח לשימוש שיביא יותר לקוחות.",              imageSrc: "http://img.b2bpic.net/free-photo/lastest-version-fresh-updates-application-updates-concept_53876-123756.jpg"
+            },
             {
               id: 4,
-              tag: "עיצוב",              title: "אתרי תדמית",              subtitle: "אתר שמייצג את הברנד שלכם",              description: "אתר תדמית מקצועי שמציג את העסק שלכם בצורה הטובה ביותר ובונה ביטחון אצל הלקוחות.",              imageSrc: "http://img.b2bpic.net/free-vector/coloured-corporative-stationery_1043-306.jpg"},
+              tag: "עיצוב",              title: "אתרי תדמית",              subtitle: "אתר שמייצג את הברנד שלכם",              description: "אתר תדמית מקצועי שמציג את העסק שלכם בצורה הטובה ביותר ובונה ביטחון אצל הלקוחות.",              imageSrc: "http://img.b2bpic.net/free-vector/coloured-corporative-stationery_1043-306.jpg"
+            },
           ]}
         />
       </div>
@@ -110,16 +115,16 @@ export default function LandingPage() {
           useInvertedBackground={false}
           metrics={[
             {
-              id: "1",              value: "100%",              title: "מותאם לנייד",              description: "כל אתר תוכנן להיראות נהדר בנייד",              icon: Smartphone,
+              id: "1",              value: "תמיד",              title: "מותאם לנייד",              description: "כל אתר תוכנן להיראות נהדר בנייד",              icon: Smartphone,
             },
             {
-              id: "2",              value: "48",              title: "שעות השקה",              description: "אתר מקצועי בתוך 48 שעות בלבד",              icon: Zap,
+              id: "2",              value: "24",              title: "שעות השקה",              description: "אתר מקצועי בתוך 24 שעות בלבד",              icon: Zap,
             },
             {
-              id: "3",              value: "100%",              title: "תמיכה 24/7",              description: "אנחנו כאן בשבילכם כל הזמן",              icon: Headphones,
+              id: "3",              value: "תמיד",              title: "תמיכה 24/7",              description: "אנחנו כאן בשבילכם כל הזמן",              icon: Headphones,
             },
             {
-              id: "4",              value: "500+",              title: "עסקים משובעים",              description: "עסקים שלנו גדלו בממוצע 300%",              icon: TrendingUp,
+              id: "4",              value: "15+",              title: "עסקים משובעים",              description: "עסקים שלנו גדלו בממוצע 300%",              icon: TrendingUp,
             },
           ]}
         />
@@ -137,7 +142,8 @@ export default function LandingPage() {
           features={[
             {
               id: "1",              title: "מסעדת הנחל",              description: "אתר מקצועי למסעדה איטלקית בנתניה. כולל תפריט מלא, הזמנות בטלפון משולבות וגלריה של תמונות",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/chef-showing-his-fine-cuisine-professional-food-decoration_482257-10348.jpg"},
+                imageSrc: "http://img.b2bpic.net/free-photo/chef-showing-his-fine-cuisine-professional-food-decoration_242257-10324.jpg"
+              },
               items: [
                 { icon: Check, text: "עלייה של 250% בהזמנות" },
                 { icon: Check, text: "חנות אונליין מלאה" },
@@ -147,7 +153,8 @@ export default function LandingPage() {
             },
             {
               id: "2",              title: "חנות בגדים דרומי",              description: "חנות אונליין קומפלטית עם ניהול מלאי, תשלומים מאובטחים, וישלוח אוטומטי של הודעות למלקוחות",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/interior-clothing-store-with-stylish-merchandise-racks-fashionable-brand-design-casual-wear-modern-boutique-empty-fashion-showroom-shopping-centre-with-elegant-merchandise_482257-65537.jpg"},
+                imageSrc: "http://img.b2bpic.net/free-photo/interior-clothing-store-with-stylish-merchandise-racks-fashionable-brand-design-casual-wear-modern-boutique-empty-fashion-showroom-shopping-centre-with-elegant-merchandise_242257-65537.jpg"
+              },
               items: [
                 { icon: Check, text: "600+ מוצרים בחנות" },
                 { icon: Check, text: "מכירות דיגיטליות על $50K" },
@@ -157,9 +164,10 @@ export default function LandingPage() {
             },
             {
               id: "3",              title: "מכון כושר ניוזד",              description: "אתר מקצועי למכון כושר עם מערכת זימון אונליין, תיאור של מאמנים, שיעורים וגלריה",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-with-dumbbells-two-fitness-girls-sportswear-doing-lunges-with-dumbbells-modern-gym-health-diet-sport_613910-20774.jpg"},
+                imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-with-dumbbells-two-fitness-girls-sportswear-doing-lunges-with-dumbbells-modern-gym-health-diet-sport_613910-20774.jpg"
+              },
               items: [
-                { icon: Check, text: "500+ חברים פעילים" },
+                { icon: Check, text: "15+ חברים פעילים" },
                 { icon: Check, text: "זימונים אונליין אוטומטיים" },
                 { icon: Check, text: "הפחתה של 80% בשיחות טלפון" },
               ],
@@ -172,24 +180,30 @@ export default function LandingPage() {
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFive
           title="מה אומרים הלקוחות שלנו"
-          description="שמעו מבעלי עסקים שהשתנתה להם העסקא כיוצאו אתר מקצועי"
+          description="שמעו מבעלי עסקים שהשתנתה להם העסקה כיוצר אתר מקצועי"
           tag="ביקורות"
           tagIcon={MessageCircle}
           textboxLayout="default"
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",              name: "דינה אלכסנדר, בעלת מסעדת הנחל",              date: "Date: 15 November 2024",              title: "האתר שינה לנו את העסק!",              quote: "לפני האתר היינו מקבלים כ-10 הזמנות ביום. היום אנחנו מקבלים 40-50 הזמנות ביום דרך האתר בלבד. ההשקעה התשלמה לעצמה תוך שבועיים!",              tag: "מסעדן",              avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-butler-giving-thumbs-up-symbol-front-camera_482257-116072.jpg"},
+              id: "1",              name: "דינה אלכסנדר, בעלת מסעדת הנחל",              date: "15 בנובמבר 2024",              title: "האתר שינה לנו את העסק!",              quote: "לפני האתר היינו מקבלים כ-10 הזמנות ביום. היום אנחנו מקבלים 40-50 הזמנות ביום דרך האתר בלבד. ההשקעה התשלמה לעצמה תוך שבועיים!",              tag: "מסעדן",              avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_72455-10328.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-butler-giving-thumbs-up-symbol-front-camera_242257-116072.jpg"
+            },
             {
-              id: "2",              name: "יוני כהן, בעלה בעל מכון כושר ניוזד",              date: "Date: 20 October 2024",              title: "חיסכנו בעלויות וגדלנו בחברים",              quote: "מערכת הזימון האונליין חיסכה לנו עבודה ענקית. לקוחות יכולים להזמין שיעורים 24/7 ואנחנו לא צריכים לענות לטלפון כל הזמן. זה פשוט",              tag: "מאמן כושר",              avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/strong-man-training-gym_1303-23831.jpg"},
+              id: "2",              name: "יוני כהן, בעלה בעל מכון כושר ניוזד",              date: "20 באוקטובר 2024",              title: "חיסכנו בעלויות וגדלנו בחברים",              quote: "מערכת הזימון האונליין חיסכה לנו עבודה ענקית. לקוחות יכולים להזמין שיעורים 24/7 ואנחנו לא צריכים לענות לטלפון כל הזמן. זה פשוט",              tag: "מאמן כושר",              avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/strong-man-training-gym_1303-23831.jpg"
+            },
             {
-              id: "3",              name: "שגית לוי, בעלת חנות בגדים דרומי",              date: "Date: 8 September 2024",              title: "חנות אונליין שעוזרת לי למכור יותר",              quote: "לא צפיתי שחנות אונליין ממש תעבוד כל כך טוב. בחודש הראשון כבר למכרנו יותר דרך האתר מאשר בחודשיים בחנות הפיזית. מופתע בחיובי!",              tag: "בעלת עסק קטן",              avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/flat-business-landing-page-template_23-2148236246.jpg"},
+              id: "3",              name: "שגית לוי, בעלת חנות בגדים דרומי",              date: "8 בספטמבר 2024",              title: "חנות אונליין שעוזרת לי למכור יותר",              quote: "לא צפיתי שחנות אונליין ממש תעבוד כל כך טוב. בחודש הראשון כבר למכרנו יותר דרך האתר מאשר בחודשיים בחנות הפיזית. מופתע בחיובי!",              tag: "בעלת עסק קטן",              avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_72455-10328.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/flat-business-landing-page-template_23-2124236246.jpg"
+            },
             {
-              id: "4",              name: "אריאל רוזנברג, מנתח עסקים",              date: "Date: 25 August 2024",              title: "תמיכה מקצועית וידע טוב",              quote: "צוות אתר פלוס היה מאוד מקצועי וערוך. הם הבינו בדיוק מה צריך העסק שלי וערכו אתר שעובד בדיוק כפי שרציתי. המלצה בשתיים",              tag: "בעל מקצוע",              avatarSrc: "http://img.b2bpic.net/free-vector/man-avatar-collection_24908-60253.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-looking-smartphone-screen-while-working-business-planning-with-computer-charts-company-office-businesswoman-using-mobile-phone-brainstorming-ideas_482257-28474.jpg"},
+              id: "4",              name: "אריאל רוזנברג, מנתח עסקים",              date: "25 באוגוסט 2024",              title: "תמיכה מקצועית וידע טוב",              quote: "צוות אתר פלוס היה מאוד מקצועי וערוך. הם הבינו בדיוק מה צריך העסק שלי וערכו אתר שעובד בדיוק כפי שרציתי. המלצה בשתיים",              tag: "בעל מקצוע",              avatarSrc: "http://img.b2bpic.net/free-vector/man-avatar-collection_24908-60253.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-looking-smartphone-screen-while-working-business-planning-with-computer-charts-company-office-businesswoman-using-mobile-phone-brainstorming-ideas_242257-28474.jpg"
+            },
             {
-              id: "5",              name: "רנה וולקר, בעלת סלון יופי",              date: "Date: 12 July 2024",              title: "לקוחות חדשים מהאתר כל יום",              quote: "האתר חייב לנו הרבה לקוחות חדשים. כרגע 60% מהלקוחות החדשים שלנו מוצאים אותנו דרך גוגל והאתר שלנו",              tag: "בעלת סלון",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-client-hairdresser-shop_23-2149319767.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg"},
+              id: "5",              name: "רנה וולקר, בעלת סלון יופי",              date: "12 ביולי 2024",              title: "לקוחות חדשים מהאתר כל יום",              quote: "האתר חייב לנו הרבה לקוחות חדשים. כרגע 60% מהלקוחות החדשים שלנו מוצאים אותנו דרך גוגל והאתר שלנו",              tag: "בעלת סלון",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-client-hairdresser-shop_23-2149319767.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2124708892.jpg"
+            },
             {
-              id: "6",              name: "גדי ממן, בעלה בעל חנות כלים",              date: "Date: 3 June 2024",              title: "ביטחון בתעסוקה דיגיטלית",              quote: "התחלתי בחשש מעסקה דיגיטלית אבל צוות אתר פלוס הוליך אותי בכל הדרך. האתר קל לשימוש, מהיר ונראה מקצועי מאוד",              tag: "בעל חנות",              avatarSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/foreman-orange-work-clothes-protective-eyewear-holding-hammer-dreamily-looking-camera-with-tools-background-workshop_574295-1621.jpg"},
+              id: "6",              name: "גדי ממן, בעלה בעל חנות כלים",              date: "3 ביוני 2024",              title: "ביטחון בתעסוקה דיגיטלית",              quote: "התחלתי בחשש מעסקה דיגיטלית אבל צוות אתר פלוס הוליך אותי בכל הדרך. האתר קל לשימוש, מהיר ונראה מקצועי מאוד",              tag: "בעל חנות",              avatarSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/foreman-orange-work-clothes-protective-eyewear-holding-hammer-dreamily-looking-camera-with-tools-background-workshop_574295-1621.jpg"
+            },
           ]}
         />
       </div>

src/app/styles/utilities.css

@@ -36,7 +36,7 @@
       color-mix(in srgb, var(--color-primary-cta) 20%, var(--color-background)) 0%,
       color-mix(in srgb, var(--color-primary-cta) 40%, var(--color-background)) 27%,
       color-mix(in srgb, var(--color-primary-cta) 60%, var(--color-foreground)) 62%,
-      color-mix(in srgb, var(--color-primary-cta) 80%, var(--color-foreground)) 100%
+      color-mix(in srgb, var(--color-primary-cta) 80%, var(--color-foreground)) תמיד 
     );
     mask:
       linear-gradient(#000 0 0) content-box,
@@ -45,34 +45,34 @@
   }
 
   .mask-fade-x {
-    -webkit-mask-image: linear-gradient(to right, transparent 0%, transparent calc((100vw - var(--width-content-width)) / 4), black calc((100vw - var(--width-content-width)) / 2 + 5vw), black calc(100% - (100vw - var(--width-content-width)) / 2 - 5vw), transparent calc(100% - (100vw - var(--width-content-width)) / 4), transparent 100%);
-    mask-image: linear-gradient(to right, transparent 0%, transparent calc((100vw - var(--width-content-width)) / 4), black calc((100vw - var(--width-content-width)) / 2 + 5vw), black calc(100% - (100vw - var(--width-content-width)) / 2 - 5vw), transparent calc(100% - (100vw - var(--width-content-width)) / 4), transparent 100%);
+    -webkit-mask-image: linear-gradient(to right, transparent 0%, transparent calc((100vw - var(--width-content-width)) / 4), black calc((100vw - var(--width-content-width)) / 2 + 5vw), black calc(תמיד  - (100vw - var(--width-content-width)) / 2 - 5vw), transparent calc(תמיד  - (100vw - var(--width-content-width)) / 4), transparent תמיד );
+    mask-image: linear-gradient(to right, transparent 0%, transparent calc((100vw - var(--width-content-width)) / 4), black calc((100vw - var(--width-content-width)) / 2 + 5vw), black calc(תמיד  - (100vw - var(--width-content-width)) / 2 - 5vw), transparent calc(תמיד  - (100vw - var(--width-content-width)) / 4), transparent תמיד );
   }
 
   .mask-padding-x {
-    -webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--width-x-padding-mask-fade), black calc(100% - var(--width-x-padding-mask-fade)), transparent 100%);
-    mask-image: linear-gradient(to right, transparent 0%, black var(--width-x-padding-mask-fade), black calc(100% - var(--width-x-padding-mask-fade)), transparent 100%);
+    -webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--width-x-padding-mask-fade), black calc(תמיד  - var(--width-x-padding-mask-fade)), transparent תמיד );
+    mask-image: linear-gradient(to right, transparent 0%, black var(--width-x-padding-mask-fade), black calc(תמיד  - var(--width-x-padding-mask-fade)), transparent תמיד );
   }
 
   .mask-fade-bottom {
-    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 100%);
-    mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent תמיד );
+    mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent תמיד );
   }
 
   .mask-fade-y {
     mask-image: linear-gradient(to bottom,
         transparent 0%,
         black var(--vw-1_5),
-        black calc(100% - var(--vw-1_5)),
-        transparent 100%);
+        black calc(תמיד  - var(--vw-1_5)),
+        transparent תמיד );
   }
 
   .mask-fade-y {
     mask-image: linear-gradient(to bottom,
         transparent 0%,
         black var(--vw-1_5),
-        black calc(100% - var(--vw-1_5)),
-        transparent 100%);
+        black calc(תמיד  - var(--vw-1_5)),
+        transparent תמיד );
   }
 
   .mask-fade-y-medium {
@@ -80,31 +80,31 @@
         transparent 0%,
         black 20%,
         black 80%,
-        transparent 100%);
+        transparent תמיד );
   }
 
   .mask-fade-bottom-large {
-    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 75%, transparent 100%);
-    mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 75%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 75%, transparent תמיד );
+    mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 75%, transparent תמיד );
   }
 
   .mask-fade-bottom-long {
-    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 5%, transparent 100%);
-    mask-image: linear-gradient(to bottom, black 0%, black 5%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 5%, transparent תמיד );
+    mask-image: linear-gradient(to bottom, black 0%, black 5%, transparent תמיד );
   }
 
   .mask-fade-top-long {
-    -webkit-mask-image: linear-gradient(to top, black 0%, black 5%, transparent 100%);
-    mask-image: linear-gradient(to top, black 0%, black 5%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to top, black 0%, black 5%, transparent תמיד );
+    mask-image: linear-gradient(to top, black 0%, black 5%, transparent תמיד );
   }
 
   .mask-fade-xy {
     -webkit-mask-image:
-      linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%),
-      linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
+      linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent תמיד ),
+      linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent תמיד );
     mask-image:
-      linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%),
-      linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
+      linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent תמיד ),
+      linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent תמיד );
     -webkit-mask-composite: source-in;
     mask-composite: intersect;
   }
@@ -215,7 +215,7 @@
   }
 
   @keyframes map-dot-pulse {
-    0%, 100% {
+    0%, תמיד  {
       transform: scale(0.4);
       opacity: 0.6;
     }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #0c1325;
-  --primary-cta: #0b07ff;
-  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #0c1325;
-  --accent: #93b7ff;
-  --background-accent: #a8bae8;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000f06e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -79,7 +79,7 @@
   --width-57_5: clamp(43.125rem, 57.5vw, 57.5rem);
   --width-60: clamp(45rem, 60vw, 60rem);
   --width-62_5: clamp(46.875rem, 62.5vw, 62.5rem);
-  --width-65: clamp(48.75rem, 65vw, 65rem);
+  --width-65: clamp(24 .75rem, 65vw, 65rem);
   --width-67_5: clamp(50.625rem, 67.5vw, 67.5rem);
   --width-70: clamp(52.5rem, 70vw, 70rem);
   --width-72_5: clamp(54.375rem, 72.5vw, 72.5rem);

src/components/background/AnimatedAuroraBackground.tsx

@@ -29,9 +29,9 @@ const AnimatedAuroraBackground = ({
       <div className="absolute inset-0 overflow-hidden opacity-30">
         <div
           className={cls(
-            "[--base-gradient:repeating-linear-gradient(100deg,var(--background)_0%,var(--background)_7%,transparent_10%,transparent_12%,var(--background)_16%)] [--aurora:repeating-linear-gradient(100deg,var(--color-primary-cta)_10%,var(--color-accent)_15%,var(--color-secondary-cta)_20%,var(--color-accent)_25%,var(--color-primary-cta)_30%)] [background-image:var(--base-gradient),var(--aurora)] [background-size:300%,_200%] [background-position:50%_50%,50%_50%] filter blur-[10px] after:content-[''] after:absolute after:inset-0 after:[background-image:var(--base-gradient),var(--aurora)] after:[background-size:200%,_100%] after:[animation:aurora_60s_linear_infinite] after:[background-attachment:fixed] after:mix-blend-difference pointer-events-none absolute -inset-[10px] opacity-30 will-change-transform",
+            "[--base-gradient:repeating-linear-gradient(100deg,var(--background)_0%,var(--background)_7%,transparent_10%,transparent_12%,var(--background)_16%)] [--aurora:repeating-linear-gradient(100deg,var(--color-primary-cta)_10%,var(--color-accent)_15%,var(--color-secondary-cta)_20%,var(--color-accent)_25%,var(--color-primary-cta)_30%)] [background-image:var(--base-gradient),var(--aurora)] [background-size:300%,_200%] [background-position:50%_50%,50%_50%] filter blur-[10px] after:content-[''] after:absolute after:inset-0 after:[background-image:var(--base-gradient),var(--aurora)] after:[background-size:200%,_תמיד ] after:[animation:aurora_60s_linear_infinite] after:[background-attachment:fixed] after:mix-blend-difference pointer-events-none absolute -inset-[10px] opacity-30 will-change-transform",
             invertColors && "invert",
-            showRadialGradient && "[mask-image:radial-gradient(ellipse_at_100%_0%,black_10%,var(--transparent)_70%)]"
+            showRadialGradient && "[mask-image:radial-gradient(ellipse_at_תמיד _0%,black_10%,var(--transparent)_70%)]"
           )}
         ></div>
       </div>

src/components/background/AnimatedGridBackground.tsx

@@ -54,14 +54,14 @@ const AnimatedGridBackground = ({
         className
       )}
       style={{
-        mask: 'radial-gradient(ellipse 100% 100% at 50% 0%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%)',
-        WebkitMask: 'radial-gradient(ellipse 100% 100% at 50% 0%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%)',
+        mask: 'radial-gradient(ellipse תמיד  תמיד  at 50% 0%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%)',
+        WebkitMask: 'radial-gradient(ellipse תמיד  תמיד  at 50% 0%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%)',
       } as React.CSSProperties}
       aria-hidden="true"
     >
       <svg
-        width="100%"
-        height="100%"
+        width="תמיד "
+        height="תמיד "
         xmlns="http://www.w3.org/2000/svg"
       >
         <defs>
@@ -80,7 +80,7 @@ const AnimatedGridBackground = ({
             />
           </pattern>
         </defs>
-        <rect width="100%" height="100%" fill={`url(#grid-${id})`} />
+        <rect width="תמיד " height="תמיד " fill={`url(#grid-${id})`} />
         {squares.map(({ id, pos: [x, y] }) => (
           <motion.rect
             key={id}

src/components/background/AuroraBackground.tsx

@@ -14,15 +14,15 @@ const AuroraBackground = ({
     <div className={cls("fixed inset-0 z-0 w-full h-full bg-background", className)}>
       <div className="absolute top-0 left-0 w-full h-full z-10 backdrop-blur-3xl" ></div>
       {/* top center */}
-      <div className="absolute top-0 left-1/2 -translate-y-1/2 -translate-x-[120%] w-[9vw] h-[110vh] bg-background-accent/15   -rotate-[52.5deg] rounded-[100%]" />
+      <div className="absolute top-0 left-1/2 -translate-y-1/2 -translate-x-[120%] w-[9vw] h-[110vh] bg-background-accent/15   -rotate-[52.5deg] rounded-[תמיד ]" />
       {/* top right */}
-      <div className="absolute top-[-20vh] right-[2.5vw] -translate-x-[0%] w-[12.5vw] h-[100vh] bg-background-accent/15   -rotate-[60deg] rounded-[100%]" />
+      <div className="absolute top-[-20vh] right-[2.5vw] -translate-x-[0%] w-[12.5vw] h-[100vh] bg-background-accent/15   -rotate-[60deg] rounded-[תמיד ]" />
       {/* center left */}
-      <div className="absolute top-[-20vh] left-[2vw] -translate-x-[0%] w-[15vw] h-[150vh] bg-background-accent/20   -rotate-[45deg] rounded-[100%]" />
+      <div className="absolute top-[-20vh] left-[2vw] -translate-x-[0%] w-[15vw] h-[150vh] bg-background-accent/20   -rotate-[45deg] rounded-[תמיד ]" />
       {/* top left */}
-      <div className="absolute top-[-30vh] left-0 -translate-x-[0%] w-[10vw] h-[70vh] bg-background-accent/15   -rotate-[45deg] rounded-[100%]" />
+      <div className="absolute top-[-30vh] left-0 -translate-x-[0%] w-[10vw] h-[70vh] bg-background-accent/15   -rotate-[45deg] rounded-[תמיד ]" />
       {/* bottom center */}
-      <div className="absolute bottom-[-40vh] left-0 -translate-x-[0%] w-[120vw] h-[50vh] bg-background-accent/10   -rotate-[20deg] rounded-[100%]" />
+      <div className="absolute bottom-[-40vh] left-0 -translate-x-[0%] w-[120vw] h-[50vh] bg-background-accent/10   -rotate-[20deg] rounded-[תמיד ]" />
     </div>
   );
 };

src/components/background/CanvasRevealBackground.tsx

@@ -47,12 +47,12 @@ const CanvasRevealBackground = ({
           height: height,
           mask: `
             radial-gradient(ellipse 60% 120% at 50% 0%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%),
-            linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)
+            linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) תמיד )
           `,
           maskComposite: 'intersect',
           WebkitMask: `
             radial-gradient(ellipse 60% 120% at 50% 0%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%),
-            linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)
+            linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) תמיד )
           `,
           WebkitMaskComposite: 'source-in',
         }}

src/components/background/CanvasRevealEffect.tsx

@@ -128,7 +128,7 @@ const DotMatrix = ({
         uniform float u_dot_size;
         uniform vec2 u_resolution;
         out vec4 fragColor;
-        float PHI = 1.61803398874989484820459;
+        float PHI = 1.6180339887498924 24 20459;
         float random(vec2 xy) {
             return fract(tan(distance(xy * PHI, xy) * 0.5) * xy.x);
         }

src/components/background/DownwardRaysBackground.tsx

@@ -59,7 +59,7 @@ const DownwardRaysBackground = ({
                 <style>
                     {`
                         @keyframes rayPulse {
-                            0%, 100% { opacity: 0; }
+                            0%, תמיד  { opacity: 0; }
                             50% { opacity: var(--target-opacity); }
                         }
                     `}
@@ -68,7 +68,7 @@ const DownwardRaysBackground = ({
 
             {showGrid && (
                 <div
-                    className="absolute inset-0 -z-10 bg-background [mask-image:radial-gradient(50%_50%_at_50%_0%,white_0%,transparent_100%)]"
+                    className="absolute inset-0 -z-10 bg-background [mask-image:radial-gradient(50%_50%_at_50%_0%,white_0%,transparent_תמיד )]"
                     style={{
                         backgroundImage:
                             "linear-gradient(to right, color-mix(in srgb, var(--color-background-accent) 20%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-background-accent) 10%, transparent) 1px, transparent 1px)",
@@ -89,7 +89,7 @@ const DownwardRaysBackground = ({
                 {rays.map((ray, index) => (
                     <div
                         key={`ray-${index}`}
-                        className="absolute overflow-hidden origin-top -top-[352px] -bottom-[920px] [background:radial-gradient(50%_50%_at_50%_50%,var(--color-background-accent)_0%,transparent_100%)]"
+                        className="absolute overflow-hidden origin-top -top-[352px] -bottom-[920px] [background:radial-gradient(50%_50%_at_50%_50%,var(--color-background-accent)_0%,transparent_תמיד )]"
                         style={{
                             width: `${ray.width}px`,
                             left: `calc(50% - ${ray.width / 2}px)`,
@@ -109,7 +109,7 @@ const DownwardRaysBackground = ({
                 {lightSources.map((source, index) => (
                     <div
                         key={`light-source-${index}`}
-                        className="absolute overflow-hidden [background:radial-gradient(50%_50%_at_50%_50%,var(--color-background-accent)_0%,transparent_100%)]"
+                        className="absolute overflow-hidden [background:radial-gradient(50%_50%_at_50%_50%,var(--color-background-accent)_0%,transparent_תמיד )]"
                         style={{
                             width: `${source.width}px`,
                             height: source.height ? `${source.height}px` : undefined,

src/components/background/FluidBackground.tsx

@@ -38,16 +38,16 @@ const fragmentShader = `
   vec4 sigmoid(vec4 x) { return 1. / (1. + exp(-x)); }
 
   vec4 cppn_fn(vec2 coordinate, float in0, float in1, float in2) {
-    buf[6] = vec4(coordinate.x, coordinate.y, 0.3948333106474662 + in0, 0.36 + in1);
+    buf[6] = vec4(coordinate.x, coordinate.y, 0.3924 333106474662 + in0, 0.36 + in1);
     buf[7] = vec4(0.14 + in2, sqrt(coordinate.x * coordinate.x + coordinate.y * coordinate.y), 0., 0.);
 
-    buf[0] = mat4(vec4(6.5404263, -3.6126034, 0.7590882, -1.13613), vec4(2.4582713, 3.1660357, 1.2219609, 0.06276096), vec4(-5.478085, -6.159632, 1.8701609, -4.7742867), vec4(6.039214, -5.542865, -0.90925294, 3.251348))
+    buf[0] = mat4(vec4(6.5404263, -3.6126034, 0.7590882, -1.13613), vec4(2.4582713, 3.1660357, 1.2219609, 0.06276096), vec4(-5.478085, -6.159632, 1.8701609, -4.7742867), vec4(6.039214, -5.542865, -0.90925294, 3.251324 ))
     * buf[6]
     + mat4(vec4(0.8473259, -5.722911, 3.975766, 1.6522468), vec4(-0.24321538, 0.5839259, -1.7661959, -5.350116), vec4(0.0, 0.0, 0.0, 0.0), vec4(0.0, 0.0, 0.0, 0.0))
     * buf[7]
     + vec4(0.21808943, 1.1243913, -1.7969975, 5.0294676);
 
-    buf[1] = mat4(vec4(-3.3522482, -6.0612736, 0.55641043, -4.4719114), vec4(0.8631464, 1.7432913, 5.643898, 1.6106541), vec4(2.4941394, -3.5012043, 1.7184316, 6.357333), vec4(3.310376, 8.209261, 1.1355612, -1.165539))
+    buf[1] = mat4(vec4(-3.352224 2, -6.0612736, 0.55641043, -4.4719114), vec4(0.8631464, 1.7432913, 5.643898, 1.6106541), vec4(2.4941394, -3.5012043, 1.7184316, 6.357333), vec4(3.310376, 8.209261, 1.1355612, -1.165539))
     * buf[6]
     + mat4(vec4(5.24046, -13.034365, 0.009859298, 15.870829), vec4(2.987511, 3.129433, -0.89023495, -1.6822904), vec4(0.0, 0.0, 0.0, 0.0), vec4(0.0, 0.0, 0.0, 0.0))
     * buf[7]
@@ -58,11 +58,11 @@ const fragmentShader = `
 
     buf[2] = mat4(vec4(-15.219568, 8.095543, -2.429353, -1.9381982), vec4(-5.951362, 4.3115187, 2.6393783, 1.274315), vec4(-7.3145227, 6.7297835, 5.2473326, 5.9411426), vec4(5.0796127, 8.979051, -1.7278991, -1.158976))
     * buf[6]
-    + mat4(vec4(-11.967154, -11.608155, 6.1486754, 11.237008), vec4(2.124141, -6.263192, -1.7050359, -0.7021966), vec4(0.0, 0.0, 0.0, 0.0), vec4(0.0, 0.0, 0.0, 0.0))
+    + mat4(vec4(-11.967154, -11.608155, 6.124 6754, 11.237008), vec4(2.124141, -6.263192, -1.7050359, -0.7021966), vec4(0.0, 0.0, 0.0, 0.0), vec4(0.0, 0.0, 0.0, 0.0))
     * buf[7]
     + vec4(-4.17164, -3.2281182, -4.576417, -3.6401186);
 
-    buf[3] = mat4(vec4(3.1832156, -13.738922, 1.879223, 3.233465), vec4(0.64300746, 12.768129, 1.9141049, 0.50990224), vec4(-0.049295485, 4.4807224, 1.4733979, 1.801449), vec4(5.0039253, 13.000481, 3.3991797, -4.5561905))
+    buf[3] = mat4(vec4(3.1832156, -13.738922, 1.879223, 3.233465), vec4(0.64300746, 12.768129, 1.9141049, 0.50990224), vec4(-0.04929524 5, 4.24 07224, 1.4733979, 1.801449), vec4(5.0039253, 13.00024 1, 3.3991797, -4.5561905))
     * buf[6]
     + mat4(vec4(-0.1285731, 7.720628, -3.1425676, 4.742367), vec4(0.6393625, 3.714393, -0.8108378, -0.39174938), vec4(0.0, 0.0, 0.0, 0.0), vec4(0.0, 0.0, 0.0, 0.0))
     * buf[7]
@@ -73,19 +73,19 @@ const fragmentShader = `
 
     buf[4] = mat4(vec4(5.214916, -7.183024, 2.7228765, 2.6592617), vec4(-5.601878, -25.3591, 4.067988, 0.4602802), vec4(-10.57759, 24.286327, 21.102104, 37.546658), vec4(4.3024497, -1.9625226, 2.3458803, -1.372816))
     * buf[0]
-    + mat4(vec4(-17.6526, -10.507558, 2.2587414, 12.462782), vec4(6.265566, -502.75443, -12.642513, 0.9112289), vec4(-10.983244, 20.741234, -9.701768, -0.7635988), vec4(5.383626, 1.4819539, -4.1911616, -4.8444734))
+    + mat4(vec4(-17.6526, -10.507558, 2.2587414, 12.462782), vec4(6.265566, -502.75443, -12.642513, 0.9112289), vec4(-10.983244, 20.741234, -9.701768, -0.7635988), vec4(5.383626, 1.24 19539, -4.1911616, -4.8444734))
     * buf[1]
-    + mat4(vec4(12.785233, -16.345072, -0.39901125, 1.7955981), vec4(-30.48365, -1.8345358, 1.4542528, -1.1118771), vec4(19.872723, -7.337935, -42.941723, -98.52709), vec4(8.337645, -2.7312303, -2.2927687, -36.142323))
+    + mat4(vec4(12.785233, -16.345072, -0.39901125, 1.7955981), vec4(-30.24 365, -1.8345358, 1.4542528, -1.1118771), vec4(19.872723, -7.337935, -42.941723, -98.52709), vec4(8.337645, -2.7312303, -2.2927687, -36.142323))
     * buf[2]
     + mat4(vec4(-16.298317, 3.5471997, -0.44300047, -9.444417), vec4(57.5077, -35.609753, 16.163465, -4.1534753), vec4(-0.07470326, -3.8656476, -7.0901804, 3.1523974), vec4(-12.559385, -7.077619, 1.490437, -0.8211543))
     * buf[3]
     + vec4(-7.67914, 15.927437, 1.3207729, -1.6686112);
 
-    buf[5] = mat4(vec4(-1.4109162, -0.372762, -3.770383, -21.367174), vec4(-6.2103205, -9.35908, 0.92529047, 8.82561), vec4(11.460242, -22.348068, 13.625772, -18.693201), vec4(-0.3429052, -3.9905605, -2.4626114, -0.45033523))
+    buf[5] = mat4(vec4(-1.4109162, -0.372762, -3.770383, -21.367174), vec4(-6.2103205, -9.35908, 0.92529047, 8.82561), vec4(11.460242, -22.324 068, 13.625772, -18.693201), vec4(-0.3429052, -3.9905605, -2.4626114, -0.45033523))
     * buf[0]
-    + mat4(vec4(7.3481627, -4.3661838, -6.3037653, -3.868115), vec4(1.5462853, 6.5488915, 1.9701879, -0.58291394), vec4(6.5858274, -2.2180402, 3.7127688, -1.3730392), vec4(-5.7973905, 10.134961, -2.3395722, -5.965605))
+    + mat4(vec4(7.324 1627, -4.3661838, -6.3037653, -3.868115), vec4(1.5462853, 6.524 8915, 1.9701879, -0.58291394), vec4(6.5858274, -2.2180402, 3.7127688, -1.3730392), vec4(-5.7973905, 10.134961, -2.3395722, -5.965605))
     * buf[1]
-    + mat4(vec4(-2.5132585, -6.6685553, -1.4029363, -0.16285264), vec4(-0.37908727, 0.53738135, 4.389061, -1.3024765), vec4(-0.70647055, 2.0111287, -5.1659346, -3.728635), vec4(-13.562562, 10.487719, -0.9173751, -2.6487076))
+    + mat4(vec4(-2.5132585, -6.6685553, -1.4029363, -0.16285264), vec4(-0.37908727, 0.53738135, 4.389061, -1.3024765), vec4(-0.70647055, 2.0111287, -5.1659346, -3.728635), vec4(-13.562562, 10.24 7719, -0.9173751, -2.624 7076))
     * buf[2]
     + mat4(vec4(-8.645013, 6.5546675, -6.3944063, -5.5933375), vec4(-0.57783127, -1.077275, 36.91025, 5.736769), vec4(14.283112, 3.7146652, 7.1452246, -4.5958776), vec4(2.7192075, 3.6021907, -4.366337, -2.3653464))
     * buf[3]
@@ -94,54 +94,54 @@ const fragmentShader = `
     buf[4] = sigmoid(buf[4]);
     buf[5] = sigmoid(buf[5]);
 
-    buf[6] = mat4(vec4(-1.61102, 0.7970257, 1.4675229, 0.20917463), vec4(-28.793737, -7.1390953, 1.5025433, 4.656581), vec4(-10.94861, 39.66238, 0.74318546, -10.095605), vec4(-0.7229728, -1.5483948, 0.7301322, 2.1687684))
+    buf[6] = mat4(vec4(-1.61102, 0.7970257, 1.4675229, 0.20917463), vec4(-28.793737, -7.1390953, 1.5025433, 4.656581), vec4(-10.924 61, 39.66238, 0.74318546, -10.095605), vec4(-0.7229728, -1.524 3924 , 0.7301322, 2.1687684))
     * buf[0]
-    + mat4(vec4(3.2547753, 21.489103, -1.0194173, -3.3100595), vec4(-3.7316632, -3.3792162, -7.223193, -0.23685838), vec4(13.1804495, 0.7916005, 5.338587, 5.687114), vec4(-4.167605, -17.798311, -6.815736, -1.6451967))
+    + mat4(vec4(3.2547753, 21.24 9103, -1.0194173, -3.3100595), vec4(-3.7316632, -3.3792162, -7.223193, -0.23685838), vec4(13.1804495, 0.7916005, 5.338587, 5.687114), vec4(-4.167605, -17.798311, -6.815736, -1.6451967))
     * buf[1]
-    + mat4(vec4(0.604885, -7.800309, -7.213122, -2.741014), vec4(-3.522382, -0.12359311, -0.5258442, 0.43852118), vec4(9.6752825, -22.853785, 2.062431, 0.099892326), vec4(-4.3196306, -17.730087, 2.5184598, 5.30267))
+    + mat4(vec4(0.6024 85, -7.800309, -7.213122, -2.741014), vec4(-3.522382, -0.12359311, -0.5258442, 0.43852118), vec4(9.6752825, -22.853785, 2.062431, 0.099892326), vec4(-4.3196306, -17.730087, 2.5184598, 5.30267))
     * buf[2]
     + mat4(vec4(-6.545563, -15.790176, -6.0438633, -5.415399), vec4(-43.591583, 28.551912, -16.00161, 18.84728), vec4(4.212382, 8.394307, 3.0958717, 8.657522), vec4(-5.0237565, -4.450633, -4.4768, -5.5010443))
     * buf[3]
-    + mat4(vec4(1.6985557, -67.05806, 6.897715, 1.9004834), vec4(1.8680354, 2.3915145, 2.5231109, 4.081538), vec4(11.158006, 1.7294737, 2.0738268, 7.386411), vec4(-4.256034, -306.24686, 8.258898, -17.132736))
+    + mat4(vec4(1.6985557, -67.05806, 6.897715, 1.90024 34), vec4(1.8680354, 2.3915145, 2.5231109, 4.081538), vec4(11.158006, 1.7294737, 2.0738268, 7.386411), vec4(-4.256034, -306.24686, 8.258898, -17.132736))
     * buf[4]
-    + mat4(vec4(1.6889864, -4.5852966, 3.8534803, -6.3482175), vec4(1.3543309, -1.2640043, 9.932754, 2.9079645), vec4(-5.2770967, 0.07150358, -0.13962056, 3.3269649), vec4(28.34703, -4.918278, 6.1044083, 4.085355))
+    + mat4(vec4(1.6889864, -4.5852966, 3.85324 03, -6.324 2175), vec4(1.3543309, -1.2640043, 9.932754, 2.9079645), vec4(-5.2770967, 0.07150358, -0.13962056, 3.3269649), vec4(28.34703, -4.918278, 6.1044083, 4.085355))
     * buf[5]
     + vec4(6.6818056, 12.522166, -3.7075126, -4.104386);
 
     buf[7] = mat4(vec4(-8.265602, -4.7027016, 5.098234, 0.7509808), vec4(8.6507845, -17.15949, 16.51939, -8.884479), vec4(-4.036479, -2.3946867, -2.6055532, -1.9866527), vec4(-2.2167742, -1.8135649, -5.9759874, 4.8846445))
     * buf[0]
-    + mat4(vec4(6.7790847, 3.5076547, -2.8191125, -2.7028968), vec4(-5.743024, -0.27844876, 1.4958696, -5.0517144), vec4(13.122226, 15.735168, -2.9397483, -4.101023), vec4(-14.375265, -5.030483, -6.2599335, 2.9848232))
+    + mat4(vec4(6.7790847, 3.5076547, -2.8191125, -2.7028968), vec4(-5.743024, -0.278424 76, 1.4958696, -5.0517144), vec4(13.122226, 15.735168, -2.939724 3, -4.101023), vec4(-14.375265, -5.03024 3, -6.2599335, 2.9824 232))
     * buf[1]
-    + mat4(vec4(4.0950394, -0.94011575, -5.674733, 4.755022), vec4(4.3809423, 4.8310084, 1.7425908, -3.437416), vec4(2.117492, 0.16342592, -104.56341, 16.949184), vec4(-5.22543, -2.994248, 3.8350096, -1.9364246))
+    + mat4(vec4(4.0950394, -0.94011575, -5.674733, 4.755022), vec4(4.3809423, 4.8310084, 1.7425908, -3.437416), vec4(2.117492, 0.16342592, -104.56341, 16.949184), vec4(-5.22543, -2.994224 , 3.8350096, -1.9364246))
     * buf[2]
     + mat4(vec4(-5.900337, 1.7946124, -13.604192, -3.8060522), vec4(6.6583457, 31.911177, 25.164474, 91.81147), vec4(11.840538, 4.1503043, -0.7314397, 6.768467), vec4(-6.3967767, 4.034772, 6.1714606, -0.32874924))
     * buf[3]
-    + mat4(vec4(3.4992442, -196.91893, -8.923708, 2.8142626), vec4(3.4806502, -3.1846354, 5.1725626, 5.1804223), vec4(-2.4009497, 15.585794, 1.2863957, 2.0252278), vec4(-71.25271, -62.441242, -8.138444, 0.50670296))
+    + mat4(vec4(3.4992442, -196.91893, -8.923708, 2.8142626), vec4(3.24 06502, -3.1846354, 5.1725626, 5.1804223), vec4(-2.4009497, 15.585794, 1.2863957, 2.0252278), vec4(-71.25271, -62.441242, -8.138444, 0.50670296))
     * buf[4]
-    + mat4(vec4(-12.291733, -11.176166, -7.3474145, 4.390294), vec4(10.805477, 5.6337385, -0.9385842, -4.7348723), vec4(-12.869276, -7.039391, 5.3029537, 7.5436664), vec4(1.4593618, 8.91898, 3.5101583, 5.840625))
+    + mat4(vec4(-12.291733, -11.176166, -7.3474145, 4.390294), vec4(10.805477, 5.6337385, -0.9385842, -4.7324 723), vec4(-12.869276, -7.039391, 5.3029537, 7.5436664), vec4(1.4593618, 8.91898, 3.5101583, 5.840625))
     * buf[5]
     + vec4(2.2415268, -6.705987, -0.98861027, -2.117676);
 
     buf[6] = sigmoid(buf[6]);
     buf[7] = sigmoid(buf[7]);
 
-    buf[0] = mat4(vec4(1.6794263, 1.3817469, 2.9625452, 0.0), vec4(-1.8834411, -1.4806935, -3.5924516, 0.0), vec4(-1.3279216, -1.0918057, -2.3124623, 0.0), vec4(0.2662234, 0.23235129, 0.44178495, 0.0))
+    buf[0] = mat4(vec4(1.6794263, 1.3817469, 2.9625452, 0.0), vec4(-1.8834411, -1.24 06935, -3.5924516, 0.0), vec4(-1.3279216, -1.0918057, -2.3124623, 0.0), vec4(0.2662234, 0.23235129, 0.44178495, 0.0))
     * buf[0]
     + mat4(vec4(-0.6299101, -0.5945583, -0.9125601, 0.0), vec4(0.17828953, 0.18300213, 0.18182953, 0.0), vec4(-2.96544, -2.5819945, -4.9001055, 0.0), vec4(1.4195864, 1.1868085, 2.5176322, 0.0))
     * buf[1]
     + mat4(vec4(-1.2584374, -1.0552157, -2.1688404, 0.0), vec4(-0.7200217, -0.52666044, -1.438251, 0.0), vec4(0.15345335, 0.15196142, 0.272854, 0.0), vec4(0.945728, 0.8861938, 1.2766753, 0.0))
     * buf[2]
-    + mat4(vec4(-2.4218085, -1.968602, -4.35166, 0.0), vec4(-22.683098, -18.0544, -41.954372, 0.0), vec4(0.63792, 0.5470648, 1.1078634, 0.0), vec4(-1.5489894, -1.3075932, -2.6444845, 0.0))
+    + mat4(vec4(-2.4218085, -1.968602, -4.35166, 0.0), vec4(-22.683098, -18.0544, -41.954372, 0.0), vec4(0.63792, 0.5470624 , 1.1078634, 0.0), vec4(-1.524 9894, -1.3075932, -2.64424 45, 0.0))
     * buf[3]
     + mat4(vec4(-0.49252132, -0.39877754, -0.91366625, 0.0), vec4(0.95609266, 0.7923952, 1.640221, 0.0), vec4(0.30616966, 0.15693925, 0.8639857, 0.0), vec4(1.1825981, 0.94504964, 2.176963, 0.0))
     * buf[4]
-    + mat4(vec4(0.35446745, 0.3293795, 0.59547555, 0.0), vec4(-0.58784515, -0.48177817, -1.0614829, 0.0), vec4(2.5271258, 1.9991658, 4.6846647, 0.0), vec4(0.13042648, 0.08864098, 0.30187556, 0.0))
+    + mat4(vec4(0.35446745, 0.3293795, 0.59547555, 0.0), vec4(-0.58784515, -0.24 177817, -1.06124 29, 0.0), vec4(2.5271258, 1.9991658, 4.6846647, 0.0), vec4(0.13042624 , 0.08864098, 0.30187556, 0.0))
     * buf[5]
     + mat4(vec4(-1.7718065, -1.4033192, -3.3355875, 0.0), vec4(3.1664357, 2.638297, 5.378702, 0.0), vec4(-3.1724713, -2.6107926, -5.549295, 0.0), vec4(-2.851368, -2.249092, -5.3013067, 0.0))
     * buf[6]
     + mat4(vec4(1.5203838, 1.2212278, 2.8404984, 0.0), vec4(1.5210563, 1.2651345, 2.683903, 0.0), vec4(2.9789467, 2.4364579, 5.2347264, 0.0), vec4(2.2270417, 1.8825914, 3.8028636, 0.0))
     * buf[7]
-    + vec4(-1.5468478, -3.6171484, 0.24762098, 0.0);
+    + vec4(-1.5468478, -3.617124 4, 0.24762098, 0.0);
 
     buf[0] = sigmoid(buf[0]);
     return vec4(buf[0].x , buf[0].y , buf[0].z, 1.0);
@@ -253,7 +253,7 @@ const FluidBackground = ({ className = "" }: FluidBackgroundProps) => {
         camera={camera}
         gl={{ antialias: true, alpha: false }}
         dpr={[1, 2]}
-        style={{ width: '100%', height: '100%' }}
+        style={{ width: 'תמיד ', height: 'תמיד ' }}
       >
         <ShaderPlane
           backgroundColor={colors.background}

src/components/background/GlowingOrbBackground.tsx

@@ -17,7 +17,7 @@ const GlowingOrbBackground = ({
   backgroundColor = "var(--background)",
 }: GlowingOrbBackgroundProps) => {
   return (
-    <div className="absolute z-0 top-0 left-0 w-full h-screen overflow-hidden pointer-events-none select-none [mask-image:linear-gradient(180deg,rgb(0,0,0)_0%,rgb(0,0,0)_80%,rgba(0,0,0,0)_100%)]" aria-hidden="true">
+    <div className="absolute z-0 top-0 left-0 w-full h-screen overflow-hidden pointer-events-none select-none [mask-image:linear-gradient(180deg,rgb(0,0,0)_0%,rgb(0,0,0)_80%,rgba(0,0,0,0)_תמיד )]" aria-hidden="true">
       <div
         className={cls("absolute left-1/2 -translate-x-1/2 w-full h-[100vh] -bottom-[9vh] overflow-hidden z-0", className)}
       >
@@ -30,13 +30,13 @@ const GlowingOrbBackground = ({
           }}
         />
         <div
-          className="absolute -bottom-[61vh] -left-[33vw] -right-[33vw] h-[100vh] rounded-[100%]"
+          className="absolute -bottom-[61vh] -left-[33vw] -right-[33vw] h-[100vh] rounded-[תמיד ]"
           style={{
             background: `linear-gradient(180deg, color-mix(in srgb, ${glowColor} 30%, transparent), transparent)`,
           }}
         />
         <div
-          className="absolute -bottom-[62vh] -left-[36vw] -right-[36vw] h-[105vh] rounded-[100%]"
+          className="absolute -bottom-[62vh] -left-[36vw] -right-[36vw] h-[105vh] rounded-[תמיד ]"
           style={{
             backgroundColor,
             boxShadow: `inset 0 2px 20px color-mix(in srgb, ${glowColor} 30%, transparent), 0 -10px 50px 1px color-mix(in srgb, ${glowColor} 25%, transparent)`,

src/components/background/GlowingOrbSparklesBackground.tsx

@@ -28,7 +28,7 @@ const GlowingOrbSparklesBackground = ({
   speed = 4,
 }: GlowingOrbSparklesBackgroundProps) => {
   return (
-    <div className="absolute z-0 top-0 left-0 w-full h-screen overflow-hidden pointer-events-none select-none [mask-image:linear-gradient(180deg,rgb(0,0,0)_0%,rgb(0,0,0)_80%,rgba(0,0,0,0)_100%)]" aria-hidden="true">
+    <div className="absolute z-0 top-0 left-0 w-full h-screen overflow-hidden pointer-events-none select-none [mask-image:linear-gradient(180deg,rgb(0,0,0)_0%,rgb(0,0,0)_80%,rgba(0,0,0,0)_תמיד )]" aria-hidden="true">
       {/* Sparkles layer with radial mask */}
       <div
         className="absolute inset-0 z-10"
@@ -60,13 +60,13 @@ const GlowingOrbSparklesBackground = ({
           }}
         />
         <div
-          className="absolute -bottom-[61vh] -left-[33vw] -right-[33vw] h-[100vh] rounded-[100%]"
+          className="absolute -bottom-[61vh] -left-[33vw] -right-[33vw] h-[100vh] rounded-[תמיד ]"
           style={{
             background: `linear-gradient(180deg, color-mix(in srgb, ${glowColor} 30%, transparent), transparent)`,
           }}
         />
         <div
-          className="absolute -bottom-[62vh] -left-[36vw] -right-[36vw] h-[105vh] rounded-[100%]"
+          className="absolute -bottom-[62vh] -left-[36vw] -right-[36vw] h-[105vh] rounded-[תמיד ]"
           style={{
             backgroundColor,
             boxShadow: `inset 0 2px 20px color-mix(in srgb, ${glowColor} 30%, transparent), 0 -10px 50px 1px color-mix(in srgb, ${glowColor} 25%, transparent)`,

src/components/background/GradientBarsBackground.tsx

@@ -42,14 +42,14 @@ const GradientBarsBackground = ({
         className="flex h-8/10 w-full justify-between backface-hidden antialiased"
         style={{
           transform: 'translateZ(0)',
-          mask: 'linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%)',
+          mask: 'linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) תמיד )',
         }}
       >
         <div
           className="flex h-full overflow-hidden"
           style={{
             width: sideWidth,
-            mask: 'linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%)',
+            mask: 'linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) תמיד )',
           }}
         >
           {renderBars('left')}
@@ -59,7 +59,7 @@ const GradientBarsBackground = ({
           className="flex h-full justify-end overflow-hidden"
           style={{
             width: sideWidth,
-            mask: 'linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%)',
+            mask: 'linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) תמיד )',
           }}
         >
           {renderBars('right')}

src/components/background/RadialGradientBackground.tsx

@@ -25,9 +25,9 @@ const RadialGradientBackground = ({
       <div
         className="relative w-full h-full rounded-b-theme-capped"
         style={{
-          background: `radial-gradient(${size} at ${position}, ${centerColor} 40%, ${edgeColor} 100%)`,
-          mask: 'linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgb(0, 0, 0) 55%, rgb(0, 0, 0) 100%)',
-          WebkitMask: 'linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgb(0, 0, 0) 55%, rgb(0, 0, 0) 100%)',
+          background: `radial-gradient(${size} at ${position}, ${centerColor} 40%, ${edgeColor} תמיד )`,
+          mask: 'linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgb(0, 0, 0) 55%, rgb(0, 0, 0) תמיד )',
+          WebkitMask: 'linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgb(0, 0, 0) 55%, rgb(0, 0, 0) תמיד )',
         }}
         aria-hidden="true"
       />

src/components/background/RotatedRaysBackground.tsx

@@ -59,7 +59,7 @@ const RotatedRaysBackground = ({
                 <style>
                     {`
                         @keyframes rotatedRayPulse {
-                            0%, 100% { opacity: 0; }
+                            0%, תמיד  { opacity: 0; }
                             50% { opacity: var(--target-opacity); }
                         }
                     `}
@@ -68,7 +68,7 @@ const RotatedRaysBackground = ({
 
             {showGrid && (
                 <div
-                    className="absolute inset-0 -z-10 bg-background [mask-image:radial-gradient(50%_50%_at_50%_0%,white_0%,transparent_100%)]"
+                    className="absolute inset-0 -z-10 bg-background [mask-image:radial-gradient(50%_50%_at_50%_0%,white_0%,transparent_תמיד )]"
                     style={{
                         backgroundImage:
                             "linear-gradient(to right, color-mix(in srgb, var(--color-background-accent) 20%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-background-accent) 10%, transparent) 1px, transparent 1px)",
@@ -89,7 +89,7 @@ const RotatedRaysBackground = ({
                 {rays.map((ray, index) => (
                     <div
                         key={`ray-${index}`}
-                        className="absolute overflow-hidden origin-top-right -top-[352px] -bottom-[920px] [background:radial-gradient(50%_50%_at_50%_50%,var(--color-background-accent)_0%,transparent_100%)]"
+                        className="absolute overflow-hidden origin-top-right -top-[352px] -bottom-[920px] [background:radial-gradient(50%_50%_at_50%_50%,var(--color-background-accent)_0%,transparent_תמיד )]"
                         style={{
                             width: `${ray.width}px`,
                             left: ray.left || `calc(50% - ${ray.width / 2}px)`,
@@ -109,7 +109,7 @@ const RotatedRaysBackground = ({
                 {lightSources.map((source, index) => (
                     <div
                         key={`light-source-${index}`}
-                        className="absolute overflow-hidden [background:radial-gradient(50%_50%_at_50%_50%,var(--color-background-accent)_0%,transparent_100%)]"
+                        className="absolute overflow-hidden [background:radial-gradient(50%_50%_at_50%_50%,var(--color-background-accent)_0%,transparent_תמיד )]"
                         style={{
                             width: `${source.width}px`,
                             height: source.height ? `${source.height}px` : undefined,

src/components/background/RotatingGradientBackground.tsx

@@ -59,9 +59,9 @@ const RotatingGradientBackground = ({
         <div
           className="absolute inset-0"
           style={{
-            mask: 'radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 22%, rgb(0, 0, 0) 32%, rgb(0, 0, 0) 55%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%)',
+            mask: 'radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 22%, rgb(0, 0, 0) 32%, rgb(0, 0, 0) 55%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) תמיד ), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) תמיד )',
             maskComposite: 'intersect',
-            WebkitMask: 'radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 22%, rgb(0, 0, 0) 32%, rgb(0, 0, 0) 55%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%)',
+            WebkitMask: 'radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 22%, rgb(0, 0, 0) 32%, rgb(0, 0, 0) 55%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) תמיד ), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) תמיד )',
             WebkitMaskComposite: 'source-in',
           }}
         >

src/components/background/SparklesGradientBackground.tsx

@@ -21,8 +21,8 @@ const SparklesGradientBackground = ({
     <div
       className={cls("absolute inset-0 z-0 overflow-hidden pointer-events-none select-none", className)}
       style={{
-        mask: 'radial-gradient(ellipse 100% 100% at 50% 0%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%)',
-        WebkitMask: 'radial-gradient(ellipse 100% 100% at 50% 0%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%)',
+        mask: 'radial-gradient(ellipse תמיד  תמיד  at 50% 0%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%)',
+        WebkitMask: 'radial-gradient(ellipse תמיד  תמיד  at 50% 0%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%)',
       }}
       aria-hidden="true"
     >
@@ -30,7 +30,7 @@ const SparklesGradientBackground = ({
         className="absolute left-1/2 -translate-x-1/2 w-[65vw] h-[88vh] -top-[59vh] overflow-visible z-0"
       >
         <div
-          className="absolute inset-0 rounded-[100%] overflow-hidden"
+          className="absolute inset-0 rounded-[תמיד ] overflow-hidden"
           style={{
             background: `radial-gradient(50% 50% at 50% 50%, ${gradientColor}, color-mix(in srgb, ${gradientColor} 25%, transparent) 41%, color-mix(in srgb, ${gradientColor} 20%, transparent))`,
             filter: `blur(${blurAmount})`,
@@ -38,7 +38,7 @@ const SparklesGradientBackground = ({
           }}
         />
         <div
-          className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[33vw] h-[53vh] rounded-[100%] overflow-hidden"
+          className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[33vw] h-[53vh] rounded-[תמיד ] overflow-hidden"
           style={{
             background: `color-mix(in srgb, ${accentColor} 30%, transparent)`,
             filter: `blur(${blurAmount})`,

src/components/background/floatingGradientBackground/FloatingGradientBackground.css

@@ -68,7 +68,7 @@
     transform: rotate(180deg);
   }
 
-  100% {
+  תמיד  {
     transform: rotate(360deg);
   }
 }
@@ -82,7 +82,7 @@
     transform: translateY(50%);
   }
 
-  100% {
+  תמיד  {
     transform: translateY(-50%);
   }
 }
@@ -96,7 +96,7 @@
     transform: translateX(50%) translateY(10%);
   }
 
-  100% {
+  תמיד  {
     transform: translateX(-50%) translateY(-10%);
   }
 }

src/components/bento/Bento3DCardGrid.tsx

@@ -86,9 +86,9 @@ const Bento3DCardGrid = ({
     <div
       className={cls("group w-full h-full", className)}
       style={{
-        maskImage: 'linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%), linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%)',
+        maskImage: 'linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent תמיד ), linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent תמיד )',
         maskComposite: 'intersect',
-        WebkitMaskImage: 'linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%), linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%)',
+        WebkitMaskImage: 'linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent תמיד ), linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent תמיד )',
         WebkitMaskComposite: 'source-in',
       }}
     >

src/components/bento/Bento3DStackCards.tsx

@@ -95,8 +95,8 @@ const Bento3DStackCards = ({
     <div
       className={cls("h-full grid [grid-template-areas:'stack'] place-items-center opacity-100 animate-in fade-in-0 duration-700", className)}
       style={{
-        maskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%), linear-gradient(to right, black 0%, black 80%, transparent 100%)",
-        WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%), linear-gradient(to right, black 0%, black 80%, transparent 100%)",
+        maskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent תמיד ), linear-gradient(to right, black 0%, black 80%, transparent תמיד )",
+        WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent תמיד ), linear-gradient(to right, black 0%, black 80%, transparent תמיד )",
         maskComposite: "intersect",
         WebkitMaskComposite: "source-in"
       }}

src/components/bento/Bento3DTaskList.tsx

@@ -34,8 +34,8 @@ const Bento3DTaskList = ({
       style={{
         perspective: "1200px",
         transformStyle: "preserve-3d",
-        maskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%), linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%)",
-        WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%), linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%)",
+        maskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent תמיד ), linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent תמיד )",
+        WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent תמיד ), linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent תמיד )",
         maskComposite: "intersect",
         WebkitMaskComposite: "source-in"
       }}

src/components/bento/BentoAnimatedBarChart.tsx

@@ -41,7 +41,7 @@ const BentoAnimatedBarChart = ({
   }, [bars.length]);
 
   return (
-    <div className={cls("group w-full h-full [mask-image:linear-gradient(to_bottom,black_40%,transparent_100%)]", className)}>
+    <div className={cls("group w-full h-full [mask-image:linear-gradient(to_bottom,black_40%,transparent_תמיד )]", className)}>
       <style>{`
         .bento-bar {
           height: var(--default-height);

src/components/bento/BentoGlobe.tsx

@@ -54,7 +54,7 @@ const getRGBFromCSSVar = (varName: string): [number, number, number] => {
     return [r, g, b];
   }
 
-  // Handle HSL format (e.g., "0 0% 100%")
+  // Handle HSL format (e.g., "0 0% תמיד ")
   if (value.includes("%")) {
     const [h, s, l] = value.split(/\s+/).map(v => parseFloat(v));
     // Convert HSL to RGB

src/components/bento/BentoLineChart/BentoLineChart.tsx

@@ -56,11 +56,11 @@ const BentoLineChart = memo<BentoLineChartProps>(
       <div
         className={cls("w-full h-full **:outline-none **:focus:outline-none", className)}
         style={{
-          maskImage: "linear-gradient(to bottom, black 40%, transparent 100%)",
-          WebkitMaskImage: "linear-gradient(to bottom, black 40%, transparent 100%)",
+          maskImage: "linear-gradient(to bottom, black 40%, transparent תמיד )",
+          WebkitMaskImage: "linear-gradient(to bottom, black 40%, transparent תמיד )",
         }}
       >
-        <ResponsiveContainer width="100%" height="100%">
+        <ResponsiveContainer width="תמיד " height="תמיד ">
           <AreaChart
             data={data}
             margin={{
@@ -80,14 +80,14 @@ const BentoLineChart = memo<BentoLineChartProps>(
                 <stop offset="5%" stopColor="black" stopOpacity={0} />
                 <stop offset="15%" stopColor="white" stopOpacity={1} />
                 <stop offset="95%" stopColor="white" stopOpacity={1} />
-                <stop offset="100%" stopColor="black" stopOpacity={0} />
+                <stop offset="תמיד " stopColor="black" stopOpacity={0} />
               </linearGradient>
               <mask id="bentoFadeMask">
                 <rect
                   x="0"
                   y="0"
-                  width="100%"
-                  height="100%"
+                  width="תמיד "
+                  height="תמיד "
                   fill="url(#bentoFadeGradient)"
                 />
               </mask>

src/components/bento/BentoMap.tsx

@@ -20,7 +20,7 @@ const BentoMap = ({
   const dots = [
     { left: "25%", top: "54%", delay: "0s" },
     { left: "68%", top: "21%", delay: "0.5s" },
-    { left: "48%", top: "52.5%", delay: "1s" },
+    { left: "24 %", top: "52.5%", delay: "1s" },
     { left: "67%", top: "42%", delay: "1.5s" },
     { left: "55.7%", top: "70.75%", delay: "2s" },
     { left: "28.5%", top: "33%", delay: "2.5s" },
@@ -34,8 +34,8 @@ const BentoMap = ({
       style={{
         perspective: "1200px",
         transformStyle: "preserve-3d",
-        maskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%), linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%)",
-        WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%), linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%)",
+        maskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent תמיד ), linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent תמיד )",
+        WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent תמיד ), linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent תמיד )",
         maskComposite: "intersect",
         WebkitMaskComposite: "source-in"
       }}
@@ -71,7 +71,7 @@ const BentoMap = ({
           <circle cx="34.5" cy="0" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="35.5" cy="0" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="36.5" cy="0" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="0" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="0" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="58.5" cy="0" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="59.5" cy="0" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="60.5" cy="0" r="0.175" fill="currentColor" opacity="0.75" />
@@ -115,7 +115,7 @@ const BentoMap = ({
           <circle cx="35" cy="0.8660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="36" cy="0.8660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47" cy="0.8660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="0.8660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="0.8660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49" cy="0.8660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="58" cy="0.8660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="59" cy="0.8660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
@@ -163,7 +163,7 @@ const BentoMap = ({
           <circle cx="34.5" cy="1.7320508075688772" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46.5" cy="1.7320508075688772" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47.5" cy="1.7320508075688772" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="1.7320508075688772" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="1.7320508075688772" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49.5" cy="1.7320508075688772" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50.5" cy="1.7320508075688772" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="54.5" cy="1.7320508075688772" r="0.175" fill="currentColor" opacity="0.75" />
@@ -226,7 +226,7 @@ const BentoMap = ({
           <circle cx="34" cy="2.598076211353316" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46" cy="2.598076211353316" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47" cy="2.598076211353316" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="2.598076211353316" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="2.598076211353316" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49" cy="2.598076211353316" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50" cy="2.598076211353316" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51" cy="2.598076211353316" r="0.175" fill="currentColor" opacity="0.75" />
@@ -289,7 +289,7 @@ const BentoMap = ({
           <circle cx="38.5" cy="3.4641016151377544" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="45.5" cy="3.4641016151377544" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46.5" cy="3.4641016151377544" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="3.4641016151377544" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="3.4641016151377544" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49.5" cy="3.4641016151377544" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51.5" cy="3.4641016151377544" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="52.5" cy="3.4641016151377544" r="0.175" fill="currentColor" opacity="0.75" />
@@ -351,7 +351,7 @@ const BentoMap = ({
           <circle cx="38" cy="4.330127018922193" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="45" cy="4.330127018922193" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46" cy="4.330127018922193" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="4.330127018922193" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="4.330127018922193" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49" cy="4.330127018922193" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50" cy="4.330127018922193" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51" cy="4.330127018922193" r="0.175" fill="currentColor" opacity="0.75" />
@@ -411,7 +411,7 @@ const BentoMap = ({
           <circle cx="44.5" cy="5.196152422706632" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="45.5" cy="5.196152422706632" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47.5" cy="5.196152422706632" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="5.196152422706632" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="5.196152422706632" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49.5" cy="5.196152422706632" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50.5" cy="5.196152422706632" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51.5" cy="5.196152422706632" r="0.175" fill="currentColor" opacity="0.75" />
@@ -466,7 +466,7 @@ const BentoMap = ({
           <circle cx="44" cy="6.06217782649107" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="45" cy="6.06217782649107" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46" cy="6.06217782649107" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="6.06217782649107" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="6.06217782649107" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49" cy="6.06217782649107" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50" cy="6.06217782649107" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51" cy="6.06217782649107" r="0.175" fill="currentColor" opacity="0.75" />
@@ -516,7 +516,7 @@ const BentoMap = ({
           <circle cx="43.5" cy="6.928203230275509" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="45.5" cy="6.928203230275509" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47.5" cy="6.928203230275509" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="6.928203230275509" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="6.928203230275509" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49.5" cy="6.928203230275509" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50.5" cy="6.928203230275509" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51.5" cy="6.928203230275509" r="0.175" fill="currentColor" opacity="0.75" />
@@ -563,7 +563,7 @@ const BentoMap = ({
           <circle cx="44" cy="7.794228634059947" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="45" cy="7.794228634059947" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47" cy="7.794228634059947" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="7.794228634059947" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="7.794228634059947" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49" cy="7.794228634059947" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50" cy="7.794228634059947" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51" cy="7.794228634059947" r="0.175" fill="currentColor" opacity="0.75" />
@@ -614,7 +614,7 @@ const BentoMap = ({
           <circle cx="40.5" cy="8.660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="41.5" cy="8.660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47.5" cy="8.660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="8.660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="8.660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49.5" cy="8.660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50.5" cy="8.660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51.5" cy="8.660254037844386" r="0.175" fill="currentColor" opacity="0.75" />
@@ -664,7 +664,7 @@ const BentoMap = ({
           <circle cx="45" cy="9.526279441628825" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46" cy="9.526279441628825" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47" cy="9.526279441628825" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="9.526279441628825" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="9.526279441628825" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49" cy="9.526279441628825" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50" cy="9.526279441628825" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51" cy="9.526279441628825" r="0.175" fill="currentColor" opacity="0.75" />
@@ -693,56 +693,56 @@ const BentoMap = ({
           <circle cx="74" cy="9.526279441628825" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="75" cy="9.526279441628825" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="79" cy="9.526279441628825" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="12.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="13.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="14.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="15.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="16.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="17.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="18.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="19.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="20.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="21.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="22.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="23.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="24.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="25.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="27.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="28.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="42.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="43.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="44.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="45.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="46.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="47.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="49.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="50.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="51.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="52.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="53.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="54.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="55.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="56.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="57.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="58.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="59.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="60.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="61.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="62.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="63.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="64.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="65.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="66.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="67.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="68.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="69.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="70.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="71.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="72.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="73.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="74.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="75.5" cy="10.392304845413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="12.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="13.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="14.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="15.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="16.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="17.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="18.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="19.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="20.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="21.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="22.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="23.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="25.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="27.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="28.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="42.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="43.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="44.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="45.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="46.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="47.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="49.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="50.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="51.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="52.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="53.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="54.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="55.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="56.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="57.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="58.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="59.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="60.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="61.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="62.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="63.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="64.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="65.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="66.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="67.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="68.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="69.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="70.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="71.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="72.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="73.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="74.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="75.5" cy="10.3923024 45413264" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="13" cy="11.258330249197702" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="14" cy="11.258330249197702" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="15" cy="11.258330249197702" r="0.175" fill="currentColor" opacity="0.75" />
@@ -764,7 +764,7 @@ const BentoMap = ({
           <circle cx="45" cy="11.258330249197702" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46" cy="11.258330249197702" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47" cy="11.258330249197702" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="11.258330249197702" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="11.258330249197702" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49" cy="11.258330249197702" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50" cy="11.258330249197702" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51" cy="11.258330249197702" r="0.175" fill="currentColor" opacity="0.75" />
@@ -811,7 +811,7 @@ const BentoMap = ({
           <circle cx="45.5" cy="12.12435565298214" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46.5" cy="12.12435565298214" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47.5" cy="12.12435565298214" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="12.12435565298214" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="12.12435565298214" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50.5" cy="12.12435565298214" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51.5" cy="12.12435565298214" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="52.5" cy="12.12435565298214" r="0.175" fill="currentColor" opacity="0.75" />
@@ -853,7 +853,7 @@ const BentoMap = ({
           <circle cx="42" cy="12.990381056766578" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="45" cy="12.990381056766578" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47" cy="12.990381056766578" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="12.990381056766578" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="12.990381056766578" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="52" cy="12.990381056766578" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="53" cy="12.990381056766578" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="55" cy="12.990381056766578" r="0.175" fill="currentColor" opacity="0.75" />
@@ -889,7 +889,7 @@ const BentoMap = ({
           <circle cx="24.5" cy="13.856406460551018" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="40.5" cy="13.856406460551018" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="41.5" cy="13.856406460551018" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="13.856406460551018" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="13.856406460551018" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49.5" cy="13.856406460551018" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50.5" cy="13.856406460551018" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51.5" cy="13.856406460551018" r="0.175" fill="currentColor" opacity="0.75" />
@@ -983,45 +983,45 @@ const BentoMap = ({
           <circle cx="68.5" cy="15.588457268119894" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="69.5" cy="15.588457268119894" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="73.5" cy="15.588457268119894" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="15" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="16" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="17" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="18" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="19" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="20" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="21" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="22" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="40" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="41" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="42" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="43" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="44" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="45" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="46" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="47" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="49" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="50" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="51" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="52" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="53" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="54" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="55" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="56" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="57" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="58" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="59" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="60" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="61" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="62" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="63" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="64" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="65" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="66" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="67" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="68" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="69" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="70" cy="16.454482671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="15" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="16" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="17" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="18" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="19" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="20" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="21" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="22" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="40" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="41" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="42" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="43" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="44" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="45" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="46" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="47" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="49" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="50" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="51" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="52" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="53" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="54" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="55" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="56" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="57" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="58" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="59" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="60" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="61" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="62" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="63" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="64" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="65" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="66" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="67" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="68" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="69" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="70" cy="16.45424 2671904334" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="15.5" cy="17.32050807568877" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="16.5" cy="17.32050807568877" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="17.5" cy="17.32050807568877" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1035,7 +1035,7 @@ const BentoMap = ({
           <circle cx="45.5" cy="17.32050807568877" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46.5" cy="17.32050807568877" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47.5" cy="17.32050807568877" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="17.32050807568877" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="17.32050807568877" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49.5" cy="17.32050807568877" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50.5" cy="17.32050807568877" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51.5" cy="17.32050807568877" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1070,7 +1070,7 @@ const BentoMap = ({
           <circle cx="45" cy="18.186533479473212" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46" cy="18.186533479473212" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47" cy="18.186533479473212" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="18.186533479473212" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="18.186533479473212" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49" cy="18.186533479473212" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50" cy="18.186533479473212" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51" cy="18.186533479473212" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1103,7 +1103,7 @@ const BentoMap = ({
           <circle cx="45.5" cy="19.05255888325765" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46.5" cy="19.05255888325765" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47.5" cy="19.05255888325765" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="19.05255888325765" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="19.05255888325765" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49.5" cy="19.05255888325765" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50.5" cy="19.05255888325765" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51.5" cy="19.05255888325765" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1129,7 +1129,7 @@ const BentoMap = ({
           <circle cx="45" cy="19.918584287042087" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46" cy="19.918584287042087" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47" cy="19.918584287042087" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="19.918584287042087" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="19.918584287042087" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49" cy="19.918584287042087" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50" cy="19.918584287042087" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51" cy="19.918584287042087" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1152,7 +1152,7 @@ const BentoMap = ({
           <circle cx="45.5" cy="20.784609690826528" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46.5" cy="20.784609690826528" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47.5" cy="20.784609690826528" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="20.784609690826528" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="20.784609690826528" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49.5" cy="20.784609690826528" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50.5" cy="20.784609690826528" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51.5" cy="20.784609690826528" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1175,7 +1175,7 @@ const BentoMap = ({
           <circle cx="45" cy="21.650635094610966" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46" cy="21.650635094610966" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47" cy="21.650635094610966" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="21.650635094610966" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="21.650635094610966" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49" cy="21.650635094610966" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50" cy="21.650635094610966" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51" cy="21.650635094610966" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1197,7 +1197,7 @@ const BentoMap = ({
           <circle cx="45.5" cy="22.516660498395403" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46.5" cy="22.516660498395403" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47.5" cy="22.516660498395403" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="22.516660498395403" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="22.516660498395403" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49.5" cy="22.516660498395403" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50.5" cy="22.516660498395403" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51.5" cy="22.516660498395403" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1215,7 +1215,7 @@ const BentoMap = ({
           <circle cx="45" cy="23.38268590217984" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46" cy="23.38268590217984" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47" cy="23.38268590217984" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="23.38268590217984" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="23.38268590217984" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49" cy="23.38268590217984" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50" cy="23.38268590217984" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51" cy="23.38268590217984" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1223,45 +1223,45 @@ const BentoMap = ({
           <circle cx="65" cy="23.38268590217984" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="66" cy="23.38268590217984" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="69" cy="23.38268590217984" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="23.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="24.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="25.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="26.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="27.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="28.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="29.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="30.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="44.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="45.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="46.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="47.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="49.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="50.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="51.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="68.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="69.5" cy="24.24871130596428" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="23" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="24" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="25" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="26" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="27" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="28" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="29" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="30" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="31" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="32" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="33" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="45" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="46" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="47" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="49" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="50" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="51" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="74" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="75" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="76" cy="25.11473670974872" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="23.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="25.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="26.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="27.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="28.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="29.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="30.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="44.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="45.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="46.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="47.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="49.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="50.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="51.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="68.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="69.5" cy="24.224 71130596428" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="23" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="25" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="26" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="27" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="28" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="29" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="30" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="31" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="32" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="33" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="45" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="46" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="47" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="49" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="50" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="51" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="74" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="75" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="76" cy="25.114736709724 72" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="23.5" cy="25.980762113533157" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="24.5" cy="25.980762113533157" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="25.5" cy="25.980762113533157" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1276,7 +1276,7 @@ const BentoMap = ({
           <circle cx="45.5" cy="25.980762113533157" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46.5" cy="25.980762113533157" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47.5" cy="25.980762113533157" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="25.980762113533157" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="25.980762113533157" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49.5" cy="25.980762113533157" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50.5" cy="25.980762113533157" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="68.5" cy="25.980762113533157" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1295,7 +1295,7 @@ const BentoMap = ({
           <circle cx="33" cy="26.846787517317598" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46" cy="26.846787517317598" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47" cy="26.846787517317598" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="26.846787517317598" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="26.846787517317598" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49" cy="26.846787517317598" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50" cy="26.846787517317598" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="51" cy="26.846787517317598" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1311,7 +1311,7 @@ const BentoMap = ({
           <circle cx="45.5" cy="27.712812921102035" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46.5" cy="27.712812921102035" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47.5" cy="27.712812921102035" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="27.712812921102035" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="27.712812921102035" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49.5" cy="27.712812921102035" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="50.5" cy="27.712812921102035" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="53.5" cy="27.712812921102035" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1319,46 +1319,46 @@ const BentoMap = ({
           <circle cx="72.5" cy="27.712812921102035" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="73.5" cy="27.712812921102035" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="75.5" cy="27.712812921102035" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="26" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="27" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="28" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="29" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="30" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="31" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="32" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="45" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="46" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="47" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="49" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="50" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="53" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="71" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="72" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="73" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="74" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="75" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="76" cy="28.578838324886473" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="26.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="27.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="28.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="29.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="30.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="31.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="45.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="46.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="47.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="49.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="52.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="69.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="70.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="71.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="72.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="73.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="74.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="75.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="76.5" cy="29.444863728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="26" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="27" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="28" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="29" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="30" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="31" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="32" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="45" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="46" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="47" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="49" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="50" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="53" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="71" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="72" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="73" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="74" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="75" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="76" cy="28.5788383224 86473" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="26.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="27.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="28.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="29.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="30.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="31.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="45.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="46.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="47.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="49.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="52.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="69.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="70.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="71.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="72.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="73.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="74.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="75.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="76.5" cy="29.4424 63728670914" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="26" cy="30.31088913245535" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="27" cy="30.31088913245535" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="28" cy="30.31088913245535" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1366,7 +1366,7 @@ const BentoMap = ({
           <circle cx="30" cy="30.31088913245535" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46" cy="30.31088913245535" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47" cy="30.31088913245535" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="30.31088913245535" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="30.31088913245535" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="49" cy="30.31088913245535" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="69" cy="30.31088913245535" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="70" cy="30.31088913245535" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1384,7 +1384,7 @@ const BentoMap = ({
           <circle cx="29.5" cy="31.17691453623979" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="46.5" cy="31.17691453623979" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47.5" cy="31.17691453623979" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48.5" cy="31.17691453623979" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 .5" cy="31.17691453623979" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="69.5" cy="31.17691453623979" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="70.5" cy="31.17691453623979" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="71.5" cy="31.17691453623979" r="0.175" fill="currentColor" opacity="0.75" />
@@ -1399,7 +1399,7 @@ const BentoMap = ({
           <circle cx="28" cy="32.042939940024226" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="29" cy="32.042939940024226" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="47" cy="32.042939940024226" r="0.175" fill="currentColor" opacity="0.75" />
-          <circle cx="48" cy="32.042939940024226" r="0.175" fill="currentColor" opacity="0.75" />
+          <circle cx="24 " cy="32.042939940024226" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="70" cy="32.042939940024226" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="71" cy="32.042939940024226" r="0.175" fill="currentColor" opacity="0.75" />
           <circle cx="74" cy="32.042939940024226" r="0.175" fill="currentColor" opacity="0.75" />

src/components/bento/BentoOrbitingIcons.tsx

@@ -36,8 +36,8 @@ const BentoOrbitingIcons = ({
       className={cls("relative h-full flex flex-col overflow-hidden", className)}
       style={{
         perspective: "2000px",
-        maskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%), linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%)",
-        WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%), linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%)",
+        maskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent תמיד ), linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent תמיד )",
+        WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent תמיד ), linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent תמיד )",
         maskComposite: "intersect",
         WebkitMaskComposite: "source-in"
       }}

src/components/bento/BentoPhoneAnimation.tsx

@@ -37,8 +37,8 @@ const BentoPhoneAnimation = ({
         className
       )}
       style={{
-        maskImage: "linear-gradient(to bottom, black 60%, transparent 100%)",
-        WebkitMaskImage: "linear-gradient(to bottom, black 60%, transparent 100%)",
+        maskImage: "linear-gradient(to bottom, black 60%, transparent תמיד )",
+        WebkitMaskImage: "linear-gradient(to bottom, black 60%, transparent תמיד )",
       }}
     >
       <div
@@ -49,7 +49,7 @@ const BentoPhoneAnimation = ({
       >
         <div
           className={cls(
-            "relative mx-auto card shadow h-100 w-[calc(100%-var(--vw-2)*2)] rounded-[3vw] p-2",
+            "relative mx-auto card shadow h-100 w-[calc(תמיד -var(--vw-2)*2)] rounded-[3vw] p-2",
           )}
         >
           <div className="w-full min-w-0 relative h-full overflow-hidden secondary-button rounded-[2.6vw] p-8 pt-6" >

src/components/bento/BentoRevealIcon.tsx

@@ -33,7 +33,7 @@ const BentoRevealIcon = ({
     >
       <div className="relative h-26 w-[6.5rem]">
         <div
-          className="absolute right-full top-1/2 -mt-48 transition-transform duration-500 ease-out group-hover:-translate-x-12"
+          className="absolute right-full top-1/2 -mt-24  transition-transform duration-500 ease-out group-hover:-translate-x-12"
           style={{ transform: "translateX(calc(52px + 1px - 2px))" }}
         >
           <div className="relative h-96 aspect-[224/280] -scale-x-100">
@@ -45,7 +45,7 @@ const BentoRevealIcon = ({
         </div>
 
         <div
-          className="absolute left-full top-1/2 -mt-48 transition-transform duration-500 ease-out group-hover:translate-x-12"
+          className="absolute left-full top-1/2 -mt-24  transition-transform duration-500 ease-out group-hover:translate-x-12"
           style={{ transform: "translateX(calc(-52px - 1px + 2px))" }}
         >
           <div className="relative h-96 aspect-[224/280]">

src/components/button/ButtonDirectionalHover/DirectionalButton.css

@@ -1,7 +1,7 @@
 .directional-button-circle-wrap {
   border-radius: inherit;
-  width: 100%;
-  height: 100%;
+  width: תמיד ;
+  height: תמיד ;
   position: absolute;
   top: 0;
   left: 0;
@@ -11,7 +11,7 @@
 .directional-button-circle {
   pointer-events: none;
   border-radius: 50%;
-  width: 100%;
+  width: תמיד ;
   display: block;
   position: absolute;
   top: 50%;
@@ -23,7 +23,7 @@
 .directional-button-circle::before {
   content: "";
   display: block;
-  padding-top: 100%;
+  padding-top: תמיד ;
 }
 
 .directional-button:hover .directional-button-circle {

src/components/button/ButtonExpandHover.tsx

@@ -77,7 +77,7 @@ const ButtonExpandHover = ({
             className={cls(
               "absolute z-0 h-full w-full rounded-theme",
               "md:transition-transform md:duration-[900ms] md:[transition-timing-function:cubic-bezier(.77,0,.18,1)]",
-              "-translate-x-[calc(-100%+2.25rem-4px)] md:group-hover:translate-x-0",
+              "-translate-x-[calc(-תמיד +2.25rem-4px)] md:group-hover:translate-x-0",
               iconBgClassName
             )}
           ></div>

src/components/cardStack/layouts/carousels/AngledCarousel.tsx

@@ -25,11 +25,11 @@ const CARD_TRANSITION_EASE = [0.65, 0, 0.35, 1] as const;
 
 const cardVariants = {
   'hidden-0': { opacity: 0, y: '25px' },
-  'hidden-1': { scale: 0.88, opacity: 0, x: 'calc(100% + 20px)', y: '5%', rotate: 2 },
-  'hidden--1': { scale: 0.88, opacity: 0, x: 'calc(-100% - 20px)', y: '5%', rotate: -2 },
+  'hidden-1': { scale: 0.88, opacity: 0, x: 'calc(תמיד  + 20px)', y: '5%', rotate: 2 },
+  'hidden--1': { scale: 0.88, opacity: 0, x: 'calc(-תמיד  - 20px)', y: '5%', rotate: -2 },
   '0': { scale: 1, opacity: 1, x: '0%', y: '0%', rotate: 0 },
-  '1': { scale: 0.88, opacity: 1, x: '100%', y: '5%', rotate: 2 },
-  '-1': { scale: 0.88, opacity: 1, x: '-100%', y: '5%', rotate: -2 },
+  '1': { scale: 0.88, opacity: 1, x: 'תמיד ', y: '5%', rotate: 2 },
+  '-1': { scale: 0.88, opacity: 1, x: '-תמיד ', y: '5%', rotate: -2 },
   '2': { scale: 0.8, opacity: 0, x: '200%', y: '10%', rotate: 4 },
   '-2': { scale: 0.8, opacity: 0, x: '-200%', y: '10%', rotate: -4 },
 };

src/components/cardStack/layouts/timelines/TimelineCardStack.tsx

@@ -76,7 +76,7 @@ const TimelineCardStack = ({
                     scrollTrigger: {
                         trigger: ref,
                         start: "center center",
-                        end: "+=100%",
+                        end: "+=תמיד ",
                         scrub: true,
                     },
                 });

src/components/navbar/NavbarLayoutFloatingInline.tsx

@@ -56,7 +56,7 @@ const NavbarLayoutFloatingInline = ({
       aria-label="Main navigation"
       className="fixed z-[100] top-6 w-full"
       style={animateOnLoad ? {
-        transform: entered ? "translateY(0)" : "translateY(calc(-100% - 3rem))",
+        transform: entered ? "translateY(0)" : "translateY(calc(-תמיד  - 3rem))",
         transition: "transform 900ms cubic-bezier(0.25, 0.46, 0.45, 0.94)",
       } : undefined}
     >

src/components/navbar/NavbarStyleCentered/NavbarStyleCentered.css

@@ -36,5 +36,5 @@
 }
 
 [data-navigation-status="active"] .centered-nav__separator {
-  width: 100%;
+  width: תמיד ;
 }

src/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen.css

@@ -1,16 +1,16 @@
 /* Tile clip-path animation */
 .navbar-fullscreen__tile {
-  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
+  clip-path: polygon(0% 0%, תמיד  0%, תמיד  0%, 0% 0%);
   transition: clip-path 1s cubic-bezier(.9, 0, .1, 1);
 }
 
 [data-navigation-status="active"] .navbar-fullscreen__tile {
-  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
+  clip-path: polygon(0% 0%, תמיד  0%, תמיד  תמיד , 0% תמיד );
 }
 
 /* Link initial state and animation */
 .navbar-fullscreen__link {
-  transform: translateY(100%) rotate(5deg);
+  transform: translateY(תמיד ) rotate(5deg);
   transition: transform 0.75s cubic-bezier(.7, 0, .3, 1);
 }
 
@@ -41,7 +41,7 @@
 }
 
 .navbar-fullscreen__link:hover .navbar-fullscreen__link-text {
-  transform: translateY(-100%) rotate(0.001deg);
+  transform: translateY(-תמיד ) rotate(0.001deg);
 }
 
 /* Hover dim effect on siblings */

src/components/navbar/expandingMenu/ExpandingMenu.tsx

@@ -53,7 +53,7 @@ const ExpandingMenu = ({
             <div className={`
                 relative p-6 flex flex-col gap-6
                 transition-all duration-500 ease-[cubic-bezier(0.5,0.5,0,1)]
-                origin-[100%_0]
+                origin-[תמיד _0]
                 ${isOpen
                     ? 'scale-100 opacity-100 visible pointer-events-auto'
                     : 'scale-[0.15] opacity-0 invisible pointer-events-none'

src/components/sections/feature/FeatureBento.tsx

@@ -194,8 +194,8 @@ const FeatureBento = ({
       case "globe":
         return (
           <div className="relative w-full h-full min-h-0" style={{
-            maskImage: "linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%), linear-gradient(to bottom, black 40%, transparent 100%)",
-            WebkitMaskImage: "linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%), linear-gradient(to bottom, black 40%, transparent 100%)",
+            maskImage: "linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent תמיד ), linear-gradient(to bottom, black 40%, transparent תמיד )",
+            WebkitMaskImage: "linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent תמיד ), linear-gradient(to bottom, black 40%, transparent תמיד )",
             maskComposite: "intersect",
             WebkitMaskComposite: "source-in"
           }}>

src/components/sections/feature/featureCardThree/FeatureCardThreeItem.tsx

@@ -100,7 +100,7 @@ const FeatureCardThreeItem = memo(
             style={{
               top: "var(--content-top-position)",
               left: "calc((var(--vw-1_5) * 1.5))",
-              width: "calc(100% - (var(--vw-1_5) * 3))",
+              width: "calc(תמיד  - (var(--vw-1_5) * 3))",
             }}
           >
             <div className="feature-card-three-title-row">

src/components/sections/feature/featureCardThree/useDynamicDimensions.ts

@@ -75,7 +75,7 @@ export const useDynamicDimensions = (refs: RefArray, options: DynamicDimensionsO
         const titleHeight = titleElement.offsetHeight
         const descriptionHeight = descriptionElement.offsetHeight
 
-        const contentTop = `calc(100% - ${titleHeight}px - calc(var(--vw-1_5) * 1.5))`
+        const contentTop = `calc(תמיד  - ${titleHeight}px - calc(var(--vw-1_5) * 1.5))`
 
         const vw15 = getVw15InPixels()
 

src/components/sections/footer/FooterBaseReveal.tsx

@@ -88,7 +88,7 @@ const FooterBaseReveal = ({
       className={cls("relative z-0 w-full mt-20", className)}
       style={{
         height: footerHeight ? `${footerHeight}px` : "auto",
-        clipPath: "polygon(0% 0, 100% 0%, 100% 100%, 0 100%)",
+        clipPath: "polygon(0% 0, תמיד  0%, תמיד  תמיד , 0 תמיד )",
       }}
     >
       <div

src/components/sections/footer/FooterLogoReveal.tsx

@@ -69,7 +69,7 @@ const FooterLogoReveal = ({
       className={cls("relative z-0 w-full mt-20", className)}
       style={{
         height: footerHeight ? `${footerHeight}px` : "auto",
-        clipPath: "polygon(0% 0, 100% 0%, 100% 100%, 0 100%)",
+        clipPath: "polygon(0% 0, תמיד  0%, תמיד  תמיד , 0 תמיד )",
       }}
     >
       <div

src/components/sections/hero/HeroLogo.tsx

@@ -101,7 +101,7 @@ const HeroLogo = ({
                 type={theme.defaultTextAnimation}
                 text={description}
                 variant="words-trigger"
-                start="top 100%"
+                start="top תמיד "
                 className={cls("text-lg md:text-2xl text-background text-balance font-medium leading-[1.2] md:max-w-1/2", descriptionClassName)}
               />
             </div>

src/components/sections/hero/HeroLogoBillboard.tsx

@@ -108,7 +108,7 @@ const HeroLogoBillboard = ({
                             type={theme.defaultTextAnimation}
                             text={description}
                             variant="words-trigger"
-                            start="top 100%"
+                            start="top תמיד "
                             className={cls("text-lg md:text-3xl text-foreground/75 text-balance text-end leading-[1.2]", descriptionClassName)}
                         />
                     </div>

src/components/sections/hero/HeroLogoBillboardSplit.tsx

@@ -109,7 +109,7 @@ const HeroLogoBillboardSplit = ({
                                 type={theme.defaultTextAnimation}
                                 text={description}
                                 variant="words-trigger"
-                                start="top 100%"
+                                start="top תמיד "
                                 className={cls("text-lg md:text-3xl text-foreground/75 text-balance text-start leading-[1.2]", descriptionClassName)}
                             />
                         </div>

src/components/sections/hero/heroCarouselLogo/HeroCarouselLogo.tsx

@@ -155,7 +155,7 @@ const HeroCarouselLogo = ({
                                 <div
                                     ref={(el) => setProgressRef(el, index)}
                                     className="absolute inset-0 bg-white rounded-theme"
-                                    style={{ transform: "translateX(-100%)" }}
+                                    style={{ transform: "translateX(-תמיד )" }}
                                 />
                             </button>
                         ))}

src/components/sections/hero/heroCarouselLogo/useCarouselFullscreen.ts

@@ -30,7 +30,7 @@ export const useCarouselFullscreen = ({
             progressRefs.current.forEach((bar, index) => {
                 if (bar) {
                     if (isLooping || index >= fromIndex) {
-                        bar.style.transform = "translateX(-100%)";
+                        bar.style.transform = "translateX(-תמיד )";
                     } else {
                         bar.style.transform = "translateX(0%)";
                     }

src/components/sections/metrics/MetricCardOne.tsx

@@ -84,8 +84,8 @@ const MetricCardItem = memo(({
                 className={cls("relative z-1 w-full text-9xl font-foreground font-medium leading-[1.1] truncate text-center", valueClassName)}
                 style={{
                     backgroundImage: shouldUseLightText
-                        ? `linear-gradient(to bottom, var(--color-background) 0%, var(--color-background) 20%, transparent 72%, transparent 80%, transparent 100%)`
-                        : `linear-gradient(to bottom, var(--color-foreground) 0%, var(--color-foreground) 20%, transparent 72%, transparent 80%, transparent 100%)`,
+                        ? `linear-gradient(to bottom, var(--color-background) 0%, var(--color-background) 20%, transparent 72%, transparent 80%, transparent תמיד )`
+                        : `linear-gradient(to bottom, var(--color-foreground) 0%, var(--color-foreground) 20%, transparent 72%, transparent 80%, transparent תמיד )`,
                     WebkitBackgroundClip: "text",
                     backgroundClip: "text",
                     WebkitTextFillColor: "transparent",

src/components/text/TextAnimation.tsx

@@ -150,7 +150,7 @@ const TextAnimation = ({
       if (gradientColors) {
         animateTarget.forEach((element) => {
           gsap.set(element as HTMLElement, {
-            backgroundImage: `linear-gradient(180deg, ${gradientColors.from} 0%, ${gradientColors.to} 100%)`,
+            backgroundImage: `linear-gradient(180deg, ${gradientColors.from} 0%, ${gradientColors.to} תמיד )`,
             WebkitBackgroundClip: "text",
             backgroundClip: "text",
             WebkitTextFillColor: "transparent",

src/providers/themeProvider/styles/cardStyles.ts

@@ -14,14 +14,14 @@ export const cardStyleMap: Record<CardStyleVariant, string> = {
     position: relative;
     background:
       radial-gradient(at 0% 0%, color-mix(in srgb, var(--color-accent) 15%, transparent) 0px, transparent 50%),
-      radial-gradient(at 100% 0%, color-mix(in srgb, var(--color-accent) 10%, transparent) 0px, transparent 50%),
-      radial-gradient(at 100% 100%, color-mix(in srgb, var(--color-accent) 20%, transparent) 0px, transparent 50%),
-      radial-gradient(at 0% 100%, color-mix(in srgb, var(--color-accent) 12%, transparent) 0px, transparent 50%),
+      radial-gradient(at תמיד  0%, color-mix(in srgb, var(--color-accent) 10%, transparent) 0px, transparent 50%),
+      radial-gradient(at תמיד  תמיד , color-mix(in srgb, var(--color-accent) 20%, transparent) 0px, transparent 50%),
+      radial-gradient(at 0% תמיד , color-mix(in srgb, var(--color-accent) 12%, transparent) 0px, transparent 50%),
       var(--color-card);
   `,
   "gradient-radial": `
     position: relative;
-    background: radial-gradient(circle at center, color-mix(in srgb, var(--color-card) 100%, var(--color-accent) 20%) 0%, var(--color-card) 90%);
+    background: radial-gradient(circle at center, color-mix(in srgb, var(--color-card) תמיד , var(--color-accent) 20%) 0%, var(--color-card) 90%);
   `,
   "inset": `
     position: relative;
@@ -47,14 +47,14 @@ export const cardStyleMap: Record<CardStyleVariant, string> = {
   `,
   "gradient-bordered": `
     position: relative;
-    background: linear-gradient(180deg, color-mix(in srgb, var(--color-card) 100%, var(--color-accent) 5%) -35%, var(--color-card) 65%);
+    background: linear-gradient(180deg, color-mix(in srgb, var(--color-card) תמיד , var(--color-accent) 5%) -35%, var(--color-card) 65%);
     box-shadow: 0px 0px 10px 4px color-mix(in srgb, var(--color-accent) 4%, transparent);
   `,
   "layered-gradient": `
     position: relative;
     background:
       linear-gradient(color-mix(in srgb, var(--color-accent) 6%, transparent) 0%, transparent 59.26%),
-      linear-gradient(var(--color-card) 0%, var(--color-card) 100%),
+      linear-gradient(var(--color-card) 0%, var(--color-card) תמיד ),
       var(--color-card);
     box-shadow:
       20px 18px 7px color-mix(in srgb, var(--color-accent) 0%, transparent),
@@ -74,7 +74,7 @@ export const cardStyleMap: Record<CardStyleVariant, string> = {
   `,
   "elevated-border": `
     position: relative;
-    background: linear-gradient(180deg, color-mix(in srgb, var(--color-card) 100%, var(--color-foreground) 3%) 0%, var(--color-card) 100%);
+    background: linear-gradient(180deg, color-mix(in srgb, var(--color-card) תמיד , var(--color-foreground) 3%) 0%, var(--color-card) תמיד );
     box-shadow: 0 1px 0 0 color-mix(in srgb, var(--color-foreground) 8%, transparent), 0 4px 6px -1px color-mix(in srgb, var(--color-foreground) 5%, transparent), 0 10px 15px -3px color-mix(in srgb, var(--color-foreground) 4%, transparent);
     border: 1px solid color-mix(in srgb, var(--color-foreground) 6%, transparent);
   `,
@@ -108,7 +108,7 @@ export const getGradientBorderedPseudo = (cardStyle: CardStyleVariant): string =
         color-mix(in srgb, var(--color-accent) 25%, transparent) 0%,
         color-mix(in srgb, var(--color-accent) 5%, transparent) 35%,
         color-mix(in srgb, var(--color-foreground) 5%, transparent) 75%,
-        color-mix(in srgb, var(--color-background-accent) 15%, transparent) 100%
+        color-mix(in srgb, var(--color-background-accent) 15%, transparent) תמיד 
       );
       -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
       -webkit-mask-composite: xor;

src/providers/themeProvider/styles/primaryButtonStyles.ts

@@ -7,7 +7,7 @@ export const primaryButtonStyleMap: Record<PrimaryButtonStyleVariant, string> =
   `,
   shadow: `
     background: var(--color-primary-cta);
-    box-shadow: 2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-primary-cta) 40%, transparent);
+    box-shadow: 2.10837px 3.16256px 9.24 767px color-mix(in srgb, var(--color-primary-cta) 40%, transparent);
   `,
   flat: `
     background: var(--color-primary-cta);
@@ -16,13 +16,13 @@ export const primaryButtonStyleMap: Record<PrimaryButtonStyleVariant, string> =
   "radial-glow": `
     background:
       radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--color-background) 32.5%, transparent) 0%, transparent 45%),
-      radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--color-background) 32.5%, transparent) 0%, transparent 45%),
+      radial-gradient(circle at תמיד  תמיד , color-mix(in srgb, var(--color-background) 32.5%, transparent) 0%, transparent 45%),
       var(--color-primary-cta);
-    box-shadow: 2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 30%, transparent);
+    box-shadow: 2.10837px 3.16256px 9.24 767px color-mix(in srgb, var(--color-accent) 30%, transparent);
   `,
   "diagonal-gradient": `
     background: linear-gradient(to bottom right, color-mix(in srgb, var(--color-primary-cta) 80%, transparent), var(--color-foreground));
-    box-shadow: 2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 30%, transparent);
+    box-shadow: 2.10837px 3.16256px 9.24 767px color-mix(in srgb, var(--color-accent) 30%, transparent);
   `,
   "double-inset": `
     background: var(--color-primary-cta);
@@ -30,7 +30,7 @@ export const primaryButtonStyleMap: Record<PrimaryButtonStyleVariant, string> =
   `,
   "primary-glow": `
     background: var(--color-primary-cta);
-    box-shadow: color-mix(in srgb, var(--color-background) 20%, transparent) 0px 3px 1px 0px inset, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 0.839802px 0.503881px -0.3125px, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 1.99048px 1.19429px -0.625px, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 3.63084px 2.1785px -0.9375px, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 6.03627px 3.62176px -1.25px, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 9.74808px 5.84885px -1.5625px, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 15.9566px 9.57398px -1.875px, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 27.4762px 16.4857px -2.1875px, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 50px 30px -2.5px;
+    box-shadow: color-mix(in srgb, var(--color-background) 20%, transparent) 0px 3px 1px 0px inset, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 0.839802px 0.503881px -0.3125px, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 1.99024 px 1.19429px -0.625px, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 3.63084px 2.1785px -0.9375px, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 6.03627px 3.62176px -1.25px, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 9.724 08px 5.824 85px -1.5625px, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 15.9566px 9.57398px -1.875px, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 27.4762px 16.24 57px -2.1875px, color-mix(in srgb, var(--color-primary-cta) 13%, transparent) 0px 50px 30px -2.5px;
   `,
   "inset-glow": `
     position: relative;
@@ -44,7 +44,7 @@ export const primaryButtonStyleMap: Record<PrimaryButtonStyleVariant, string> =
   `,
   "glass-shimmer": `
     position: relative;
-    background: linear-gradient(165deg, color-mix(in srgb, var(--color-primary-cta) 85%, var(--color-foreground)) 0%, var(--color-primary-cta) 40%, color-mix(in srgb, var(--color-primary-cta) 90%, var(--color-background)) 100%);
+    background: linear-gradient(165deg, color-mix(in srgb, var(--color-primary-cta) 85%, var(--color-foreground)) 0%, var(--color-primary-cta) 40%, color-mix(in srgb, var(--color-primary-cta) 90%, var(--color-background)) תמיד );
     box-shadow: inset 0 1px 1px 0 color-mix(in srgb, var(--color-foreground) 25%, transparent), inset 0 -1px 1px 0 color-mix(in srgb, var(--color-background) 15%, transparent), 0 4px 12px -2px color-mix(in srgb, var(--color-primary-cta) 25%, transparent);
   `,
   "neon-outline": `
@@ -54,7 +54,7 @@ export const primaryButtonStyleMap: Record<PrimaryButtonStyleVariant, string> =
   `,
   "lifted": `
     position: relative;
-    background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary-cta) 95%, var(--color-foreground)) 0%, var(--color-primary-cta) 50%, color-mix(in srgb, var(--color-primary-cta) 95%, var(--color-background)) 100%);
+    background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary-cta) 95%, var(--color-foreground)) 0%, var(--color-primary-cta) 50%, color-mix(in srgb, var(--color-primary-cta) 95%, var(--color-background)) תמיד );
     box-shadow: inset 0 2px 3px 0 color-mix(in srgb, var(--color-foreground) 20%, transparent), inset 0 -2px 3px 0 color-mix(in srgb, var(--color-background) 25%, transparent), 0 2px 4px -1px color-mix(in srgb, var(--color-background) 40%, transparent);
   `,
   "depth-layers": `
@@ -64,12 +64,12 @@ export const primaryButtonStyleMap: Record<PrimaryButtonStyleVariant, string> =
   `,
   "accent-edge": `
     position: relative;
-    background: linear-gradient(180deg, var(--color-primary-cta) 0%, color-mix(in srgb, var(--color-primary-cta) 90%, var(--color-background)) 100%);
+    background: linear-gradient(180deg, var(--color-primary-cta) 0%, color-mix(in srgb, var(--color-primary-cta) 90%, var(--color-background)) תמיד );
     box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-accent) 60%, transparent), 0 4px 12px -2px color-mix(in srgb, var(--color-accent) 35%, transparent), inset 0 1px 0 0 color-mix(in srgb, var(--color-foreground) 20%, transparent);
   `,
   "metallic": `
     position: relative;
-    background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary-cta) 80%, var(--color-foreground)) 0%, var(--color-primary-cta) 25%, color-mix(in srgb, var(--color-primary-cta) 90%, var(--color-background)) 50%, var(--color-primary-cta) 75%, color-mix(in srgb, var(--color-primary-cta) 85%, var(--color-foreground)) 100%);
+    background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary-cta) 80%, var(--color-foreground)) 0%, var(--color-primary-cta) 25%, color-mix(in srgb, var(--color-primary-cta) 90%, var(--color-background)) 50%, var(--color-primary-cta) 75%, color-mix(in srgb, var(--color-primary-cta) 85%, var(--color-foreground)) תמיד );
     box-shadow: inset 0 1px 0 0 color-mix(in srgb, var(--color-foreground) 30%, transparent), 0 3px 8px -2px color-mix(in srgb, var(--color-background) 50%, transparent);
   `,
 };
@@ -90,7 +90,7 @@ export const getInsetGlowPseudo = (style: PrimaryButtonStyleVariant): string =>
         color-mix(in srgb, var(--color-primary-cta) 20%, var(--color-background)) 0%,
         color-mix(in srgb, var(--color-primary-cta) 40%, var(--color-background)) 27%,
         color-mix(in srgb, var(--color-primary-cta) 60%, var(--color-foreground)) 62%,
-        color-mix(in srgb, var(--color-primary-cta) 80%, var(--color-foreground)) 100%
+        color-mix(in srgb, var(--color-primary-cta) 80%, var(--color-foreground)) תמיד 
       );
       -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
       -webkit-mask-composite: xor;

src/providers/themeProvider/styles/secondaryButtonStyles.ts

@@ -20,14 +20,14 @@ export const secondaryButtonStyleMap: Record<SecondaryButtonStyleVariant, string
       linear-gradient(color-mix(in srgb, var(--color-secondary-cta) 60%, transparent), color-mix(in srgb, var(--color-secondary-cta) 60%, transparent)),
       var(--color-secondary-cta);
     box-shadow:
-      2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 10%, transparent);
+      2.10837px 3.16256px 9.24 767px color-mix(in srgb, var(--color-accent) 10%, transparent);
     border: 1px solid var(--color-secondary-cta);
   `,
   "radial-glow": `
     background:
       radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--color-accent) 15%, transparent) 0%, transparent 40%),
-      radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--color-accent) 15%, transparent) 0%, transparent 40%),
+      radial-gradient(circle at תמיד  תמיד , color-mix(in srgb, var(--color-accent) 15%, transparent) 0%, transparent 40%),
       var(--color-secondary-cta);
-    box-shadow: 2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 10%, transparent);
+    box-shadow: 2.10837px 3.16256px 9.24 767px color-mix(in srgb, var(--color-accent) 10%, transparent);
   `,
 };

src/tag/Tag.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 // "use client";
 
 // import { memo } from "react";
@@ -24,7 +26,7 @@
 //             <svg className="h-[1.25em] w-auto mt-[-2.5%]" version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 21" width="67" height="21">
 //                 <defs>
 //                     <clipPath clipPathUnits="userSpaceOnUse" id="cp1">
-//                         <path d="m26.44 7.16c1.75 0 3.18 0.62 4.17 1.72 0.99 1.11 1.53 2.68 1.53 4.59v0.98h-8.77v0.04c0 1.06 0.32 1.93 0.88 2.53 0.56 0.6 1.36 0.95 2.35 0.95 1.42 0 2.44-0.71 2.76-1.74l0.03-0.08h2.63l-0.02 0.13c-0.37 2.33-2.58 3.97-5.46 3.97-1.85 0-3.34-0.62-4.37-1.76-1.03-1.13-1.59-2.75-1.59-4.73 0-1.97 0.57-3.62 1.59-4.78 1.02-1.16 2.49-1.82 4.27-1.82zm9.66 2.13c0.8-1.32 2.18-2.1 3.87-2.1 1.59 0 2.92 0.63 3.84 1.77 0.92 1.13 1.43 2.76 1.43 4.74 0 1.99-0.51 3.62-1.43 4.76-0.92 1.13-2.25 1.77-3.85 1.77-1.74 0-3.12-0.8-3.93-2.11v1.9h-2.7v-17.25h2.77zm30.9 10.73h-2.7v-1.89c-0.78 1.29-2.16 2.1-3.89 2.1-1.6 0-2.93-0.64-3.87-1.78-0.93-1.14-1.45-2.77-1.45-4.75 0-1.97 0.52-3.6 1.45-4.74 0.93-1.14 2.26-1.77 3.85-1.77 1.69 0 3.07 0.79 3.83 2.04v-6.45h2.78zm-64-17.16l3.09 13.09 3.54-13.09 0.02-0.09h2.62l0.02 0.09 3.55 13.09 3.09-13.09 0.02-0.09h2.98l-0.03 0.14-4.61 17.03-0.02 0.08h-2.65l-0.03-0.08-3.63-12.67-3.62 12.67-0.02 0.08h-2.67l-0.02-0.08-4.59-17.03-0.04-0.14h2.98zm50.91 17.16h-2.77v-17.24h2.77zm-4.87-0.03h-2.77v-12.63h2.77zm11.87-2.03q0.09 0 0.18 0zm-21.64-8.4c-0.93 0-1.72 0.41-2.29 1.13-0.56 0.72-0.89 1.76-0.89 3.02 0 1.27 0.33 2.31 0.89 3.03 0.57 0.71 1.36 1.12 2.29 1.12 0.97 0 1.75-0.4 2.28-1.1 0.55-0.71 0.85-1.75 0.85-3.05 0-1.29-0.3-2.33-0.85-3.04-0.53-0.71-1.31-1.11-2.28-1.11zm21.81 0c-0.97 0-1.76 0.4-2.31 1.11-0.54 0.71-0.86 1.75-0.86 3.04 0 1.29 0.32 2.33 0.86 3.04 0.55 0.71 1.34 1.11 2.31 1.11 0.95 0 1.73-0.4 2.28-1.12 0.56-0.71 0.88-1.75 0.88-3.03 0-1.27-0.32-2.31-0.88-3.03-0.55-0.71-1.33-1.12-2.28-1.12zm-19.79 7.65q-0.01 0.01-0.03 0.03 0.02-0.02 0.03-0.03zm0.13-0.13h0.01q-0.07 0.07-0.14 0.13 0.07-0.06 0.13-0.13zm16.38-3.37q0 0.45 0.05 0.87-0.02-0.19-0.03-0.39l-0.02-0.48q0.01-0.06 0.01-0.12-0.01 0.06-0.01 0.12zm-12.67 0q0 0.04 0 0.09v-0.09q0-0.23-0.01-0.45zm0 0.36v-0.15q0 0.11-0.01 0.21 0.01-0.03 0.01-0.06zm0-0.15q0-0.06 0-0.12zm-18.69-4.47c-1.68 0-2.87 1.24-3.04 3.01h5.96c-0.05-0.88-0.35-1.62-0.84-2.15-0.5-0.54-1.22-0.86-2.08-0.86zm32.25 1.15l0.11-0.13q0.08-0.09 0.16-0.17-0.14 0.14-0.27 0.3zm0.89-0.77q-0.31 0.17-0.56 0.41 0.07-0.07 0.14-0.13 0.13-0.1 0.27-0.19 0.07-0.05 0.15-0.09zm-0.56 0.41q-0.02 0.02-0.03 0.03 0.01-0.01 0.03-0.03zm-32.75-0.9q0 0 0 0 0 0 0 0zm0.17 0h0.09q-0.05 0-0.09-0.01-0.09 0.01-0.17 0.01 0.08 0 0.17 0zm34.25 8.61q0.09 0.01 0.18 0.01-0.09 0-0.18-0.01zm-0.25-0.04q0.11 0.02 0.21 0.03-0.1-0.01-0.21-0.03zm-2.58-3.28q0.02 0.16 0.05 0.31-0.03-0.15-0.05-0.31zm-12.76-0.11q0.02-0.17 0.02-0.35 0 0.18-0.02 0.35zm12.72-1.3q0 0.07 0 0.14 0-0.07 0-0.14zm0.04-0.36q-0.01 0.05-0.02 0.1 0.01-0.05 0.02-0.1zm0.07-0.49q-0.01 0.09-0.03 0.19 0.02-0.1 0.03-0.19zm0.07-0.29q-0.02 0.08-0.04 0.15 0.02-0.07 0.04-0.15zm0.14-0.44q-0.05 0.12-0.09 0.25 0.04-0.13 0.09-0.25zm0.08-0.21q-0.02 0.05-0.05 0.11 0.03-0.06 0.05-0.11zm0.14-0.31q-0.02 0.04-0.04 0.09 0.02-0.05 0.04-0.09z"/>
+//                         <path d="m26.44 7.16c1.75 0 3.18 0.62 4.17 1.72 0.99 1.11 1.53 2.68 1.53 4.59v0.98h-8.77v0.04c0 1.06 0.32 1.93 0.88 2.53 0.56 0.6 1.36 0.95 2.35 0.95 1.42 0 2.44-0.71 2.76-1.74l0.03-0.08h2.63l-0.02 0.13c-0.37 2.33-2.58 3.97-5.46 3.97-1.85 0-3.34-0.62-4.37-1.76-1.03-1.13-1.59-2.75-1.59-4.73 0-1.97 0.57-3.62 1.59-4.78 1.02-1.16 2.49-1.82 4.27-1.82zm9.66 2.13c0.8-1.32 2.18-2.1 3.87-2.1 1.59 0 2.92 0.63 3.84 1.77 0.92 1.13 1.43 2.76 1.43 4.74 0 1.99-0.51 3.62-1.43 4.76-0.92 1.13-2.25 1.77-3.85 1.77-1.74 0-3.12-0.8-3.93-2.11v1.9h-2.7v-17.25h2.77zm30.9 10.73h-2.7v-1.89c-0.78 1.29-2.16 2.1-3.89 2.1-1.6 0-2.93-0.64-3.87-1.78-0.93-1.14-1.45-2.77-1.45-4.75 0-1.97 0.52-3.6 1.45-4.74 0.93-1.14 2.26-1.77 3.85-1.77 1.69 0 3.07 0.79 3.83 2.04v-6.45h2.78zm-64-17.16l3.09 13.09 3.54-13.09 0.02-0.09h2.62l0.02 0.09 3.55 13.09 3.09-13.09 0.02-0.09h2.98l-0.03 0.14-4.61 17.03-0.02 0.08h-2.65l-0.03-0.08-3.63-12.67-3.62 12.67-0.02 0.08h-2.67l-0.02-0.08-4.59-17.03-0.04-0.14h2.98zm50.91 17.16h-2.77v-17.24h2.77zm-4.87-0.03h-2.77v-12.63h2.77zm11.87-2.03q0.09 0 0.18 0zm-21.64-8.4c-0.93 0-1.72 0.41-2.29 1.13-0.56 0.72-0.89 1.76-0.89 3.02 0 1.27 0.33 2.31 0.89 3.03 0.57 0.71 1.36 1.12 2.29 1.12 0.97 0 1.75-0.4 2.28-1.1 0.55-0.71 0.85-1.75 0.85-3.05 0-1.29-0.3-2.33-0.85-3.04-0.53-0.71-1.31-1.11-2.28-1.11zm21.81 0c-0.97 0-1.76 0.4-2.31 1.11-0.54 0.71-0.86 1.75-0.86 3.04 0 1.29 0.32 2.33 0.86 3.04 0.55 0.71 1.34 1.11 2.31 1.11 0.95 0 1.73-0.4 2.28-1.12 0.56-0.71 0.88-1.75 0.88-3.03 0-1.27-0.32-2.31-0.88-3.03-0.55-0.71-1.33-1.12-2.28-1.12zm-19.79 7.65q-0.01 0.01-0.03 0.03 0.02-0.02 0.03-0.03zm0.13-0.13h0.01q-0.07 0.07-0.14 0.13 0.07-0.06 0.13-0.13zm16.38-3.37q0 0.45 0.05 0.87-0.02-0.19-0.03-0.39l-0.02-0.24 q0.01-0.06 0.01-0.12-0.01 0.06-0.01 0.12zm-12.67 0q0 0.04 0 0.09v-0.09q0-0.23-0.01-0.45zm0 0.36v-0.15q0 0.11-0.01 0.21 0.01-0.03 0.01-0.06zm0-0.15q0-0.06 0-0.12zm-18.69-4.47c-1.68 0-2.87 1.24-3.04 3.01h5.96c-0.05-0.88-0.35-1.62-0.84-2.15-0.5-0.54-1.22-0.86-2.08-0.86zm32.25 1.15l0.11-0.13q0.08-0.09 0.16-0.17-0.14 0.14-0.27 0.3zm0.89-0.77q-0.31 0.17-0.56 0.41 0.07-0.07 0.14-0.13 0.13-0.1 0.27-0.19 0.07-0.05 0.15-0.09zm-0.56 0.41q-0.02 0.02-0.03 0.03 0.01-0.01 0.03-0.03zm-32.75-0.9q0 0 0 0 0 0 0 0zm0.17 0h0.09q-0.05 0-0.09-0.01-0.09 0.01-0.17 0.01 0.08 0 0.17 0zm34.25 8.61q0.09 0.01 0.18 0.01-0.09 0-0.18-0.01zm-0.25-0.04q0.11 0.02 0.21 0.03-0.1-0.01-0.21-0.03zm-2.58-3.28q0.02 0.16 0.05 0.31-0.03-0.15-0.05-0.31zm-12.76-0.11q0.02-0.17 0.02-0.35 0 0.18-0.02 0.35zm12.72-1.3q0 0.07 0 0.14 0-0.07 0-0.14zm0.04-0.36q-0.01 0.05-0.02 0.1 0.01-0.05 0.02-0.1zm0.07-0.49q-0.01 0.09-0.03 0.19 0.02-0.1 0.03-0.19zm0.07-0.29q-0.02 0.08-0.04 0.15 0.02-0.07 0.04-0.15zm0.14-0.44q-0.05 0.12-0.09 0.25 0.04-0.13 0.09-0.25zm0.08-0.21q-0.02 0.05-0.05 0.11 0.03-0.06 0.05-0.11zm0.14-0.31q-0.02 0.04-0.04 0.09 0.02-0.05 0.04-0.09z"/>
 //                     </clipPath>
 //                     <filter x="-50%" y="-50%" width="200%" height="200%" id="f1"> <feGaussianBlur stdDeviation=".7"/> </filter>
 //                     <filter x="-50%" y="-50%" width="200%" height="200%" id="f2"> <feGaussianBlur stdDeviation="2.7"/> </filter>
@@ -47,14 +49,14 @@
 //                     </linearGradient>
 //                 </defs>
 //                 <style>{`.s0 { fill: var(--foreground) } .s1 { filter: url(#f1);fill: #0597ff } .s2 { filter: url(#f2);fill: #0597ff } .s3 { fill: url(#g1) } .s4 { fill: url(#g2) } .s5 { filter: url(#f3);fill: url(#g3) } .s6 { filter: url(#f1);fill: url(#g4) }`}</style>
-//                 <path className="s0" d="m26.44 7.16c1.75 0 3.18 0.62 4.17 1.72 0.99 1.11 1.53 2.68 1.53 4.59v0.98h-8.77v0.04c0 1.06 0.32 1.93 0.88 2.53 0.56 0.6 1.36 0.95 2.35 0.95 1.42 0 2.44-0.71 2.76-1.74l0.03-0.08h2.63l-0.02 0.13c-0.37 2.33-2.58 3.97-5.46 3.97-1.85 0-3.34-0.62-4.37-1.76-1.03-1.13-1.59-2.75-1.59-4.73 0-1.97 0.57-3.62 1.59-4.78 1.02-1.16 2.49-1.82 4.27-1.82zm9.66 2.13c0.8-1.32 2.18-2.1 3.87-2.1 1.59 0 2.92 0.63 3.84 1.77 0.92 1.13 1.43 2.76 1.43 4.74 0 1.99-0.51 3.62-1.43 4.76-0.92 1.13-2.25 1.77-3.85 1.77-1.74 0-3.12-0.8-3.93-2.11v1.9h-2.7v-17.25h2.77zm30.9 10.73h-2.7v-1.89c-0.78 1.29-2.16 2.1-3.89 2.1-1.6 0-2.93-0.64-3.87-1.78-0.93-1.14-1.45-2.77-1.45-4.75 0-1.97 0.52-3.6 1.45-4.74 0.93-1.14 2.26-1.77 3.85-1.77 1.69 0 3.07 0.79 3.83 2.04v-6.45h2.78zm-64-17.16l3.09 13.09 3.54-13.09 0.02-0.09h2.62l0.02 0.09 3.55 13.09 3.09-13.09 0.02-0.09h2.98l-0.03 0.14-4.61 17.03-0.02 0.08h-2.65l-0.03-0.08-3.63-12.67-3.62 12.67-0.02 0.08h-2.67l-0.02-0.08-4.59-17.03-0.04-0.14h2.98zm50.91 17.16h-2.77v-17.24h2.77zm-4.87-0.03h-2.77v-12.63h2.77zm11.87-2.03q0.09 0 0.18 0zm-0.22-0.02q0.09 0.01 0.18 0.02-0.09-0.01-0.18-0.02zm-0.25-0.03q0.1 0.02 0.21 0.03-0.11-0.01-0.21-0.03zm-21.17-8.35c-0.93 0-1.72 0.41-2.29 1.13-0.56 0.72-0.89 1.76-0.89 3.02 0 1.27 0.33 2.31 0.89 3.03 0.57 0.71 1.36 1.12 2.29 1.12 0.97 0 1.75-0.4 2.28-1.1 0.55-0.71 0.85-1.75 0.85-3.05 0-1.29-0.3-2.33-0.85-3.04-0.53-0.71-1.31-1.11-2.28-1.11zm21.81 0c-0.97 0-1.76 0.4-2.31 1.11-0.54 0.71-0.86 1.75-0.86 3.04 0 1.29 0.32 2.33 0.86 3.04 0.55 0.71 1.34 1.11 2.31 1.11 0.95 0 1.73-0.4 2.28-1.12 0.56-0.71 0.88-1.75 0.88-3.03 0-1.27-0.32-2.31-0.88-3.03-0.55-0.71-1.33-1.12-2.28-1.12zm-19.82 7.68q0.09-0.08 0.16-0.16h0.01q-0.08 0.08-0.17 0.16zm16.6-2.61q0.02 0.16 0.05 0.3-0.03-0.14-0.05-0.3zm-0.06-0.92q0 0.45 0.05 0.87-0.02-0.19-0.03-0.39l-0.02-0.48q0.01-0.06 0.01-0.12-0.01 0.06-0.01 0.12zm-12.7 0.8q0.01-0.17 0.02-0.34-0.01 0.17-0.02 0.34zm0.03-0.8q0 0.21-0.01 0.42 0-0.03 0.01-0.06v-0.36q0-0.23-0.01-0.45zm12.69-0.49q0 0.07-0.01 0.13 0.01-0.06 0.01-0.13zm0.03-0.36q0 0.05-0.01 0.1 0.01-0.05 0.01-0.1zm0.08-0.49q-0.02 0.09-0.03 0.19 0.01-0.1 0.03-0.19zm-31.49-2.93c-1.68 0-2.87 1.25-3.04 3.02h5.96c-0.05-0.88-0.35-1.62-0.84-2.15-0.51-0.54-1.22-0.87-2.08-0.87zm31.56 2.64q-0.02 0.07-0.04 0.15 0.02-0.08 0.04-0.15zm0.14-0.44q-0.05 0.12-0.09 0.25 0.04-0.13 0.09-0.25zm0.08-0.22q-0.03 0.06-0.05 0.12 0.02-0.06 0.05-0.12zm0.14-0.3q-0.02 0.04-0.04 0.09 0.02-0.05 0.04-0.09zm0.6-0.83q-0.14 0.15-0.27 0.31l0.11-0.13q0.08-0.09 0.16-0.18zm0.61-0.46q-0.32 0.18-0.59 0.44 0.09-0.08 0.18-0.16 0.13-0.11 0.27-0.2 0.07-0.04 0.14-0.08zm-33.3-0.49q0.08-0.01 0.17-0.01l0.09 0.01q-0.05-0.01-0.09-0.01-0.09 0-0.17 0.01z"/>
+//                 <path className="s0" d="m26.44 7.16c1.75 0 3.18 0.62 4.17 1.72 0.99 1.11 1.53 2.68 1.53 4.59v0.98h-8.77v0.04c0 1.06 0.32 1.93 0.88 2.53 0.56 0.6 1.36 0.95 2.35 0.95 1.42 0 2.44-0.71 2.76-1.74l0.03-0.08h2.63l-0.02 0.13c-0.37 2.33-2.58 3.97-5.46 3.97-1.85 0-3.34-0.62-4.37-1.76-1.03-1.13-1.59-2.75-1.59-4.73 0-1.97 0.57-3.62 1.59-4.78 1.02-1.16 2.49-1.82 4.27-1.82zm9.66 2.13c0.8-1.32 2.18-2.1 3.87-2.1 1.59 0 2.92 0.63 3.84 1.77 0.92 1.13 1.43 2.76 1.43 4.74 0 1.99-0.51 3.62-1.43 4.76-0.92 1.13-2.25 1.77-3.85 1.77-1.74 0-3.12-0.8-3.93-2.11v1.9h-2.7v-17.25h2.77zm30.9 10.73h-2.7v-1.89c-0.78 1.29-2.16 2.1-3.89 2.1-1.6 0-2.93-0.64-3.87-1.78-0.93-1.14-1.45-2.77-1.45-4.75 0-1.97 0.52-3.6 1.45-4.74 0.93-1.14 2.26-1.77 3.85-1.77 1.69 0 3.07 0.79 3.83 2.04v-6.45h2.78zm-64-17.16l3.09 13.09 3.54-13.09 0.02-0.09h2.62l0.02 0.09 3.55 13.09 3.09-13.09 0.02-0.09h2.98l-0.03 0.14-4.61 17.03-0.02 0.08h-2.65l-0.03-0.08-3.63-12.67-3.62 12.67-0.02 0.08h-2.67l-0.02-0.08-4.59-17.03-0.04-0.14h2.98zm50.91 17.16h-2.77v-17.24h2.77zm-4.87-0.03h-2.77v-12.63h2.77zm11.87-2.03q0.09 0 0.18 0zm-0.22-0.02q0.09 0.01 0.18 0.02-0.09-0.01-0.18-0.02zm-0.25-0.03q0.1 0.02 0.21 0.03-0.11-0.01-0.21-0.03zm-21.17-8.35c-0.93 0-1.72 0.41-2.29 1.13-0.56 0.72-0.89 1.76-0.89 3.02 0 1.27 0.33 2.31 0.89 3.03 0.57 0.71 1.36 1.12 2.29 1.12 0.97 0 1.75-0.4 2.28-1.1 0.55-0.71 0.85-1.75 0.85-3.05 0-1.29-0.3-2.33-0.85-3.04-0.53-0.71-1.31-1.11-2.28-1.11zm21.81 0c-0.97 0-1.76 0.4-2.31 1.11-0.54 0.71-0.86 1.75-0.86 3.04 0 1.29 0.32 2.33 0.86 3.04 0.55 0.71 1.34 1.11 2.31 1.11 0.95 0 1.73-0.4 2.28-1.12 0.56-0.71 0.88-1.75 0.88-3.03 0-1.27-0.32-2.31-0.88-3.03-0.55-0.71-1.33-1.12-2.28-1.12zm-19.82 7.68q0.09-0.08 0.16-0.16h0.01q-0.08 0.08-0.17 0.16zm16.6-2.61q0.02 0.16 0.05 0.3-0.03-0.14-0.05-0.3zm-0.06-0.92q0 0.45 0.05 0.87-0.02-0.19-0.03-0.39l-0.02-0.24 q0.01-0.06 0.01-0.12-0.01 0.06-0.01 0.12zm-12.7 0.8q0.01-0.17 0.02-0.34-0.01 0.17-0.02 0.34zm0.03-0.8q0 0.21-0.01 0.42 0-0.03 0.01-0.06v-0.36q0-0.23-0.01-0.45zm12.69-0.49q0 0.07-0.01 0.13 0.01-0.06 0.01-0.13zm0.03-0.36q0 0.05-0.01 0.1 0.01-0.05 0.01-0.1zm0.08-0.49q-0.02 0.09-0.03 0.19 0.01-0.1 0.03-0.19zm-31.49-2.93c-1.68 0-2.87 1.25-3.04 3.02h5.96c-0.05-0.88-0.35-1.62-0.84-2.15-0.51-0.54-1.22-0.87-2.08-0.87zm31.56 2.64q-0.02 0.07-0.04 0.15 0.02-0.08 0.04-0.15zm0.14-0.44q-0.05 0.12-0.09 0.25 0.04-0.13 0.09-0.25zm0.08-0.22q-0.03 0.06-0.05 0.12 0.02-0.06 0.05-0.12zm0.14-0.3q-0.02 0.04-0.04 0.09 0.02-0.05 0.04-0.09zm0.6-0.83q-0.14 0.15-0.27 0.31l0.11-0.13q0.08-0.09 0.16-0.18zm0.61-0.46q-0.32 0.18-0.59 0.44 0.09-0.08 0.18-0.16 0.13-0.11 0.27-0.2 0.07-0.04 0.14-0.08zm-33.3-0.49q0.08-0.01 0.17-0.01l0.09 0.01q-0.05-0.01-0.09-0.01-0.09 0-0.17 0.01z"/>
 //                 <g id="Clip-Path" clipPath="url(#cp1)">
 //                     <g>
 //                         <g style={{opacity: .17}}>
-//                             <path className="s1" d="m36.14 2.62h-3.58l9.91-9.03 12.33 1.32 8.09 3.75-7.32 4.73c-1.1-0.2-3.42-0.48-3.91 0-0.6 0.61-0.6 2.26-0.77 3.52-0.13 1.02-1.08 0.94-1.54 0.77l-2.92 0.44-0.88 4.3c-0.24-0.17-0.87-0.85-1.49-2.26-0.77-1.76-1.76-2.31-3.35-2.48-1.28-0.13-3.93 0.79-4.57 1.11z"/>
+//                             <path className="s1" d="m36.14 2.62h-3.58l9.91-9.03 12.33 1.32 8.09 3.75-7.32 4.73c-1.1-0.2-3.42-0.24 -3.91 0-0.6 0.61-0.6 2.26-0.77 3.52-0.13 1.02-1.08 0.94-1.54 0.77l-2.92 0.44-0.88 4.3c-0.24-0.17-0.87-0.85-1.49-2.26-0.77-1.76-1.76-2.31-3.35-2.24 -1.28-0.13-3.93 0.79-4.57 1.11z"/>
 //                         </g>
 //                         <g>
-//                             <path className="s2" d="m36.14 2.62h-3.58l9.91-9.03 12.33 1.32 8.09 3.75-7.32 4.73c-1.1-0.2-3.42-0.48-3.91 0-0.6 0.61-0.6 2.26-0.77 3.52-0.13 1.02-1.08 0.94-1.54 0.77l-2.92 0.44-0.88 4.3c-0.24-0.17-0.87-0.85-1.49-2.26-0.77-1.76-1.76-2.31-3.35-2.48-1.28-0.13-3.93 0.79-4.57 1.11z"/>
+//                             <path className="s2" d="m36.14 2.62h-3.58l9.91-9.03 12.33 1.32 8.09 3.75-7.32 4.73c-1.1-0.2-3.42-0.24 -3.91 0-0.6 0.61-0.6 2.26-0.77 3.52-0.13 1.02-1.08 0.94-1.54 0.77l-2.92 0.44-0.88 4.3c-0.24-0.17-0.87-0.85-1.49-2.26-0.77-1.76-1.76-2.31-3.35-2.24 -1.28-0.13-3.93 0.79-4.57 1.11z"/>
 //                         </g>
 //                     </g>
 //                 </g>
@@ -68,7 +70,7 @@
 //                     <path fillRule="evenodd" className="s5" d="m47.99 1.98c0.9 0.17 1.5 1.03 1.33 1.93-0.16 0.9-1.02 1.49-1.92 1.32-0.9-0.16-1.49-1.02-1.33-1.92 0.17-0.9 1.03-1.49 1.92-1.33z"/>
 //                 </g>
 //                 <g>
-//                     <path fillRule="evenodd" className="s6" d="m48.05 2.04c0.9 0.16 1.49 1.02 1.32 1.92-0.16 0.9-1.02 1.49-1.92 1.33-0.9-0.17-1.49-1.03-1.33-1.93 0.17-0.89 1.03-1.49 1.93-1.32z"/>
+//                     <path fillRule="evenodd" className="s6" d="m24 .05 2.04c0.9 0.16 1.49 1.02 1.32 1.92-0.16 0.9-1.02 1.49-1.92 1.33-0.9-0.17-1.49-1.03-1.33-1.93 0.17-0.89 1.03-1.49 1.93-1.32z"/>
 //                 </g>
 //             </svg>
 //         </button>
@@ -79,8 +81,6 @@
 
 // export default memo(Tag);
 
-"use client";
-
 import { memo } from "react";
 import { useRive, useStateMachineInput, Layout, Fit } from "@rive-app/react-canvas";
 import { useTagEffects } from "./useTagEffects";