add:bento added to platform

package.json

@@ -37,6 +37,7 @@
     "hugeicons-react": "^0.4.0",
     "input-otp": "^1.4.2",
     "lucide-react": "^0.563.0",
+    "matter-js": "^0.20.0",
     "media-chrome": "^4.17.2",
     "motion": "^12.34.1",
     "next-themes": "^0.4.6",

src/data/contents/blocks/bento-1/bento-1.mdx

@@ -0,0 +1,29 @@
+---
+title: Bento-1
+slug: bento-1
+category: bento
+description: >-
+  A dark-themed bento layout featuring growth insights, workflow
+  integration, scalable visuals, and seamless team collaboration.
+image: 'https://assets.watermelon.sh/components/bento-1.webp'
+video: 'https://assets.watermelon.sh/components/bento-1.mp4'
+featured: false
+comingSoon: false
+dependencies:
+  - motion/react
+install:
+  - 'npx shadcn@latest add https://registry.watermelon.sh/r/bento-1.json'
+componentNumber: 1
+---
+
+# Bento-1
+
+A sleek, high-contrast bento layout designed to present insights, simplify workflows, and highlight collaboration through clean visual blocks.
+
+- **Growth Insights** - Smooth visual indicators to represent trends and performance over time.  
+- **Custom Design Modules** - Clean, modular sections to showcase tailored solutions.  
+- **Auto Scaling Visuals** - Subtle curves and highlights that reflect adaptability and system evolution.  
+- **Workflow Integration** - Organized display of connected tools and services.  
+- **Team Collaboration** - Interactive avatar groups that bring a sense of real-time teamwork.  
+- **Tag-Based Highlights** - Compact pill elements for quick access to key features.  
+- **Dark Premium UI** - High-contrast design with soft glows, gradients, and minimal accents. 

src/data/contents/blocks/bento-1/demo.tsx

@@ -0,0 +1,9 @@
+import Bento1 from '.'
+
+const demo = () => {
+  return (
+    <Bento1 />
+  )
+}
+
+export default demo