feat: redesign benefits section with image cards

- Replaced icon-based feature cards with new image-based card layout using product benefit images
- Updated grid layout to 7-column system with asymmetric card sizes for better visual hierarchy
- Added hover effects with cyan highlights and scale transitions for better interactivity
- Implemented responsive design with custom rounded corners for mobile/desktop views
- Removed unused FeatureCard, FeatureTitle and FeatureDescription components
- Adde

package-lock.json

@@ -12,6 +12,7 @@
         "@headlessui/react": "^2.2.9",
         "@heroicons/react": "^2.2.0",
         "@lobehub/icons": "^1.97.2",
+        "@radix-ui/react-icons": "^1.3.2",
         "@react-three/drei": "^9.89.2",
         "@react-three/fiber": "^8.15.12",
         "@tabler/icons-react": "^3.35.0",
@@ -2478,6 +2479,15 @@
         "react": "^16.8 || ^17.0 || ^18.0"
       }
     },
+    "node_modules/@radix-ui/react-icons": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-icons/-/react-icons-1.3.2.tgz",
+      "integrity": "sha512-fyQIhGDhzfc9pK2kH6Pl9c4BDJGfMkPqkyIgYDthyNYoNg3wVhoJMMh19WS4Up/1KMPFVpNsT2q3WmXn2N1m6g==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.x || ^17.x || ^18.x || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
     "node_modules/@radix-ui/react-id": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.0.tgz",